This release does not include schematics to help migration steps for 1.0 yet, so you'll have to manually apply the fixes listed here.
To get this update, run npm i @clr/angular@next @clr/ui@next @clr/icons@next
.
The
@next
tag is necessary only while Clarity 1.0 is in prerelease, afterwards
it won't be necessary. You can use this
with any Angular CLI project, even if you've already started to work on it. You may need to run ng update @angular/core @angular/cli
first to update to Angular 7.
This release brings Angular 7 support for Clarity, and this Clarity branch will be supported to work with Angular 7 while Angular is supported.
To help Clarity not depend on Bootstrap, and to avoid having dependencies with known vulnerabilities (though
we did not use the vulnerable code anywhere), we moved the Bootstrap sass files into our project. This only
matters to projects that have custom themes that incorporate Bootstrap, you'll now want to now import the
Bootstrap files from @clr/ui/utils/bootstrap/
.
We removed two deprecated Wizard APIs. The removed ClrWizard.prev()
should be
replaced with ClrWizard.previous()
. The removed ClrWizard.navService.setCurrentPage(1)
should be replaced with ClrWizard.navService.currentPage = 1;
.
We removed two deprecated Datagrid APIs. The ClrDgColumnToggleButton no longer has the clrType
binding, since the OK button was removed, so you should just remove the attribute and remove any OK toggle
button implementations you have. Also, the mistyped clDgRowSelection
should
be replaced with clrDgRowSelection
.
We removed two deprecated Alert APIs for the Angular component only. The alert types no longer support any
variations that start with alert-
, just remove the prefix like info
.
The first child of an ClrAlert should be clr-alert-item
, to ensure the icons
properly display.
The eye and eye-hide shapes were moved from the essentials set to the core set. If you import them directly, you will need to update the import path.
Clarity has had deprecated the old grid already, but has actually removed it from the main @clr/ui bundles.
If you are still using the old grid (which includes the old unprefixed .row
and .col
classes), we have provided a temporary file you can include until
you fully migrate to the new grid classes. To do this, add @clr/ui/clr-grid-deprecated.css
to your project.
Clarity has had deprecated the old forms already, but has kept them in this release to provide more time to
migrate. Previously to use the new forms you had to include the ClrFormsNextModule
with the old forms as the default, but now it has been reversed. The new forms no longer need to include
the next module, but if you wish to use the old forms still you must include the ClrFormsDeprecatedModule
.
Clarity now supports two way binding on
[(clrDgHidden)]
so you can keep track of the state more easily.