Releases: cloudoperators/juno
Release list
@cloudoperators/juno-ui-components@9.1.0
Minor Changes
- 9033fcd: feat(Card): add hover and active states for interactive cards. When rendered as
<a>or<button>, the Card now shows an elevated border on hover (border-theme-card-hover) with an enhanced shadow, and an accent border on active. Adds--color-border-highand--color-card-border-hoverCSS variables. - aab4de3: feat(SideNavigation):
SideNavigationGroupandSideNavigationItemnow accept anonToggle(isOpen: boolean)callback that fires whenever the user expands or collapses the section. The existingopenprop is unchanged — it still controls the initial open state and re-syncs when the parent updates it — so callers can opt into observing toggles without changing any existing code. ForSideNavigationGroupthe entire row triggers the toggle; forSideNavigationItemthe chevron triggers the toggle while the label keeps its existing navigation behavior.
Patch Changes
- 21013be: fix(SideNavigationItem): add vertical spacing between items to prevent visual overlap, align expand button, and replace arbitrary Tailwind value with standard scale equivalent
@cloudoperators/juno-messages-provider@0.2.47
@cloudoperators/juno-ui-components@9.0.1
Patch Changes
- 72b2ba6: fix(ui): collapse Icon line-box so icons align reliably inside flex containers, with follow-up fixes in PopupMenu, ComboBox, and Select
- f5ee711: fix(ui): emit valid HTML in SideNavigation by rendering items/groups as
<li>and wrapping nested children in<ul>.SideNavigationGroupis now first-level only and no longer participates inLevelContext.
@cloudoperators/juno-messages-provider@0.2.46
@cloudoperators/juno-ui-components@9.0.0
Major Changes
- 96ecfe1: Updated
BreadcrumbItemwith BREAKING CHANGES- Removed Default href="#": This eliminated default navigation behavior, changing to without explicit href.
- Structural Updates: Modified DOM structure by eliminating unnecessary wrappers.
- Rendering Logic Enhanced: Introduced for onClick without href. Ensured usage for neither href nor onClick.
- Accessibility Improvements: Added aria-current="page" for active and aria-disabled for disabled items.
- Expanded onClick Type: Now supports both and elements for broader interaction handling.
@cloudoperators/juno-messages-provider@0.2.45
Patch Changes
- Updated dependencies [96ecfe1]
- @cloudoperators/juno-ui-components@9.0.0
@cloudoperators/juno-ui-components@8.1.0
Minor Changes
-
92319d7: Add base typography styles for
h1–h6.
VISUALLY BREAKING: If you used h1 - h6 elements without styling them with specific font sizes or weights, these elements might now render differently than what you are used to since they inherit the base styles.The base font-sizes are defined as follows:
h11.69rem,h21.56rem,h31.44rem,h41.28rem,h51.125rem,h61rem.Matching
.juno-h1–.juno-h6utility classes can be used to apply the same scale to non-heading elements (e.g. an element withrole="heading").Visual change:
ContentHeadingnow uses the h1 scale (1.69rem) instead oftext-lg(1.125rem). If you relied on the previous size, override with your own classes.Accessibility fixes: several components previously used
<h1>for UI labels regardless of context. They now use semantically appropriate elements so screen reader heading navigation reflects real document structure:Modaltitle:<h4>(string title) or<div role="heading" aria-level={4}>(ReactNode title); modal header usesmin-heightinstead of fixed height, aligns items to the top so long titles wrap without clipping, and the close button stretches to full header height for a larger click targetFormtitle:<h3>FormSectiontitle:<h4>SignInFormtitle:<h2>Messagetitle:<strong>(no longer a heading)IntroBoxtitle:<p>(no longer a heading)PopupMenuSectionHeadinglabel: plain text inside<header>(no longer a heading)
Patch Changes
-
ba2d9ae: fix(ui): fix and improve Checkbox and Radio layout, markup, and props routing
-
2a5c77e: Add
border-theme-defaultandshadow-theme-defaultto floating menu and overlay components to ensure they are always visually distinct from the page background. This affects the following components: Select, ComboBox, PopupMenu, Tooltip, Toast, DateTimePicker -
b6f1f3b: fix(ui): fix focus styles for PopupMenu: remove browser default focus outline on the menu panel container (MenuItems), handle focus styles on the item level via Headless UI's
data-activeattribute -
2bc74cc: Revert DataGridCell font size back to the default (1rem). The reduced font size (0.875rem) introduced in #1710 was made the default without sufficient consideration; a smaller, opt-in size may be reintroduced as a configurable option in the future.
-
2bc74cc: SideNavigation polish:
- Long labels in
SideNavigationItemandSideNavigationGroupnow clamp to two lines and break mid-word, instead of overflowing the sidenav. String labels are exposed as a nativetitletooltip so users can read the full text on hover. - Wrapped labels are left-aligned, and the expand/collapse chevron and optional icon stay aligned with the first line.
SideNavigationItemand its expand chevron now show a hover background. The chevron's hover background is suppressed when the item is disabled.- The whole
SideNavigationGrouprow is clickable to expand/collapse, and its children are indented to match nestedSideNavigationItemchildren. - Nested
SideNavigationGroups (a group inside another group, or inside aSideNavigationItem) now indent correctly.
- Long labels in
-
84a6051: fix(ui): fix focus styles for Select and ComboBox
@cloudoperators/juno-messages-provider@0.2.44
@cloudoperators/juno-ui-components@8.0.0
Major Changes
- d09aeff: Add NotificationManager (based on the Sonner library and using Toast as a base) and make Toast a purely presentational component.
BREAKING: TheautoDismissandautoDismissTimeoutprops have been removed from Toast — use NotificationManager with thetoast()API for notification lifecycle management instead.
Patch Changes
-
1a99afb: AppShell layout fixes:
- Fix SideNavigation being squashed by oversized content in ContentContainer. SideNavigation now keeps its 16rem width and ContentContainer's wide children overflow inside the container instead of expanding the page row.
- Remove the top margin from
MainContainerInnerin non-embedded mode. TheHeaderContaineris sticky (in flow), so the extra margin was over-compensating; content now sits directly below the header. Apps relying on the previous spacing may see a small upward shift. - Increase
SideNavigationvertical padding from1remto1.25remso it matches the horizontal padding.
-
0e1f1d6: Fix
PageHeaderlogo size constraints not applying to nested logo elements. The logo container now uses the universal-descendant variant so a wrapped logo (e.g. an<a>containing an<svg>) is sized correctly within the fixed-height header.