An implementation of GitHub's Primer Design System using React
#4389 02035fef00d927cdf6ff97ce005592657f9a6d13
Thanks @JeffreyKozik! - experimental/SelectPanel + FormControl: Automatically wires SelectPanel v2 to the accessibility and validation provided by the FormControl component it's nested within
#4335 8b4d838b84af07b0baa7abeda96c5502b9339f19
Thanks @joshblack! - Add support for experimental Banner component
1c847bdf75e28d62015c5b8e9d77c26e5b0995dc
Thanks @JelloBagel! - TreeView: Fix returning focus when active element is not a treeitem622b1447d12232559e1bf2659a94c191e07da225
Thanks @colebemis! - Added className
props to TreeView
and TreeView.Item
components for custom styling.#4506 d1419184511be5a3418fca437c805293456f0845
Thanks @owenniblock! - Export ActionBar default as ActionBar so it can be imported correctly
#4423 ee4608833ae79a9c05cbaa76f3602e40c9ba8554
Thanks @langermank! - Add support for the experimental Stack component
#4276 13971c92669013ce6f5afe51782d251a5e2c5a17
Thanks @joshblack! - Add support for an experimental FeatureFlags component for working with feature flags in Primer
#4501 8bfab0a2760eb0734aea19b38ba5957a5deb8ca2
Thanks @pksjce! - ActionBar: Make it such that either aria-label or aria-labelledby is present
#4331 77846c4e93cb0b7711654272162fa6f73d9cc90e
Thanks @langermank! - Bug fix: Add word-break
to ActionList items
#4224 8e9267fbc77946c65844a5cb3a714ba57291fc5c
Thanks @broccolinisoup! - IconButton: introduce tooltips on icon buttons behind the unsafeDisableTooltip
prop for an incremental rollout.
In the next release, we plan to update the default value of unsafeDisableTooltip
to false
so that the tooltip behaviour becomes the default.
#4425 6682d28bbb8fe5aa2c959f8013cbcfc4f3c7030e
Thanks @siddharthkp! - Dialog v2: Add support for returnFocusRef
#4463 4b001296005e1fa2c11afe0b41bc852f44a5b905
Thanks @broccolinisoup! - TooltipV2: Check if tooltip element has popover
attribute before calling showPopover
and hidePopover
#4451 2f4939375a9d3b81f7f618ad2ea6f1a77cad187e
Thanks @TylerJDev! - Utilize getGlobalFocusStyle
to prevent outline-offset
from being overridden by default browser styles
#4471 aa8b6d83467ebd0d18939fc375340471a585deea
Thanks @broccolinisoup! - Tooltipv2: Prevent closing other overlays when tooltip has the focus when ESC is hit
#4393 57e1742c1538be83b208e08ff97b31df02acb5fa
Thanks @maximedegreve! - Add our react template to the README.md
#4270 ae14db7378efa90cad8623d6729747f0ca8f098b
Thanks @lukeed! - TreeView: Toggle subtree via Space key (in addition to Enter key)
#4477 054de02df44c2f1144db58e9778350d7bc0fb863
Thanks @siddharthkp! - ThemeProvider + SSR: Fix incorrect theme with multiple ThemeProviders on page
#4395 c2557d102b80ea4ccc280e041bea212e8602573e
Thanks @broccolinisoup! - ActionList.Group: deprecate title
prop - please use ActionList.GroupHeading
instead
ActionList.GroupHeading: update the warning to be an error if there is no explict as
prop for list role
action lists.
ActionList.GroupHeading: There shouldn't be an as
prop on ActionList.GroupHeading
for listbox
or menu
role action lists. console.error if there is one
#4241 5f94a236adf6511a4817e720d1f7358f38233b31
Thanks @owenniblock! - Adds new alpha component: TabPanels to match Primer View Components.
TabPanels should be used when semantic tabs are required and the tablist is not a navigation element.
#4407 4a7e44a510d94802acb865e8e5530f8b5fae8dee
Thanks @joshblack! - experimental/SelectPanel: Add support for announcements to SelectPanel.Loading
#4417 d7f4f7c71ef86b80d62683cb6e0f0d36ea370681
Thanks @joshblack! - Update @primer/octicons-react to 19.9.0
#4305 37c47708d7755c0387cdc94f68389226799ee707
Thanks @keithamus! - Render SSR date for RelativeTime
#4385 254e289b845c5167febd304be082fe8493aa87ab
Thanks @broccolinisoup! - ActionMenu: Add id
to ActionMenu.Anchor
types
#4388 c4a4674907f747ee154ca4e2a4ccd8bf2c0c3541
Thanks @keithamus! - ActionBar now produces valid HTML
#4403 d4edf2a7f85d944859e744b9c978d89ed92ac6f7
Thanks @keithamus! - Improve display names for React components built from Custom Elements
#4446 a3355a5483e37bebe077c7aa000ae8e4ed0f77b9
Thanks @broccolinisoup! - Tooltipv2: Update the threshold value to match with the offset
#4440 674437d421bc6a1237b286d6840a0043a1a67314
Thanks @joshblack! - Update DataTable to avoid layout overflow when visually hidden selectors are used in Table headers
#4277 69915d9e9cbba2d378e0acc065474a93bf5411b0
Thanks @siddharthkp! - experimental/SelectPanel: Add responsive variants
#4426 369c3036c8701f227ac5e49b38d32f65f6a8ce97
Thanks @iansan5653! - Fixes a bug where consumers cannot override buttons' aria-disabled attribute
#4424 392a3ca508b5de1b7440ff9f6f0700414560f2cf
Thanks @pksjce! - ActionBar: The overflow menu was earlier bootlegged with heavily customised ActionList. This is being replaced with ActionMenu which is cleaner and more robust.
#4234 8bbb8e5d7be39bc46d0c9ee1687533f1a9fc6efa
Thanks @Rebstorm! - <UnderlineNav>
menu now uses the Anchored Position on smaller screen sizes to not clip, or go out of bounds.
#4392 f100683a756c48c433fdd96f0837db9d1525b195
Thanks @langermank! - Bug fix: make active
label bold in ActionList
#4380 a392556c734bcc1966f18370d1b3ddf6dcd7d0d4
Thanks @broccolinisoup! - Tooltip v1: Remove the caret from the tooltip to make it consistent with the new tooltip design
#4364 2f65ea526fce085f1e55b78c32a6b462d8f3583f
Thanks @joshblack! - Update IconButton default color to use fgColor-muted
cb54f4298700d369e616aaefb2e7df4830231736
Thanks @langermank! - Bug fix: default Button disabled bg-color#4353 2c0086e6da3ae3a360c12952399256c98941982e
Thanks @anleac! - SelectPanel: Added footer
prop that renders a sticky footer at the bottom of the item list.
#4288 200fb18839053f669d30d86e4dd88b399b06a44b
Thanks @siddharthkp! - experimental/SelectPanel: Add back button
#4097 9c535e835a364bce5d01b28f4029d2bf4d5bdfaf
Thanks @broccolinisoup! - TextInput: Update TextInput.Action internal component to use Tooltip v2
#4359 937dbdea2a0b2f79b60f68440f5d8c24df344401
Thanks @pksjce! - ActionBar: Overflow menu items should be able to trigger dialogs
#4327 f08f85b5a90e532c7a8795f7bea5af80765283d4
Thanks @broccolinisoup! - Tooltip v2: Set the tooltip position when popover-open attribute is added to the tooltip element not the toggle event is triggered
#4348 c64e5b25698885eeeeee5bc95c47582248011a39
Thanks @siddharthkp! - experimental/SelectPanel: Do not render children of <dialog>
when closed
#4308 32b0cf77fcb4112f00da6ffb93a52875d23b9370
Thanks @tbenning! - Unify Breadcrumbs + fix a11y issue
#4334 f685d521dd52d0a9601e0021189895e1adca3b0b
Thanks @TylerJDev! - Switches focus styles to target a.focus-visible
instead of a:focus-visible
.
#4349 15c078dda93ae8579a858efcce3b6a2f97204373
Thanks @jonrohan! - Adding aria-invalid="true" to TextInput when error.
#4365 fe9f8baae473019e3605fae8895ba63f88fae074
Thanks @pksjce! - Bugfix: aria-invalid
is overriden in TextInput
#4354 4b823ff237235564900aeadb81713e984676c5ad
Thanks @siddharthkp! - TextInput: Remove redundant aria-label
attribute from TextInput.Action
when it already has an aria-labelledby
.
#4320 7cb3464a50a49efc59e9a29baa2dd543147b0bee
Thanks @siddharthkp! - experimental/SelectPanel: Move focus to first item if there is no filter input
#4337 69f4489a3a6e928c5c387c8aa42668f5f3b0d92c
Thanks @manuelpuyol! - Add precompile step for colorSchemes
#4360 5baf73660f86fa4850f7c705d5d3ab1c599fe461
Thanks @broccolinisoup! - Tooltip2: Render tooltip element as span
instead of div
fcd05284039b9768e37f687d65eece9242e4e2f8
Thanks @pksjce! - Add a new experimental component ActionBar#4321 94052a35167b2b8f024ebbb2b676acf24641b245
Thanks @siddharthkp! - experimental/SelectPanel: Fix anchored position inside a Dialog
#4279 a68e2e206eed4ecb8bbf9b0646271c776c301c1a
Thanks @joshblack! - Add aria-labelledby to listbox within draft SelectPanel
#4278 9ec7262fd0bfad6de689c7a73fad71e800cf5620
Thanks @langermank! - Address a few v8 color bugs
#4294 5ca5c0a6239029abbf285a0e7190e1c766dcab8b
Thanks @siddharthkp! - experimental/SelectPanel: Cancel + close panel when user clicks outside
#4263 590486ff650a81637a07f67624497f01303091b4
Thanks @joshblack! - Update Checkbox to mirror aria-checked
and the input's checked
property
#4317 0e744e20620a3e2fefebe94e9e33f71dcb0ee19c
Thanks @broccolinisoup! - Tooltip: Take position:absolute back that was introduced in https://github.com/primer/react/pull/4250 since causing flickering issues and update v2 id to be the same with v1 for the new docs site.
#4239 03d8d35c4d2be0dc2b1af67d5a3f57e255406453
Thanks @langermank! - Update the font-weight of the Dialog subtitle component to be normal
#4295 e1dbd6adb4ea2f302722b11c62a631b9c43277c2
Thanks @langermank! - Fix placeholder
selector for form components
#4250 f064534bf6f15261a3b381ce1f7b3828daf98c84
Thanks @broccolinisoup! - Add a new entry point 'next' and export the Tooltip v2 from it with an updated documentation
#4214 3dd498e6a7c28a1ec39b56912f76579f6674e022
Thanks @langermank! - Dialog component: add new position
prop to support fullscreen and bottom sheets on narrow screens
#4236 14a2776f18cf8f4a360b1887db64f8d5e904bc9d
Thanks @joshblack! - Refactor project to avoid circular dependencies
#4199 b6e58079a1517d2f1d31098b4e484b94625deabd
Thanks @siddharthkp! - experimental/SelectPanel: Improve keyboard navigation from search input
#4200 dc988141216b91561a0ea0943b2cbff03be95029
Thanks @broccolinisoup! - Tooltip v2: Allow external id to be passed down in tooltip so that the trigger can be labelled/described by the that id
#4246 2aced1c61f26513ef2f7a5a4d05485c6fe7ec1ff
Thanks @siddharthkp! - Dialog v1: Fix font-family for title
#4265 19c716f7f1ec44f1f1ee4a135b828208f2be058a
Thanks @siddharthkp! - SelectPanel2: Submit panel when an item is selected with Enter
key
#4166 c66b808cbefdbdd7482be752e5d311d2db4d23d8
Thanks @pksjce! - Fix focus styles in ActionList Item to support more than focus-visible
#4259 c9fbef6438131cf358e2eaff3d866cf4398e622c
Thanks @siddharthkp! - ActionList: Prevent scroll when an item is selected with Space
#4245 d79a419116ea9e669c1ce598144a4b61ae15c52d
Thanks @siddharthkp! - experimental/SelectPanel: Automatically adjust height based on contents
#4204 da4469d9d958733e1b1dd32d6cd1a1bd0661ff91
Thanks @dylanatsmith! - Increase Tooltip border-radius to match Primer View Components
#4205 ff354604f70fc900cb79fe4c58eaee541a813d9f
Thanks @pablonete! - Bugfix: Dialog.Header ignored the sx provided
#4198 65bde2763
Thanks @siddharthkp! - experimental/SelectPanel: Pass props from SelectPanel root to dialog element
#4208 2217cef45
Thanks @joshblack! - Update mono font in theme to use font stack as fallback to custom property
#4176 b8b090be2
Thanks @siddharthkp! - Checkbox: Add not-allowed
cursor to unchecked disabled state