Skip to content

v0.8.0

Choose a tag to compare

@Krelborn Krelborn released this 13 Oct 20:01
d64a4fa

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-6 by --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 through style moves the box.

New

  • Label text lines up on the space scale. Checkbox and Radio text starts at --sui-space-6, so text padded by var(--sui-space-6) lines up under it. Switch text starts at --sui-space-8, so pad text under a switch by var(--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-spread sets its size, and 0px turns 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 playful spring no longer carries the Switch thumb into the track's border.

Full changelog: v0.7.0...v0.8.0