Repository navigation
v0.8.0
Breaking
- Checkbox, Radio and Switch are smaller. The Checkbox box and the Radio circle go from 24px to
--sui-space-4. The Switch track goes from 2.75rem by 1.5rem to--sui-space-6by--sui-space-4. Layouts tuned to the old sizes will shift. - A choice control's label is no longer a flex container. Its children must be inline content, as HTML requires of a
label: a child laid out as a block drops below the box. Flex overrides on the label no longer apply, and padding set throughstylemoves the box.
New
- Label text lines up on the space scale. Checkbox and Radio text starts at
--sui-space-6, so text padded byvar(--sui-space-6)lines up under it. Switch text starts at--sui-space-8, so pad text under a switch byvar(--sui-space-8). This holds in every theme. - A hover halo on Checkbox, Radio and Switch. It shows only on devices that can hover, never on a disabled control, and never while the control has keyboard focus.
--sui-choice-control-halo-spreadsets its size, and0pxturns it off. - The box is centred on the label's first line, halfway between the capital and lowercase letters, and every label stays a 24px target in small text.
Fixes
- The
playfulspring no longer carries the Switch thumb into the track's border.
Full changelog: v0.7.0...v0.8.0