Repository navigation
v0.25.0
Concentric corners: buttons and fields round with the Card, Dialog, Toast or Alert holding them
(Theme.concentric), the Drawer gains a grip to drag it by, and a Calendar, a Slider and
Steps no longer spill a phone's card. foldkit-mixins 0.15.0 and foldkit-mixins-ui 0.14.0
change, and foldkit-plus is 0.7.0. Packages that pin one of them, or a package that does,
republish with a patch so their ranges cover the new versions (foldkit-builder, foldkit-cms,
foldkit-cms-drizzle, foldkit-composition, foldkit-mixins-builder, foldkit-mixins-crud,
foldkit-mixins-data-grid, foldkit-mixins-form, foldkit-mixins-richtext,
foldkit-mixins-surface, foldkit-primitives). Nothing written for 0.24 needs changing; a
control in a card is drawn with a smaller corner (below).
Added
-
foldkit-mixins/theme'sTheme.concentric({ min, max }): a control's corner, concentric with
the nearest container thatnests(its corner less its inset), kept betweenminandmax,
andmaxoutside any.Theme.nestsnow also publishes--fk-control-cornerfor it. -
In
foldkit-mixins-ui, buttons, the segmented tray and every field's chrome take
concentric({ min: sm, max: md }), and the Card, Dialog panel, Toast and Alertnests, so the
buttons and fields in them round with their corner (smwhere the padding is deeper than the
corner, as in the default theme's cards).control-roundstill makes a button a pill. -
foldkit-mixins-ui's Drawer has agripslot: more of the panel to drag it by, such as its
row of tabs, where a vertical swipe drags and a sideways one still scrolls. A drag that starts
there ends with no click to pass over, so the next press on the handle toggles it.
Changed
- A button or a field inside a Card, Dialog, Toast or Alert is drawn with a corner concentric with
the container's instead ofradius-md: with the shipped scale,radius-sm. - The Drawer's handle is a 44px target, drawn tight to its bar by negative margins, and the
peek stays above a phone's home indicator (safe-bottom). - A Slider's mark labels at either end sit flush with the track's ends instead of centered on
their dots, hanging half past the track. - A horizontal Steps row narrower than 17rem draws the current step's title and description on
a line of their own under the markers, the lines between them even, instead of squeezing them
beside the current marker.
Fixed
- A Calendar's month in a container narrower than seven cells shrinks its days, which stay round,
instead of spilling past the container.