leafygreen-ui

LeafyGreen UI – LeafyGreen's React UI Kit

APACHE-2.0 License

Downloads
8.8M
Stars
217
Committers
47
View Code on GitHub Visit Website
Ecosystems: React, MongoDB

Bot releases are visible (Hide)

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 3 months ago

Patch Changes

  • 9fad8d3d3: Prepares Avatar component for mongodb.design
  • Updated dependencies [fd0e5977d]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • 9c40e5335: Exports getTestUtils and LGIDS_SELECT. These were mistakenly excluded in its initial release
  • Updated dependencies [157146b5c]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • 157146b5c: Adds back display:block property, which was removed in style updates.
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • db2d1d12c: Updates the background color of InlineCode component in dark mode from transparent to gray.dark4
  • Updated dependencies [cfa830701]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cfa830701: waitForTransition accepts null arg
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • 9c2bcf4e8: Revert changes to disabled options from this PR.
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cfa830701: Updates Menu. Resolves failing tests due to Menu update
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cfa830701: Updates SearchResults.

    • Removes custom option styles in favor of consistent option styles from InputOptionContent

    Updates SearchResultsMenu

    • Updates the menu background-color to match the background from InputOptionContent.

  • Updated dependencies [cfa830701]

  • Updated dependencies [cfa830701]

  • Updated dependencies [cfa830701]

  • Updated dependencies [cfa830701]

  • Updated dependencies [db2d1d12c]

  • Updated dependencies [cfa830701]

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Major Changes

  • cfa830701: Internally refactors Menu to leverage @leafygreen-ui/descendants. This improvement will enable faster feature development and bug fixes in the future.
  • cfa830701: Implements InputOption within MenuItem.
    • Aligns spacing & colors with other dropdown menus.
    • Also creates additional MenuItem generated stories
  • cfa830701: - Updates the FocusableMenuItem component for new menu descendants pattern. By wrapping an input component in FocusableMenuItem, it will be registered as a menu item descendant, and will be focusable using standard menu arrow key interactions.
    • Note: the single child of FocusableMenuItem must itself be focusable. Wrapping a focusable element (e.g. input in a div) will not enable the menu descendant functionality.

Minor Changes

  • cfa830701: Adds title and glyph props to MenuGroup. Providing a title to MenuGroup will visually indent the child MenuItem components, appearing nested within the group.

  • cfa830701: ## Features

    • Clicking a submenu item that does not have a click handler or href will toggle the submenu
    • When focused on a submenu item, pressing the left/right arrow keys will close/open the menu (respectively)

    Structural changes

    • Updates Submenu component to use InputOption
    • Moves the submenu toggle button to be a sibling of the InputOption
      • this avoids any potential nesting of button elements

Patch Changes

  • cfa830701: Ensures SubMenu does not toggle open/closed when disabled
  • cfa830701: Fixes a bug where click handlers on MenuItem or SubMenu would still fire when disabled
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [db2d1d12c]
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cfa830701: Updates ComboboxOption.

    • Removes custom min-height, padding, and line-height. Instead these styles will come from InputOptionContent.

    Updates ComboboxMenu.

    • Updates the menu background-color to match the background from InputOptionContent.

  • Updated dependencies [cfa830701]

  • Updated dependencies [cfa830701]

  • Updated dependencies [cfa830701]

  • Updated dependencies [db2d1d12c]

  • Updated dependencies [cfa830701]

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cfa830701: Fixes RecursiveRecord type
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Major Changes

  • cfa830701: ### API changes

    • Renames selected prop to checked (this is done to avoid confusion with the aria-selected attribute, which is conditionally applied via the highlighted prop)
    • checked applies the aria-checked attribute
    • Note: checked does not apply any styles. Any "checked" styles must be applied by the consuming component (this is consistent with previous behavior)
    • Adds preserveIconSpace prop to InputOptionContent to determine whether menu items should preserve space for a left glyph, or left align all text content. Use this prop in menus where some items may or may not have icons/glyphs, in order to keep text across menu items aligned.
    • Extends AriaLabelPropsWithChildren in InputOptionProps
      • AriaLabelPropsWithChildren allows a component to accept any of aria-label, aria-labelledby or children as sufficient text for screen-reader accessibility

    Styling changes

    • Updates InputOption and InputOptionContent styles to use updated color and spacing tokens
    • Exports inputOptionClassName, and inputOptionContentClassName.

    Spacing overview

    • block padding: 8px
    • inline padding: 12px
    • icon/text/chevron gap: 8px
    • label & description font-size: 13px
    • label & description line-height: 16px

    Colors overview

    • Left & right icon color: color.[theme].icon.primary tokens
    • Label & Description: use default Label & Description colors from typography
    • Background uses color[theme].background.primary tokens (including hover & focus states)
    • Wedge uses palette.blue.base for all modes
    • The highlight prop uses the .focus state color for Icon, Text & Background colors

    Internal updates

    • Establishes internal InputOptionContext to track disabled, highlighted, & checked attributes.

Patch Changes

  • cfa830701: Updates minimum wedge height from 16px to 24px
  • cfa830701: Fixes a bug to prevent a highlighted disabled option title from changing text color.
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [db2d1d12c]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Minor Changes

  • cfa830701: Adds & exports getDescendantById & getDescendantByIndex utilities

Patch Changes

  • cfa830701: Updates Descendant index properties after inserting & removing to ensure the index of the Descendant object matches the index within the Descendants list
leafygreen-ui - @lg-chat/[email protected]

Published by github-actions[bot] 4 months ago

Major Changes

  • cfa830701: Updates SuggestedPrompt.
    • Removes custom option styles in favor of consistent option styles from InputOptionContent

Patch Changes

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Minor Changes

  • cfa830701: Adds AriaLabelPropsWithChildren type that requires either children, or other aria-label attributes to be defined. Allows a component to accept any of aria-label, aria-labelledby or children as sufficient text for screen-reader accessibility

Patch Changes

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • cadc11b18: Fixed the controlled Toast component to avoid most infinite render loops
  • Updated dependencies [d70758dcf]
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

  • 667496f83: Adds more type safety around nested Polymorphic components accepting refs
leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Patch Changes

leafygreen-ui - @leafygreen-ui/[email protected]

Published by github-actions[bot] 4 months ago

Minor Changes

  • d70758dcf: Adds transparent key to palette. Ensures a consistent transparent color across browsers
Package Rankings
Top 1.98% on Npmjs.org
Badges
Extracted from project README
version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version version