Releases: italia/design-react-kit
v5.0.0-12
v5.0.0-11
v5.0.0-9
5.0.0-9 (2024-02-07)
Bug Fixes
- input validation (42afc98)
Features
- upgrade bsi to latest version (27016b7)
Thanks @sabato-galasso @Virtute90 @tensor5 @bfabio
v5.0.0-10
v5.0.0-8
v5.0.0-7
Release versione v.4.0.2
What's Changed
Last 4.0.1 release was published without build artifacts. This release should fix it.
Design React Kit in production? Let us know!
We’re open to any feedback and ready to hear your story of putting Design React Kit in production. In case you’re interested, please reach us on Developers Italia slack or in any way you want.
Release versione v.4.0.1
What's Changed
Fixes
Various
Internal & CI
- Fix publish bug by @dej611 in #813
- sync husky version in package.json with yarn.lock by @bfabio in #818
New Contributors
Design React Kit in production? Let us know!
We’re open to any feedback and ready to hear your story of putting Design React Kit in production. In case you’re interested, please reach us on Developers Italia slack or in any way you want.
Full Changelog: 4.0.0...4.0.1
Release versione v.4.0.0
What's Changed
This release is an effort to migrate the full kit into Typescript, a Storybook update and documentation rewrite.
It has been an incredible effort with the following numbers:
- 16 different contributors and the community contributed to this release
- more than 1000+ files changed
- and 70000+ lines changed (with a net sum of 6000+ lines removed).
- and a huge success for the
Hacktoberfest
month
Important changes
- Minimal React version required by the kit has bumped to v.16.8.0 . Check your project version before upgrade to v.4.0.0 .
- New types for
design-react-kit
: the codebase has been entirely rewritten in TS and types are completely difference from 3.x . Pager
component:size
prop has been removed. To restore the previous behaviour use theclassName
prop with the appropriate class.- the
PagerList
has been removed and its content has been merged into thePager
component. Use the propslistTag
,listClassName
in thePager
component.
Carousel
component has been removed with all its relative sub-components.- To keep on using the previous component, it is possible to import
Carousel
from thereactstrap
(8.x) package.
- To keep on using the previous component, it is possible to import
Hero
component has changed.- new looks is more in line with the Bootstrap Italia guidelines.
- Check the new documentation page for the
Hero
component for the new component implementation details. - To keep on using the previous component, it is possible to import
Jumbotron
from thereactstrap
(8.x) package.
Dimmer
component changed behaviour.className
is not applied any more to the wrapper node.- To keep the previous behaviour, set the
wrapperClassName
prop totrue
on the component.
DimmerButton
component changed behaviour.- The
dark
prop has a default value oftrue
. - To keep the preevious behaviour set the
dark
prop tofalse
.
- The
Icon
component changed behaviour.- icons are now loaded in a lazy way.
- new preload API provided for the SSR and testing scenarios.
Progress
component changed behaviour.className
is not applied any more to the wrapper node.- To keep the previous behaviour, set the
wrapperClassName
prop totrue
on the component.
Section
component changed behaviour.className
is not applied any more to the wrapper node.- To keep the previous behaviour, set the
wrapperClassName
prop totrue
on the component.
New components
Select
component.Toolbar
component.TimeInput
component.Megamenu
component.- New component used for the image list layouts:
GridList
,GridRow
,GridItem
,GridItemText
,GridItemTextWrapper
,ResponsiveImage
. - New notification system provided (with test and documentation).
New features for existing components
Accordion
:- new
background
andiconLeft
props added.
- new
BottomNavItem
:- new
url
andonLinkClick
props added. link
prop deprecated.
- new
Breadcrumb
:dark
prop for the dark theme added.
Dimmer
:- new
wrapperClassName
prop added.
- new
Fontloader
:- new
fonts
prop added to let load extra fonts other than the ones from the kit.
- new
Input
:- new
wrapperClassName
prop added, replacing thewrapperClass
prop (now deprecated).
- new
Icon
:- the component can now load external images via url.
Modal
:- new
withIcon
,withLinkList
andpopConfirm
props added for various modal formats.
- new
ModalHeader
:- new
icon
prop added to show an icon at the title level.
- new
Pager
:- new
total
,listTag
,listClassName
props added.
- new
Progress
:- new
wrapperClassName
prop added.
- new
Section
:- new
color
,wrapperClassName
props added. - new
color
valuesneutral
andmuted
are now deprecated.
- new
Spinner
:- new
label
prop added.
- new
SkipLinkItem
:- new
focusable
prop added for specific scenarios where focus might not be desiderable.
- new
StepperHeaderElement
:- new
mobile
value added to thevariant
prop. - Previous
steppers-index
value has been deprecated. - New
appendIcon
,prependIcon
props added, respectively replacing the now deprecatedicon
/iconName
props.
- new
TimelinePin
:- new
iconName
prop, replacing theicon
prop now deprecated.
- new
New Contributors
Thanks to all these new contributors:
- @luco5826 made their first contribution in #700
- @ewedlund made their first contribution in #707
- @ftonato made their first contribution in #741
- @nidble made their first contribution in #743
- @foysalit made their first contribution in #749
- @dependabot made their first contribution in #719
- @edoardolincetto made their first contribution in #750
- @toptalo made their first contribution in #758
- @mrkrash made their first contribution in #762
- @mendaomn made their first contribution in #768
- @va-deem made their first contribution in #781
Full Changelog: 3.3.3...4.0.0
Design React Kit in production? Let us know!
We’re open to any feedback and ready to hear your story of putting Design React Kit in production. In case you’re interested, please reach us on Developers Italia slack or in any way you want.
Release versione v.3.3.3
Features
Design React Kit in production? Let us know!
We’re open to any feedback and ready to hear your story of putting Design React Kit in production. In case you’re interested, please reach us on Developers Italia slack or in any way you want.