Skip to content

v0.1.0-alpha.11

Pre-release
Pre-release

Choose a tag to compare

@github-actions github-actions released this 20 Oct 22:17
· 265 commits to main since this release

Every component with regions is now put together from parts, as Card was in alpha.10: write the parts among the content (DialogFooter, SidebarHeader, BannerActions…) and leave out the <ChildContent> wrapper. Content outside the parts is the body; an optional body part (DialogBody, SidebarBody) gives it layout props. Buttons follow one rule: Href makes it a link, so LinkButton is gone. HeaderNav is now SiteNav, and its phone menu opens under the header. Checkboxes, switches and fieldsets take an icon.

Changed (check when you update)

  • LinkButton is replaced by Button with Href. A Button with Href is a link (a) and keeps everything LinkButton had: External, HideExternalIcon, NewTabLabel, and no href while Disabled or Loading. A link throws if it's also given Submit, Reset, Name, Value, Form or FormAction; DialogTrigger and DialogClose can't take Href. IconButton with Href likewise throws with Submit or Reset, and now runs OnClick.
  • Dialog: Header is replaced by DialogHeader, and Footer and DialogActions by DialogFooter. DialogFooter is drawn where it's written, so write it last: last in the dialog, or last in a form that's last in the dialog, where its submit button submits the form with no Form="id". It reaches the dialog's edges (following ContentPadding) and stays in view while the body scrolls. To keep it at the bottom of a side drawer when the content is short, put the content in a DialogBody.
  • AppSidebar: Header and Footer are replaced by SidebarHeader and SidebarFooter. In the drawer, the SidebarHeader row is now the top bar, with the close button in it, instead of a close bar followed by the header as a second row.
  • Alert's Actions is replaced by AlertActions, written last in the alert; Banner's by BannerActions; EmptyState's by EmptyStateActions. AccordionItem's Header is replaced by AccordionHeader (an item no longer throws without a Title: give it a Title or an AccordionHeader, since that's its name).
  • HeaderNav is now SiteNav. Below its breakpoint the menu button opens the links in a panel under the header, which stays in view with the site's name, and the same button closes it. The sheet's own top bar, its close button and PanelHeader are gone (with CloseLabel); PanelFooter is SiteNavFooter, written among the links. The button's name is now "Menu" (IzzyText.Menu). CSS classes and the element are ib-site-nav… (were ib-header-nav…). In a shell with a sidebar, a SiteNavFooter doesn't move into the sidebar: use SidebarFooter.
  • The old names fail loudly for one release. <LinkButton>, <DialogActions>, <HeaderNav> and the old slots written as attributes (Footer="@...") are build errors (CS0619) naming the replacement. The old slots written as child elements (<Footer> in a Dialog, <Header> in an AppSidebar or AccordionItem, <Actions> in an Alert, Banner or EmptyState) throw when the component renders, naming the part to use, or fail to build with RZ9996 when written beside loose content. Search for <Header>, <Footer>, <Actions>, PanelHeader and PanelFooter rather than waiting for a page to throw.
  • CardPart, the public base of Card's parts, is replaced by ComponentPart, shared by every part a component draws in its own place.
  • In the collapsed sidebar rail, an AppBrand's name now hides by itself (it still shows in the drawer and the full sidebar), so a brand there needs no HideLabel.

New

  • DialogBody: the dialog's body with Stack's layout props. It fills the dialog, so a DialogFooter after it sits at the bottom of a side drawer; Flush runs it to the sides. SidebarBody: the sidebar's scrolling content with layout props.
  • Icon on Checkbox, Switch and Fieldset: a row icon before the label (with ControlPosition.End, a column at the start centered on the label and hint), or a section icon at the start of a fieldset's heading. Decorative. Put icons on rows or on sections, not both.
  • DialogFooter and AlertActions take Row's layout props (Justify moves the buttons; a dialog's are at the end by default).
  • Select shows the chosen text as a tooltip, so a value cut short can be read on hover.

Fixed

  • A collapsed full-height sidebar's header content is centered in its row beside an AppHeader (it sat at the top).
  • Opening the sidebar drawer focuses its close button.
  • A card part swapped in with @if/else kept showing its first content when it changed later.

Full Changelog: v0.1.0-alpha.10...v0.1.0-alpha.11