Skip to content

Design Kits v5.9.0
Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 31 Jul 22:09
· 14 commits to master since this release
v5.9.0
70e9eda
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Jul 25, 2022

Figma

Breaking changes

Some names have been changed in 5.9.0 to quickly distinguish between elements and components. Since Swap Library identifies the components based on their names you need to make sure the current component library matches the names of the new library. Skipping this step will leave the old components in your file. You can learn more about it in the migration introduction video.

  • Badge

    • Name change from Badge W. Icon to Badge with Component

Bottom Navigation

  • Name change from BottomNavigationAction to BottomNavigation/Elements/Action

  • Card

    • Name change from CardHeader to Card/Elements/CardHeader
    • Name change from CardActions to Card/Elements/CardActions
    • Name change from CardMedia to Card/Elements/CardMedia
    • Name change from CardContent to Card/Elements/CardContent

  • Checkbox

    • Name change from CheckboxWformGroup to Checkbox/with Form Group

  • DataGrid

    • Name change from DataGridHeader to DataGrid/Elements/Header
    • Name change from DataGridCell to DataGrid/Elements/Cell
    • Separate component DataGridRow to DataGrid/Elements/Row Header and DataGrid/Elements/Row Cell
    • Name change from DataGrid to DataGrid Table

  • Dialog

    • Name change from DialogTitle to Dialog/Elements/DialogTitle
    • Name change from DialogContent to Dialog/Elements/DialogContent
    • Name change from DialogActions to Dialog/Elements/DialogActions

  • Pagination

    • Name change from UnstyledPaginationItem to Pagination/Elements/UnstyledPaginationItem
    • Name change from PaginationItem to Pagination/Elements/PaginationItem

  • Radio

    • Name change from Radio W. Form Group to Radio/with Form Group

  • Rating

    • Name change from Star to Rating/Elements/Star

  • Slider

    • Name change from Slider Track to Slider/Elements/Slider Track
    • Name change from Slider Rail to Slider/Elements/Slider Rail
    • Name change from Slider Mark to Slider/Elements/Slider Mark
    • Name change from Slider Thumb to Slider/Elements/Slider Thumb
    • Name change from Slider Value Label to Slider/Elements/Slider Value Label
    • Name change from Slider Label to Slider/Elements/Slider Label

  • SpeedDial

    • Name change from SpeedDialItem to SpeedDial/Elements/SpeedDialItem

  • Stepper

    • Name change from Step Elements to Stepper/Elements/Step Elements
    • Name change from Step to Stepper/Elements/Step

  • Table

    • Name change from TableHead to Table/Elements/TableHead
    • Name change from TableCell to Table/Elements/TableCell
    • Name change from TableFooter to Table/Elements/TableFooter
    • Name change from TableHeadRow to Table/Elements/TableHeadRow
    • Name change from TableCellRow to Table/Elements/TableCellRow

  • Tabs

    • Name change from TabItem to Tab

  • Timeline

    • Name change from TimelineDot to Timeline/Elements/TimelineDot
    • Name change from TimelineItem to Timeline/Elements/TimelineItem

  • Toggle Button

    • Name change from ToggleButton to ToggleButton/Elements/Button
    • Name change from ToggleButtonGroup to ToggleButton

Changes

  • Fixed a couple of issues, find them in this GitHub milestone.
  • Reduce the number of variants using the Boolean property
  • Remove all click interactions inside components as they would interfere with the ability to add new click interactions
  • Change all interaction animation to ‘Instant’ for better performance
  • Add usage examples on each component’s page
  • Add ‘Large’ variant to Checkbox and Radio components
  • Add ‘Instance swap’ property to relevant components like Button, Icon, IconButton, etc.
  • Add Spacer component
  • Fix inconsistent padding

Adobe XD

  • Merge the light and dark theme into the same Adobe XD file
  • Add dark examples for all components
  • Add “default“ and “inherit“ color variables for relevant components
  • Add Card multiline component
  • Update and polish all components
  • Remove master components to improve the design experience and performance
  • Remove severity colors to improve performance
  • Add interactions to relevant components
  • Match components variant names with the React components
Assets 2
Loading