Releases: nulogy/design-system
Releases · nulogy/design-system
v14.1.1
v14.1.0
v14.0.0
14.0.0 (2025-02-24)
Bug Fixes
- break into multiple stories and change structure (cba8dd3)
- explore alternatives to auto layout (01ff99e)
- rename components to resemble the old API (9150d91)
Features
- add features to the DescriptionList (6fb1357)
- add more options to the Playground (b3e0d97)
- change
pill
border radius torounded
(7c0d9f1) - customize columns in the Playground (8c02d37)
- Extend overlay prop to support new visibility options (ccc9f41)
- prefer container queries for DescriptionList (5da9ccb)
Breaking Changes
DescriptionList Component Restructuring
- Each pair of
DescriptionTerm
andDescriptionDetail
now must be wrapped with aDescriptionGroup
component - Example of new structure:
<DescriptionList>
<DescriptionGroup>
<DescriptionTerm>Label</DescriptionTerm>
<DescriptionDetails>Value</DescriptionDetails>
</DescriptionGroup>
</DescriptionList>
Theme Updates
- Renamed border radius value from
pill
torounded
to better reflect its intended use
New Features
DescriptionList Enhancements
- Added support for more layout options using CSS Grid
- New props:
columns
: Configure number of columns (fixed or responsive)groupMinWidth
: Set minimum width for description groups
- Added column and row spanning capabilities through
DescriptionGroup
props
Sidebar Component Updates
- Enhanced
overlay
prop with more granular control options:"show"
ortrue
: Visible overlay"transparent"
orfalse
: Invisible overlay"hide"
: No overlay rendered
- This change is backward-compatible, ensuring that existing codebases remain functional. However, adopting the new string values is recommended for future-proofing and clarity in new components.
Migration Guide
DescriptionList Updates
- Wrap existing
DescriptionTerm
andDescriptionDetails
pairs withDescriptionGroup
:
// Before
<DescriptionList>
<DescriptionTerm>Label</DescriptionTerm>
<DescriptionDetails>Value</DescriptionDetails>
</DescriptionList>
// After
<DescriptionList>
<DescriptionGroup>
<DescriptionTerm>Label</DescriptionTerm>
<DescriptionDetails>Value</DescriptionDetails>
</DescriptionGroup>
</DescriptionList>
Theme Updates
Update any usage of the pill
border radius value to rounded
:
// Before
borderRadius: theme.radii.pill
// After
borderRadius: theme.radii.rounded
v13.5.1
v13.5.0
13.5.0 (2025-01-31)
Bug Fixes
- different date pickers enhancements (3051149)
- export the WeekPicker (f477cff)
- failing cypress specs (ec528b8)
- mock the getFixedT function (3a564c4)
- replace circle border radius with pill (09d87cb)
- use the appropriate locale inside the date picker's input (574a93f)
Features
- lay the ground work for the WeekPicker (7e99968)
v13.4.0
v13.3.1
v13.3.0
v13.2.0
13.2.0 (2025-01-23)
Bug Fixes
- add children to the TabProps type (566f15f)
- bump react-datepicker (e646a6e)
- Changelog had two 11.0.0 entries (e9fccf3)
- DateRange cypress test (0630f7e)
- Make the MonthPicker a standalone component (7eeb061)
- move BasePicker state up to the Date and Month pickers (50e9529)
- narrow ref type (f97d218)
- reduce vertical padding in the Switcher (7e4250b)
- remove logging (4fc1c7b)
- remove parent onRefChange (753b50f)
- restore types (a48daef)
- use the right types version (ab91ca5)
Features
- add a month picker (dc025b1)