Releases: Digital-Udvikling/admin-design-system
Releases · Digital-Udvikling/admin-design-system
Release list
v0.20.1
Fixed
SelectandTooltippopups no longer paint behind host chrome. Base UI positions them in aposition: fixedwrapper withz-index: auto, so an<AdminRoot>embedded in a page whose own elements carry a positivez-indexhid its own dropdowns. Both positioners now carry a.popup-layerclass:z-index: var(--z-popup, 1000). Declare--z-popupon.admin-rootor any ancestor to slot popups into a host's own stacking scale. (both)
v0.20.0
Added
Timelinehorizontal variant —.timeline-horizontal(Reacthorizontalprop) 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
Changed
- Copyable
PropertyListvalue 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
Added
ToggleButton— a two-state button styled likeButton(same variants, sizes, icons,hotkey), wrapping Base UI Toggle. CSS-side there is no new class: any.btnwith anaria-pressedattribute renders a leading mini-switch indicator, andaria-pressed="true"slides it on and adds a selected wash — so vanilla toggles and.btn-groupcomposition work out of the box. (both)
Fixed
- Dialog body no longer clips its content in Safari.
.dialog-body(and the form-dialog wrapper) usedflex: 1 1 0%; Safari collapses aflex-basis: 0item that is itself anoverflowscroll container to ~0 content height, so even short bodies were cut off behind a scrollbar. Switched toflex: 1 1 auto— content still shrinks and scrolls when tall. (css)
v0.18.5
Fixed
- Global hotkey handling no longer throws on synthetic
keydownevents that omitkey(autofill, password managers, some IMEs);normalizeEventnow treats akey-less event as no chord. (react)
v0.18.4
Added
Tabsprimaryprop (.tabs-primary) fills the active segment of a boxed segmented control with the primary color. (both).btn-groupmembers can be wrapped in.indicatorto 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
Added
Tabs.Tabiconprop (leading glyph viarenderIcon); tab SVG icons are pinned to the label size (.tabs .tab > svg), so non-Tabler sets (e.g. Heroicons) render uniformly. (both)Tabswrapprop (.tabs-wrap) lets the list wrap onto new rows instead of overflowing, keeping each tab's label on one line. (both)
v0.18.2
Added
Dialogsize="auto"(.dialog-auto) shrinks the modal to fit its content, andsize="metabase"(.dialog-metabase) widens it to 1138px with 44px gutters so a full-width embedded iframe lands at 1048px. (both)
v0.18.1
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@scopeto a bare:scope, rewriting._ao-btn:hoverto:scope:hoverand killing every:hover/:focus/state rule. (both)
v0.18.0
Added
classNamesprop 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 aSlotClassestype helper. (react)Alertdismiss button (onDismiss/.alert-dismiss). (both)StatCardtrendslot with a directional caret and direction-independent intent color (.stat-card-trend). (both)AvatarGroupmaxoverflow with a+Ntile (.avatar-more). (both)Indicatormaxclamp for numeric labels (e.g.99+). (react)Tabledensity (compact), an empty-state row (Table.Empty/.table-empty), and a pinned first column (pinCol/.table-pin-col). (both)Menucheckbox/radio items (checked/.menu-item[aria-checked]+.menu-item-indicator). (both)Inputclearablebutton and aPasswordInputreveal toggle (.input-action). (both)ItemandItemGroupcomponents /.item— compact list rows with media, content, and actions. (both)Timelinecomponent /.timeline— vertical event rail with a numbered steps variant. (both)Drawercomponent /.drawer— edge-anchored panel sharing the<dialog>machinery. (both)NumberInputcomponent /.number-input— numeric field with steppers over Base UI NumberField. (both)