Changelog

Breaking Changes

All Packages

Ensure all packages are versioned together

Checkbox 0.5.0

Remove the defaultChecked property in favor of the checked property that can now be controlled.

// the checkbox will be checked initially
const [state, send] = useMachine(
  checkbox.machine({
    id: "1",
    checked: true,
  }),
)

// this will update the checkbox when the `checked` value changes
const [state, send] = useMachine(checkbox.machine({ id: "1" }), {
  context: {
    // when this value changes, the checkbox will be checked/unchecked
    checked: true,
  },
})

Dialog 0.5.0

Remove the defaultOpen property in favor of the open property that can now be controlled.

// this is will open the dialog initially
const [state, send] = useMachine(dialog.machine({ id: "1", open: true }))

// this will open the dialog when the `open` value changes
const [state, send] = useMachine(dialog.machine({ id: "1" }), {
  context: {
    // when this value changes, the dialog will open/close
    open: true,
  },
})

HoverCard 0.5.0

Remove the defaultOpen property in favor of the open property that can now be controlled.

// this is will open the hoverCard initially
const [state, send] = useMachine(hoverCard.machine({ id: "1", open: true }))

// this will open the hoverCard when the `open` value changes
const [state, send] = useMachine(hoverCard.machine({ id: "1" }), {
  context: {
    // when this value changes, the hoverCard will open/close
    open: true,
  },
})

Popover 0.5.0

Remove the defaultOpen property in favor of the open property that can now be controlled.

// this is will open the popover initially
const [state, send] = useMachine(popover.machine({ id: "1", open: true }))

// this will open the popover when the `open` value changes
const [state, send] = useMachine(popover.machine({ id: "1" }), {
  context: {
    // when this value changes, the popover will open/close
    open: true,
  },
})

Switch 0.5.0

Remove the defaultChecked property in favor of the checked property that can now be controlled.

// the switch will be checked initially
const [state, send] = useMachine(
  switch.machine({
    id: "1",
    checked: true,
  }),
)

// this will update the switch when the `checked` value changes
const [state, send] = useMachine(switch.machine({ id: "1" }), {
  context: {
    // when this value changes, the switch will be checked/unchecked
    checked: true,
  },
})

Tooltip 0.5.0

Remove the defaultOpen property in favor of the open property that can now be controlled.

// this is will open the tooltip initially
const [state, send] = useMachine(tooltip.machine({ id: "1", open: true }))

// this will open the tooltip when the `open` value changes
const [state, send] = useMachine(tooltip.machine({ id: "1" }), {
  context: {
    // when this value changes, the tooltip will open/close
    open: true,
  },
})

Minor Changes

Svelte 0.5.0

• Fix for style attribute ( now included in the use directive rather than the native spread )
• Fix for handlers not being updated correctly ( we used to attach them once the connect is init, but they need to be updated for each change of the api )
• Renamed attributes to attrs
• Fix handlers and attributes types for normalizeProps