Morphos

@morphos/layout

Changelog for @morphos/layout.

1.2.2

  • Declares the @morphos/core peer dependency as a caret range (^0.1.6) instead of an exact version, so npm no longer installs a second copy or fails with a peer conflict when the Morphos packages are released at different patch versions.

1.2.1

  • Requires @praxisjs/runtime and @praxisjs/jsx 0.8.1, which write boolean aria-* attributes as "true" and "false" instead of an empty attribute (or none for false).

1.2.0

  • Opts into @praxisjs/vite-plugin's library optimization: with vite-plugin 4.2 or later, apps compile these components from their sources like their own code (compiled templates, keyed lists, decorated fields in fast properties), so they mount about 25 to 40% faster. The published package no longer includes its tests.
  • Tabs, Menubar, NavigationMenu and Toolbar use @Selector from @praxisjs/decorators for their "one of many" state: selecting a tab, switching menus or moving the toolbar's tab stop updates only the previous and next part instead of every part. Behavior and attributes are unchanged.
  • Peer dependencies raised to @praxisjs/core >=2.3.0, @praxisjs/decorators >=2.0.0, @praxisjs/runtime >=0.8.0 and @praxisjs/jsx >=0.8.0.

1.1.0

  • ScrollArea — added scrollTo({ top?, left? }) to imperatively scroll the viewport, clamped to the valid scroll range.
  • ScrollAreaScrollbar — clicking the track now jumps the scroll position to the clicked location, matching native scrollbar track-click behavior.
  • ScrollAreaThumb — the thumb is now actually draggable, not just visually sized/positioned.

0.1.0

Initial release.

  • Accordion + AccordionItem + AccordionTrigger + AccordionContent — single/multiple mode, collapsible, data-expanded.
  • Tabs + TabList + Tab + TabPanel — horizontal/vertical keyboard navigation (arrow keys, Home, End), data-selected.
  • Disclosure (aliased Collapsible) + DisclosureTrigger + DisclosureContent — simple show/hide toggle, data-open.
  • Separator — decorative or semantic divider, data-orientation.
  • ScrollArea + ScrollAreaViewport + ScrollAreaScrollbar + ScrollAreaThumb — custom scrollbar over native scrolling, proportionally sized thumb, data-orientation, data-type (including a "hidden" mode that keeps native scrolling without ever showing the custom scrollbar), data-scrollable.
  • Toolbar + ToolbarButton + ToolbarSeparator — roving-tabindex button group, data-orientation.
  • Menubar + MenubarMenu + MenubarTrigger + MenubarContent + MenubarItem + MenubarSeparator — horizontal bar of menus with outside-click and Escape dismissal, data-open.
  • NavigationMenu + NavigationMenuList + NavigationMenuItem + NavigationMenuTrigger + NavigationMenuContent + NavigationMenuLink — top-level site navigation with hover/focus-driven submenus that close on outside click or Escape, data-active, data-orientation.

On this page