Releases: mongodb/leafygreen-ui
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121:
InfoSprinkle
renders tooltip in the top layer using popover API. As a result, the following props are removed:popoverZIndex
portalClassName
portalContainer
portalRef
scrollContainer
usePortal
Additional changes include:
- Deprecates and removes
justify="fit"
. Instead, usejustify="middle"
- Opens tooltip immediately on hover instead of default 500ms delay
Migration guide
Use popover-v12 codemod for migration assistance.
Old
<InfoSprinkle popoverZIndex={9999} usePortal={false} /> <InfoSprinkle portalClassName="portal-class" usePortal />
New
<InfoSprinkle /> <InfoSprinkle />
Patch Changes
- Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Minor Changes
- 04bb887: Add
useMergeRefs
hook for merging array of refs into a single memoized callback ref ornull
Patch Changes
- Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121:
GuideCue
renders beacon and tooltip using popover API. As a result, the following props are removed:popoverZIndex
portalClassName
portalContainer
portalRef
scrollContainer
Migration guide
Use popover-v12 codemod for migration assistance.
Old
<GuideCue popoverZIndex={9999} /> <GuideCue portalContainer={containerRef} scrollContainer={containerRef} />
New
<GuideCue /> <GuideCue />
Patch Changes
-
Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121:
DatePicker
renders menu, month selector, and year selector in top layer using popover API. As a result, the following props are deprecated and removed:popoverZIndex
portalClassName
portalContainer
portalRef
scrollContainer
Additional changes include:
- Deprecates and removes
justify="fit"
. Instead, usejustify="middle"
- Removes unused
contentClassName
prop
Migration guide
Use popover-v12 codemod for migration assistance.
Old
<DatePicker portalContainer={containerRef} scrollContainer={containerRef} /> <DatePicker portalClassName="portal-class" />
New
<DatePicker /> <DatePicker />
Patch Changes
- Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121:
Copyable
renders tooltip in the top layer using popover API. As a result, theshouldTooltipUsePortal
prop is removedMigration guide
Use popover-v12 codemod for migration assistance.
Old
<Copyable shouldTooltipUsePortal={false} /> <Copyable shouldTooltipUsePortal />
New
<Copyable /> <Copyable />
Patch Changes
-
Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121: Replaces
usePortal
prop withrenderMode
prop.renderMode="inline"
andrenderMode="portal"
are deprecated, and all popover elements should migrate to using the top layer. The old default wasusePortal=true
, and the new default isrenderMode="top-layer"
.See @leafygreen-ui/popover package 12.0.0 changelog for more info.
Migration guide
Use popover-v12 codemod for migration assistance.
Old
<Combobox popoverZIndex={9999} usePortal={false} /> <Combobox portalClassName="portal-class" usePortal />
New
<Combobox popoverZIndex={9999} renderMode="inline" /> <Combobox portalClassName="portal-class" renderMode="portal" />
Patch Changes
-
Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121:
Code
renders the copy button tooltip and language selector in the top layer using popover API. As a result, the following props are removed:popoverZIndex
portalClassName
portalContainer
scrollContainer
usePortal
Migration guide
Use popover-v12 codemod for migration assistance.
Old
<Code popoverZIndex={9999} usePortal={false} /> <Code portalClassName="portal-class" usePortal />
New
<Code /> <Code />
Patch Changes
-
Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Major Changes
-
04bb887: LG-4121: Removes
popoverZIndex
prop because theInlineDefinition
component instance will now render in the top layerMigration guide
Old
<Chip popoverZIndex={9999} />
New
<Chip />
Patch Changes
-
Updated dependencies [04bb887]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
Updated dependencies [117a463]
- @leafygreen-ui/[email protected]
@leafygreen-ui/[email protected]
Minor Changes
- e057802: Font is now bolded when the size is
'xlarge'
@lg-charts/[email protected]
Patch Changes
- Updated dependencies [fbd0a73]
- @leafygreen-ui/[email protected]