Skip to content

Upgrade from 1.0.0.rc.0 to 1.0.0.rc.4

Ed Morales edited this page Jan 26, 2018 · 3 revisions
  • Update package.json dependencies to:
  - @angular : ^5.1.0
  - @angular/cli : ^1.6.5
  - @angular/material : ^5.1.0
  - typescript : ~2.6.2
  • Leverage typescript string enums to remove the cast e.g.
Before
export enum OrderBy {
   ASC = <any>'asc',
   DESC = <any>'desc',
}
Now
export enum OrderBy {
   ASC = 'asc',
   DESC = 'desc',
}
  • Covalent has the proper Angular build format leveraging ng-packagr. Now import directly from our secondary entry points and minimize your build size by cherry picking what you need. e.g.
import { CovalentLoadingModule } from '@covalent/core/loading';
import { CovalentSearchModule } from '@covalent/core/search';
  • Replace matInset with [inset]="true"
  • Add <mat-toolbar-row> inside each <mat-toolbar> for proper toolbar rendering
  • Remove deprecated readOnly input from chips. Use disabled in required for that
  • Datepicker support for dynamic-forms
  • Replace md- with mat- in the typography classes with the exception of md-subhead
  • Replace md-subhead with mat-subheading-1
  • Customized the typography for proper font weights by replacing
@include mat-core();

with

// Custom typography
$custom-typography: mat-typography-config(
  $button: mat-typography-level(14px, 14px, 400)
);
$custom-toolbar-typography: mat-typography-config(
  $title: mat-typography-level(20px, 32px, 400)
);

// Include the base styles for Angular Material core. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@include mat-core($custom-typography);

// Setting the toolbar to the proper spec weight
@include mat-toolbar-typography($custom-toolbar-typography);