Skip to content

Releases: Digital-Udvikling/admin-design-system

v0.20.1

Choose a tag to compare

@github-actions github-actions released this 30 Jul 09:38

Fixed

  • Select and Tooltip popups no longer paint behind host chrome. Base UI positions them in a position: fixed wrapper with z-index: auto, so an <AdminRoot> embedded in a page whose own elements carry a positive z-index hid its own dropdowns. Both positioners now carry a .popup-layer class: z-index: var(--z-popup, 1000). Declare --z-popup on .admin-root or any ancestor to slot popups into a host's own stacking scale. (both)

v0.20.0

Choose a tag to compare

@github-actions github-actions released this 06 Jul 13:53

Added

  • Timeline horizontal variant — .timeline-horizontal (React horizontal prop) lays items out as equal-width columns with the connector running along the indicator row. Composes with the numbered variant for a step tracker. (both)

v0.19.1

Choose a tag to compare

@github-actions github-actions released this 02 Jul 10:25

Changed

  • Copyable PropertyList value cells copy on click anywhere in the cell, not only on the copy button (which stays as the keyboard and screen-reader path). Selecting text or clicking an interactive child doesn't trigger a copy; the cell shows a pointer cursor. (both)

v0.19.0

Choose a tag to compare

@github-actions github-actions released this 02 Jul 09:14

Added

  • ToggleButton — a two-state button styled like Button (same variants, sizes, icons, hotkey), wrapping Base UI Toggle. CSS-side there is no new class: any .btn with an aria-pressed attribute renders a leading mini-switch indicator, and aria-pressed="true" slides it on and adds a selected wash — so vanilla toggles and .btn-group composition work out of the box. (both)

Fixed

  • Dialog body no longer clips its content in Safari. .dialog-body (and the form-dialog wrapper) used flex: 1 1 0%; Safari collapses a flex-basis: 0 item that is itself an overflow scroll container to ~0 content height, so even short bodies were cut off behind a scrollbar. Switched to flex: 1 1 auto — content still shrinks and scrolls when tall. (css)

v0.18.5

Choose a tag to compare

@github-actions github-actions released this 30 Jun 06:50

Fixed

  • Global hotkey handling no longer throws on synthetic keydown events that omit key (autofill, password managers, some IMEs); normalizeEvent now treats a key-less event as no chord. (react)

v0.18.4

Choose a tag to compare

@github-actions github-actions released this 29 Jun 14:00

Added

  • Tabs primary prop (.tabs-primary) fills the active segment of a boxed segmented control with the primary color. (both)
  • .btn-group members can be wrapped in .indicator to float a badge or status dot at a button's corner; the seam, rounding, and full-width/vertical sizing logic now drills through the wrapper. (css)

v0.18.3

Choose a tag to compare

@github-actions github-actions released this 29 Jun 12:49

Added

  • Tabs.Tab icon prop (leading glyph via renderIcon); tab SVG icons are pinned to the label size (.tabs .tab > svg), so non-Tabler sets (e.g. Heroicons) render uniformly. (both)
  • Tabs wrap prop (.tabs-wrap) lets the list wrap onto new rows instead of overflowing, keeping each tab's label on one line. (both)

v0.18.2

Choose a tag to compare

@github-actions github-actions released this 29 Jun 09:23

Added

  • Dialog size="auto" (.dialog-auto) shrinks the modal to fit its content, and size="metabase" (.dialog-metabase) widens it to 1138px with 44px gutters so a full-width embedded iframe lands at 1048px. (both)

v0.18.1

Choose a tag to compare

@github-actions github-actions released this 25 Jun 13:31

Fixed

  • Scoped bundle (admin.scoped.css) now ships with native CSS nesting pre-flattened. The nested form silently broke once a consumer's build pipeline downleveled it — LightningCSS mis-lowers a nested & inside @scope to a bare :scope, rewriting ._ao-btn:hover to :scope:hover and killing every :hover/:focus/state rule. (both)

v0.18.0

Choose a tag to compare

@github-actions github-actions released this 25 Jun 12:01

Added

  • classNames prop for per-slot class overrides on shorthand components — reach inner elements the shorthand props render (Card, StatCard, Alert, Item, Field, Dialog, Drawer, Timeline.Item, PropertyList, Input, NumberInput, Pagination, Sidebar.Item/SubItem/Collapsible/CollapseToggle, Tooltip). Exports a SlotClasses type helper. (react)
  • Alert dismiss button (onDismiss / .alert-dismiss). (both)
  • StatCard trend slot with a directional caret and direction-independent intent color (.stat-card-trend). (both)
  • AvatarGroup max overflow with a +N tile (.avatar-more). (both)
  • Indicator max clamp for numeric labels (e.g. 99+). (react)
  • Table density (compact), an empty-state row (Table.Empty / .table-empty), and a pinned first column (pinCol / .table-pin-col). (both)
  • Menu checkbox/radio items (checked / .menu-item[aria-checked] + .menu-item-indicator). (both)
  • Input clearable button and a PasswordInput reveal toggle (.input-action). (both)
  • Item and ItemGroup components / .item — compact list rows with media, content, and actions. (both)
  • Timeline component / .timeline — vertical event rail with a numbered steps variant. (both)
  • Drawer component / .drawer — edge-anchored panel sharing the <dialog> machinery. (both)
  • NumberInput component / .number-input — numeric field with steppers over Base UI NumberField. (both)