Releases: lyytioy/lyyti-design-system
Releases · lyytioy/lyyti-design-system
Release v1.0.7
DataGrid
- reexport
GridColumnHeaderParams
interface (#54 )
TextField
- Forward ref to the TextField component
DatePicker
- Forward ref to the TextField component
TimePicker
- Forward ref to the TextField component
Release v1.0.6
Button
- fix the sx prop overriding issue
Timepicker
- Fix issue of no being able to pick time on mobile device. Now picking time on desktop works only with input but on mobile the popup is shown.
Release v1.0.5
Button
TextField
- Fix sx prop override issue, which caused Select component label displaying issue (#47)
Datepicker
- remove showDaysOutsideCurrentMonth=true default prop overwrite, because we don't want to show days from next / previous month (#48)
Timepicker
- Leave clock icon but disable clock UI selection
- fix .InputAdornment marginLeft: 0 (to display the placeholder format text completely for am/pm as well)
(#49)
Release v1.0.4
Release v1.0.3
👥 [Dialog] Fixes close button placement
- Also makes Dialog examples in Storybook a bit wider
Release v1.0.2
🌡️ Progress and Tooltip component props optional, uses defaults
color
,type
andvariant
props for the Progress component are now optional and use default values if no prop is passed.arrow
prop for the Tooltip is now optional and uses the default value of true when the prop is not passed.
New TimePicker component
- old TimePicker component was replaced by MUI TimePicker
Upgrading dependencies
- Upgrades next.js to 12.1.2 and eslint to 8.12
- Downgrades @types/node to match used node v16
- Upgrades other dependencies and addresses some vulnerabilities at the same time
- Adds moment and dayjs as devdepencies since they were causing errors locally with @date/io
Fixes
- Passing
data-testid
to Select component when usingmultiple
prop (#28 ) - Passing all given props to IconButton
- Dialog Close button now triggers onClose function
- Changes default Datepicker stories adapter to dayjs
- Adds default MUI tab panel component export
Release v1.0.1
📆 DatePicker fixes
- Removes dateAdapter exports
- Allows modifying DatePicker input through InputProps
🎨 Fixes button state styling
- Addressed button styling when disabled or active
🧪 Experimental components
- Exports experimental TreeView, List, Divider and Drawer components, not styled according to Lyyti brand yet
Minor props fixes
- Improves customisation options by spreading props last so they can override previously set props
Release v1.0.0
The first major version is here! 🎉
Version 1.0.0 introduces large updates to the design system like updating to MUI v5, changing Storybook environment and changing the DatePicker component. It introduces a lot of breaking changes and the migration from previous versions should be done carefully. We acknowledge there might be some stones that were left unturned so if you run into any issues please open a new issue here!
Changes
🆙 MUI v5 upgrade
- MUI is a core dependency of the design system and this update focused on customisation developer experience.
- Changes styling library to emotion and styling can now mostly done with the efficient sx prop
- If you used the design system components previously in your project we recommend checking out the MUI migration guide for details about the changes
📚 Changing Storybook environment from CRA to Next.js
- Doesn't change the npm package but focuses on the Storybook documentation and contributor experience
- Changes old CRA environment to current go-to React env, Next.js
- Simplifies eslint config and adds eslint-plugin-storybook
- Move stories under their own folder
📆 Datepicker upgrade
- Changes the underlying Datepicker component used from react-dates to MUI datepicker. React-dates was not actively maintained and running old versions of dependencies so this was a very welcome change.
- The datepicker now doesn't enforce a single date utility library but instead provides support for Moment, DateFns, Dayjs and Luxon.
- Changes the look and feel of the Datepicker component, adds a quick year selection
- Removes support for date range selection which will be added at a later stage
📦 New component: Box and other minor changes
- New Box component for easy styling with the sx prop, Box basically acts as a HTML div element that you can apply sx styles to
- Paper now also has a story for easier discovery of the component. Paper is fairly similar to Box but has built-in elevation
- One of the underlying components for DropdownMenu, MenuList, was replaced with Menu
- MUI system props are hidden in stories but can be used with most components. But we recommend using the sx prop instead of these
Release v0.5.6
Merge pull request #11 from lyytioy/snackbar-types-fix Snackbar types fix
Release v0.5.5
Merge pull request #3 from lyytioy/manual-action Manual action