Releases: nulogy/design-system
Releases · nulogy/design-system
v0.15.1
Added
- Added full-table width heading support in the in the Table
- Added an option to customize cells per row to acheive custom styles for headings in Table
- Added onBlur to Select
- Added an example of sorting to Table along with a SortingHeader component which can be used when is sorted by column
Changed
v0.15.0
Added
- Added an option to add a footer to the Table Table component
- Added an example of implementing filters with the Table Table component
Changed
- Changed spacing in Modal Modal component
- Table
- [Breaking Change]
cellFormatter
andcellRenderer
APIs have been updated so arguments are within an object- Before:
cellFormatter: (cellData, column, row) => {}
- Now:
cellFormatter: ({cellData, column, row}) => {}
- Before:
cellFormatter
can now return a react component or a string instead of being limited to strings
- [Breaking Change]
Fixed
v0.14.1
Changed
Library now only includes dist files, instead of the entire design system source
v0.14.0
Added
- Added Status Indicator component
- Table
- Added support for selectable rows
- Added support for custom column widths
Changed
- HelpText can now accept a React node to be able to pass in links
- Table
- [Breaking Change]
cellFormatter
's API has been updated- Before:
cellFormatter({rowData, dataKey})
- Now:
cellFormatter(cellData)
- [Breaking Change]
cellRenderer
's API has been updated
- [Breaking Change]
- Before:
cellRenderer({rowData, dataKey})
- Now:
cellRenderer(cellData, columnOptions, rowData)
- Before:
- [Behaviour Change] Table headers are no longer fixed
- [Behaviour Change] Table columns are no longer equal widths by default
- They now behave exactly the same as HTML columns. Auto-determined by the content of the cells.
- [Breaking Change]
v0.13.2
v0.13.1
Added
Fixed
Select
'sonChange
now returns an array of the values of the selected options.- Before, it used to return
undefined
. :( - Now, if the options are
[{label: "A", value: "a"}, {label: "B", value: "b"}]
, and you select both,onChange
will return["a", "b"]
- Before, it used to return
v0.13.0
Added
- Added className prop to all components, see example in Alerts props table
- Added
defaultValue
to Select - Added Drag icon to Icon component
Changed
-
Changed label styles from 16px Regular to 14px Bold
-
[Breaking Change] Changed API for using Button as a link
- old:
<Button as="a">Click</Button>
- new:
<Button asLink>Click</Button>
v0.12.0
Added
- Added Tabs component
- Added Accessibility tab to storybook
- Added Modal component
- Added token for states that are focused and in error (See example here)
Changed
- Select updates
- Now uses React-Select instead of Downshift
- [Breaking Change] When submitting a form, Select's value is submitted instead of label
- Default maxHeight changed to 246px to provide better scrolling affordance and ScrollIndicators removed
- Added autocomplete by default
- Added optional multiselect support
v0.11.0
Added
- Added Modal component
- Added new icons to the Icon component: accessTime, block, checkCircleOutline, errorFilled, getApp, publish, removeCircleOutline
- Added Accessibility tab to storybook
Changed
- [Breaking Change] Changed NavBar component behavior so that nested menus will open on hover
- Reduced NavBar submenu font-size to 14px
- Changed how focused DropDownMenu items look
- Update focus styles on Links to use the browser's default outline
Fixed
- Button now uses the proper border colour (
blue
) - IconicButton now uses the
aria-label
attribute instead of thelabel
attribute - NavBar bug fixes
- Changes focus styling on Navbar submenu trigger to indicate when the submenu is open
v0.10.2
Added
- Added
disabled
prop to DropdownButton inside DropdownMenu