[email protected]

🚀 What's Changed

• 📝 docs: use the animationPlayState prop to toggle animation play state (e434cb8)

@trendmicro/[email protected]

🚀 What's Changed

• 🎉 feat: add support for animating icons (#354)
• 🐛 fix: fix an issue when CheckboxGroup's value is switching from uncontrolled to be controlled (#350)
• 🐛 fix: fix an issue when RadioGroup's value is switching from uncontrolled to be controlled (#351)

💣 Breaking Changes

• The RadioGroup's onChange event has changed its argument order:

Before

<RadioGroup
  // Function called once a radio is checked
  // @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
  // @param {string} value The value of the selected radio button.
  onChange={(event, nextValue) => {
  }}
/>

After

<RadioGroup
  // Function called once a radio is checked
  // @param {string} value The value of the selected radio button.
  // @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
  onChange={(nextValue, event /* event is deprecated and will be removed in v1 */) => {
  }}
/>

Radio example

function RadioExample() {
  const [value, setValue] = React.useState('1')

  return (
    <RadioGroup onChange={setValue} value={value}>
      <Stack direction="row">
        <Radio value="1">First</Radio>
        <Radio value="2">Second</Radio>
        <Radio value="3">Third</Radio>
      </Stack>
    </RadioGroup>
  )
}

@trendmicro/[email protected]

🚀 What's Changed

• 🎉 feat(drawer): update drawer's style in accordance with the visual spec (HUD-137) (#337)
• 🎉 feat(modal): update modal's style in accordance with the visual spec (HUD-137) (#338)
• 🎉 feat(divider): update divider's default color in accordance with the visual spec (HUD-258) (#340)
• 🐛 fix(menuList): add extra padding to the top and bottom of the MenuList component (#339)
• 🎉 feat: add ToastProvider and useToast Hook (#341)
• 🎉 feat: add smooth transition effect to ToastProvider (#347)
• 🎉 feat: export Popper and Portal components (#349)

@trendmicro/[email protected]

🚀 What's Changed

• 🐛 fix: remove unwanted border radius corner around the input when using an input group (#331)
• 🧱 chore: compose InputGroup with PseudoBox component
• 🎉 feat: add LinkButton component (#330)

[email protected]

🚀 What's Changed

• 📝 docs: fix an issue that the optional chaining operator is not supported on the code block (#307)
• 📝 docs: update Tooltip examples and API props (#316)
• 📝 docs: correct misspelled words (#319)
• 📝 docs: update space component example (#328)

@trendmicro/[email protected]

🚀 What's Changed

• 🎉 feat: export combinedStyleProps, stylePropNames, and stylePropMap (#312)
• 🎉 feat: add variant prop to Divider and change the default color (#313)
• 🎉 feat: migrating to Emotion 11 (#318)
• 🎉 feat: add Scrollbar component (#315, #326)

[email protected]

🚀 What's Changed

• 📝 docs: fix incorrect shadow usage in the docs (#296)

@trendmicro/[email protected]

🚀 What's Changed

• 🎉 feat: add support for negative size and spacing (#300)
• 🧱 chore: add back deprecated shadow properties that was removed in [email protected] for backward compatibility (#305)

@trendmicro/[email protected]

🚀 What's Changed

• 🎉 fix(tab): fix incorrect border color for the selected tab that receives focus (part 2) (#291)

@trendmicro/[email protected]

🚀 What's Changed

• 🐛 fix(tab): fix incorrect border color for the selected tab that receives focus (part 1) (#290)
• 🧱 ci: opt in to CircleCI and remove .travis.yml from the repo
• 🧱 ci: fix incorrect PUBLIC_URL for the PR build (#298)
• 🎉 feat(tab): support function as children for TabPanel (#302)
• 🎉 feat(color-style): add additional color key to have both color and background style props (#301)
• 🐛 fix(menu): remove the logic of setting focus on the first character in MenuList (#304)