diff --git a/CHANGELOG.md b/CHANGELOG.md
index 886c2fabbd..f4b4c77e8d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,24 @@
-
-# [4.0.0-rc.8](https://github.com/akveo/nebular/compare/v4.0.0-rc.7...v4.0.0-rc.8) (2019-06-03)
+
+# [4.0.0](https://github.com/akveo/nebular/compare/v4.0.0-rc.8...v4.0.0) (2019-06-03)
+
+### Highlights
+
+Nebular 4.0 is a significant improvement and rework of the previous versions. We believe these changes bring Nebular to the new level of quality and feature-richness with:
+
+- Updated look&feel with Eva Design System;
+- New convenient and flexible Theming system;
+- Custom CSS properties support in theming;
+- Unified component interfaces (`@Input`'s and `@Output`'s);
+- New Dark theme;
+- Support of SVG Eva Icons.
+
+## Steps To Update
+
+To achieve all of this and allow Nebular to grow faster and better, we had to refactor a lot of internal implementations, as well as *public APIs*.
+We hope that next Nebular versions won't receive such significant upgrades and the amount of breaking changes will be kept as low as possible.
+
+[Migration Guide](https://akveo.github.io/nebular/docs/migration/350400-migration#350--400-nebular-migration) is available.
+We would appreciate hearing your feedback on the update steps, quality of the guide and if you have any questions or complications - please post a comment here https://github.com/akveo/nebular/issues/1524.
### Bug Fixes
@@ -14,33 +33,6 @@
* **docs:** fix transparent background color ([#1536](https://github.com/akveo/nebular/issues/1536)) ([0aed7b6](https://github.com/akveo/nebular/commit/0aed7b6))
* **docs:** update changed component theme vars link ([#1550](https://github.com/akveo/nebular/issues/1550)) ([ae73257](https://github.com/akveo/nebular/commit/ae73257))
* **radio:** prevent circles distraction ([#1549](https://github.com/akveo/nebular/issues/1549)) ([abb50df](https://github.com/akveo/nebular/commit/abb50df))
-
-
-### Features
-
-* **docs:** add Eva section ([#1552](https://github.com/akveo/nebular/issues/1552)) ([1209d65](https://github.com/akveo/nebular/commit/1209d65))
-* **docs:** add routing loader ([#1533](https://github.com/akveo/nebular/issues/1533)) ([dd33a22](https://github.com/akveo/nebular/commit/dd33a22))
-* **schematics:** add dark theme ([#1534](https://github.com/akveo/nebular/issues/1534)) ([c5d15c6](https://github.com/akveo/nebular/commit/c5d15c6))
-* **typography:** specify body, paragraph and list styles ([#1546](https://github.com/akveo/nebular/issues/1546)) ([310127b](https://github.com/akveo/nebular/commit/310127b))
-
-
-
-
-# [4.0.0-rc.7](https://github.com/akveo/nebular/compare/v4.0.0-rc.6...v4.0.0-rc.7) (2019-05-29)
-
-
-### Features
-
-* **select:** more border and icon theme properties ([#1468](https://github.com/akveo/nebular/issues/1468)) ([9e1c604](https://github.com/akveo/nebular/commit/9e1c604))
-
-
-
-
-# [4.0.0-rc.6](https://github.com/akveo/nebular/compare/v4.0.0-rc.5...v4.0.0-rc.6) (2019-05-28)
-
-
-### Bug Fixes
-
* add missing components exports to public api ([#1487](https://github.com/akveo/nebular/issues/1487)) ([2f551aa](https://github.com/akveo/nebular/commit/2f551aa))
* move auth examples to base component without layout ([#1479](https://github.com/akveo/nebular/issues/1479)) ([30e6942](https://github.com/akveo/nebular/commit/30e6942))
* **checkbox:** fix inactive background color ([#1502](https://github.com/akveo/nebular/issues/1502)) ([48966b8](https://github.com/akveo/nebular/commit/48966b8))
@@ -50,154 +42,14 @@
* **theme:** finalize themes with design system ([#1481](https://github.com/akveo/nebular/issues/1481)) ([5673e98](https://github.com/akveo/nebular/commit/5673e98)), closes [#40dc7](https://github.com/akveo/nebular/issues/40dc7) [#ebeef2](https://github.com/akveo/nebular/issues/ebeef2) [#3b5998](https://github.com/akveo/nebular/issues/3b5998) [#55](https://github.com/akveo/nebular/issues/55) [#dd4b39](https://github.com/akveo/nebular/issues/dd4b39) [#0177b5](https://github.com/akveo/nebular/issues/0177b5) [#6b6b6](https://github.com/akveo/nebular/issues/6b6b6) [#2f96e8](https://github.com/akveo/nebular/issues/2f96e8) [#f26798](https://github.com/akveo/nebular/issues/f26798) [#0093](https://github.com/akveo/nebular/issues/0093)
* **themes:** fix get-value not working in component context ([#1493](https://github.com/akveo/nebular/issues/1493)) ([30bc29f](https://github.com/akveo/nebular/commit/30bc29f))
* **theming:** fix nb-theme not working in component mode without nb-i… ([#1503](https://github.com/akveo/nebular/issues/1503)) ([0bc9f07](https://github.com/akveo/nebular/commit/0bc9f07))
-
-
-### Features
-
-* **bootstrap:** update nebular/bootstrap to Eva ([#1507](https://github.com/akveo/nebular/issues/1507)) ([2ff1171](https://github.com/akveo/nebular/commit/2ff1171))
-* **select, input:** add max width theme property ([#1480](https://github.com/akveo/nebular/issues/1480)) ([5a6d506](https://github.com/akveo/nebular/commit/5a6d506))
-
-
-### BREAKING CHANGES
-
-* **bootstrap:** Bootstrap checkbox and radio are removed now, use Nebular Checkbox and Nebular Radio with better theming support.
-* **theme:** The following sass mixins are removed: `nb-radial-gradient`, `nb-right-gradient`.
-
-Theme variables changes:
-
-**renamed:**
-- font-main -> font-family-primary
-- font-secondary -> font-family-secondary
-- radius -> border-radius
-- color-bg -> background-basic-color-1,
-- color-bg-active -> background-basic-color-2,
-- color-fg -> text-basic-color,
-- color-fg-heading -> text-basic-color,
-- color-fg-text -> text-hint-color,
-- separator -> divider-color
-- scrollbar-fg -> scrollbar-color,
-- scrollbar-bg -> scrollbar-background-color,
-- scrollbar-thumb-radius -> scrollbar-width
-
-**removed:**
-- color-fg-highlight
-
-- font-weight-thin
-- font-weight-light
-- font-weight-normal
-- font-weight-bolder
-- font-weight-bold
-- font-weight-ultra-bold
-
-- base-font-size
-
-- font-size-xlg
-- font-size-lg
-- font-size
-- font-size-sm
-- font-size-xs
-
-- padding
-- margin
-- line-height
-
-- social-color-facebook
-- social-color-twitter
-- social-color-google
-- social-color-linkedin
-- social-color-github
-- social-color-stackoverflow
-- social-color-dribble
-- social-color-behance
-
-- radial-gradient
-- linear-gradient
-
-
-# [4.0.0-rc.5](https://github.com/akveo/nebular/compare/v4.0.0-rc.4...v4.0.0-rc.5) (2019-05-22)
-
-
-### Code Refactoring
-
-* **themes:** make map processing lazy, add variable existence check ([#1471](https://github.com/akveo/nebular/issues/1471)) ([48d8f03](https://github.com/akveo/nebular/commit/48d8f03))
-
-
-### Features
-
-* angular package format ([#1474](https://github.com/akveo/nebular/issues/1474)) ([bbed8c1](https://github.com/akveo/nebular/commit/bbed8c1))
-* **themes:** add new Dark theme! ([#1472](https://github.com/akveo/nebular/issues/1472)) ([3b5ad6c](https://github.com/akveo/nebular/commit/3b5ad6c))
-
-
-### BREAKING CHANGES
-
-* **themes:** - remove `disabled` status for card
-- auth now uses `giant` size buttons and inputs
-* **themes:** - `nb-theme` function now throws an error if an unused variable is accessed
-- custom auth variables are removed and replaced with @nebular/theme variables
-- `nb-install` function moved into `@nebular/theme/styles/theming`
-- auth components now use `nb-icon` instead of icon css class
-- everything not mentioned in packages `public_api.ts` now private so direct imports from `@nebular/theme/*` will stop working.
-
-
-
-# [4.0.0-rc.4](https://github.com/akveo/nebular/compare/v4.0.0-rc.2...v4.0.0-rc.4) (2019-05-14)
-
-### Bug Fixes
-
* **docs:** 4.0 fixes ([#1465](https://github.com/akveo/nebular/issues/1465)) ([46a022c](https://github.com/akveo/nebular/commit/46a022c))
* **docs:** use new popover trigger input name ([#1462](https://github.com/akveo/nebular/issues/1462)) ([8cf7edb](https://github.com/akveo/nebular/commit/8cf7edb))
-
-
-### Code Refactoring
-
-* **tabset:** remove shadow ([#1461](https://github.com/akveo/nebular/issues/1461)) ([2c11768](https://github.com/akveo/nebular/commit/2c11768))
-* **datepicker:** remove primary border ([#1466](https://github.com/akveo/nebular/issues/1466)) ([f722a48](https://github.com/akveo/nebular/commit/f722a48))
-
-
-### Chores
-
-* **release:** add step to update releases issue ([#1442](https://github.com/akveo/nebular/issues/1442)) ([284c031](https://github.com/akveo/nebular/commit/284c031))
-
-
-
-# [4.0.0-rc.2](https://github.com/akveo/nebular/compare/v4.0.0-rc.1...v4.0.0-rc.2) (2019-05-01)
-
-
-### Bug Fixes
-
* **docs:** prefix root css urls with base path ([#1453](https://github.com/akveo/nebular/issues/1453)) ([d42c896](https://github.com/akveo/nebular/commit/d42c896))
* **docs:** trigger change detection if tab updated ([#1445](https://github.com/akveo/nebular/issues/1445)) ([9679e3a](https://github.com/akveo/nebular/commit/9679e3a))
* **docs:** update examples after Eva migration ([#1448](https://github.com/akveo/nebular/issues/1448)) ([bc2ee49](https://github.com/akveo/nebular/commit/bc2ee49))
* **docs:** use current tab component property ([#1447](https://github.com/akveo/nebular/issues/1447)) ([122585a](https://github.com/akveo/nebular/commit/122585a))
* **schematics:** fix eva-icons schematic ([#1380](https://github.com/akveo/nebular/issues/1380)) ([0c809da](https://github.com/akveo/nebular/commit/0c809da))
* **tabset:** prevent select call if no active tab found ([#1444](https://github.com/akveo/nebular/issues/1444)) ([f738f9d](https://github.com/akveo/nebular/commit/f738f9d))
-
-
-### Chores
-
-* update angular to 8.0.0-rc.2 ([#1449](https://github.com/akveo/nebular/issues/1449)) ([3000e3b](https://github.com/akveo/nebular/commit/3000e3b))
-
-
-### Features
-
-* **docs:** add redirect to 'next' subdirectory ([#1446](https://github.com/akveo/nebular/issues/1446)) ([a3c838f](https://github.com/akveo/nebular/commit/a3c838f))
-
-
-### BREAKING CHANGES
-
-* Angular 8+ now required
-
-**Limitation:**
-For the time being Nebular doesn't have `ES2015` bundle and therefore can't be used in applications with target `ES2015`. You have to manually change target `ES5`.
-
-
-
-
-# [4.0.0-rc.1](https://github.com/akveo/nebular/compare/v3.5.0...v4.0.0-rc.1) (2019-05-27)
-
-
-### Bug Fixes
-
* **checkbox:** rename variables according to property where it used ([#1372](https://github.com/akveo/nebular/issues/1372)) ([2c02daf](https://github.com/akveo/nebular/commit/2c02daf))
* **menu:** add RTL chevron menu icon ([#1042](https://github.com/akveo/nebular/issues/1042)) ([3f6ca4f](https://github.com/akveo/nebular/commit/3f6ca4f))
* **option group:** propagate disabled state to child options ([#1416](https://github.com/akveo/nebular/issues/1416)) ([54da610](https://github.com/akveo/nebular/commit/54da610))
@@ -209,14 +61,10 @@ For the time being Nebular doesn't have `ES2015` bundle and therefore can't be u
* **select:** prevent navigation to disabled option from keyboard ([#1427](https://github.com/akveo/nebular/issues/1427)) ([657d8ae](https://github.com/akveo/nebular/commit/657d8ae))
-### Code Refactoring
-
-* **overlay:** use full css property name ([#1403](https://github.com/akveo/nebular/issues/1403)) ([4133058](https://github.com/akveo/nebular/commit/4133058))
-* **theme:** remove use of scss functions ([#1256](https://github.com/akveo/nebular/issues/1256)) ([fa8d87f](https://github.com/akveo/nebular/commit/fa8d87f)), closes [#1228](https://github.com/akveo/nebular/issues/1228)
-
-
### Features
+* **icons:** new `nb-icon` component, icons library, and [@nebular](https://github.com/nebular)/eva-icons package ([#1319](https://github.com/akveo/nebular/issues/1319)) ([621f461](https://github.com/akveo/nebular/commit/621f461))
+* **theme:** css variables support ([#1257](https://github.com/akveo/nebular/issues/1257)) ([da136da](https://github.com/akveo/nebular/commit/da136da)), closes [#46](https://github.com/akveo/nebular/issues/46)
* **accordion:** Eva styles ([#1362](https://github.com/akveo/nebular/issues/1362)) ([98a159c](https://github.com/akveo/nebular/commit/98a159c))
* **actions:** Eva style ([#1397](https://github.com/akveo/nebular/issues/1397)) ([6399fab](https://github.com/akveo/nebular/commit/6399fab))
* **alert:** Eva theme ([#1406](https://github.com/akveo/nebular/issues/1406)) ([8c6c677](https://github.com/akveo/nebular/commit/8c6c677))
@@ -258,768 +106,32 @@ For the time being Nebular doesn't have `ES2015` bundle and therefore can't be u
* **user:** Eva style ([#1354](https://github.com/akveo/nebular/issues/1354)) ([2d05714](https://github.com/akveo/nebular/commit/2d05714))
* specify next version in install instructions ([#1435](https://github.com/akveo/nebular/issues/1435)) ([99ca0c9](https://github.com/akveo/nebular/commit/99ca0c9))
* update corporate theme ([#1434](https://github.com/akveo/nebular/issues/1434)) ([d564454](https://github.com/akveo/nebular/commit/d564454))
-
+* **docs:** add Eva section ([#1552](https://github.com/akveo/nebular/issues/1552)) ([1209d65](https://github.com/akveo/nebular/commit/1209d65))
+* **docs:** add routing loader ([#1533](https://github.com/akveo/nebular/issues/1533)) ([dd33a22](https://github.com/akveo/nebular/commit/dd33a22))
+* **schematics:** add dark theme ([#1534](https://github.com/akveo/nebular/issues/1534)) ([c5d15c6](https://github.com/akveo/nebular/commit/c5d15c6))
+* **typography:** specify body, paragraph and list styles ([#1546](https://github.com/akveo/nebular/issues/1546)) ([310127b](https://github.com/akveo/nebular/commit/310127b))
+* **select:** more border and icon theme properties ([#1468](https://github.com/akveo/nebular/issues/1468)) ([9e1c604](https://github.com/akveo/nebular/commit/9e1c604))
+* **bootstrap:** update nebular/bootstrap to Eva ([#1507](https://github.com/akveo/nebular/issues/1507)) ([2ff1171](https://github.com/akveo/nebular/commit/2ff1171))
+* **select, input:** add max width theme property ([#1480](https://github.com/akveo/nebular/issues/1480)) ([5a6d506](https://github.com/akveo/nebular/commit/5a6d506))
+* angular package format ([#1474](https://github.com/akveo/nebular/issues/1474)) ([bbed8c1](https://github.com/akveo/nebular/commit/bbed8c1))
+* **themes:** add new Dark theme! ([#1472](https://github.com/akveo/nebular/issues/1472)) ([3b5ad6c](https://github.com/akveo/nebular/commit/3b5ad6c))
### BREAKING CHANGES
-* **Popover:**
-'nbPopoverMode' input removed. Use 'nbPopoverTrigger' instead.
-NbPopoverDirective 'mode' property removed. Use 'trigger' instead.
-
-* **Select:**
-- NbSelectComponent 'selectionChange' removed. Use nb-select (selected) binding to track selection change and to track option click.
-- Only 'null' and 'undefined' option values now considered as reset. false and falsy values such as 0, '', NaN don't reset select value anymore.
-- Arrow selector and element changed to svg icon.
-- NbSelectComponent 'isOpened' getter renamed to 'isOpen'.
-- NbOptionComponent and NbOptionGroupComponent 'disabledClass' getter renamed to 'disabledAttribute'.
-
-* **Radio:**
-- Use radio-[status]-border-color and radio-[status]-inner-circle-color instead.
-- NbRadioGroupComponent setters 'setValue', 'setName', 'setDisabled', 'setStatus' were removed. Use 'value', 'name', 'disabled', 'status'.
-- NbRadioComponent setter 'setDisabled' removed. Use 'disabled' instead.
-
-* **Theme:**
-- Following map keys were removed: border-color, color-gray, color-neutral, color-disabled.
-- Mapping for borders, disabled and similar styles would controlled by design system and configured for each component individually.
-
-* **Checkbox:**
-- Check mark pseudo element replaced with nb-icon.
-- Class 'customised-control' replaced with 'label'.
-- Class 'customised-control-input' replaced with 'native-input'.
-- Class 'customised-control-indicator' replaced with - 'custom-checkbox'.
-- Class 'customised-control-description' replaced with 'text'.
-- NbCheckboxComponent's '_value' property now private. Use 'value' instead.
-
-* **Input:**
-- status classes were renamed from input-[status-name] to status-[status-name].
-- size classes were renamed from input-[size-name] to size- - [size-name].
-- shape classes were renamed from input-[shape-name] to shape-[shape-name].
-- All NbInputDirective static fields removed. Removed fields: SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER, SHAPE_SEMI_ROUND, SHAPE_RECTANGLE, SHAPE_ROUND. Use NbComponentStatus, NbComponentShape, NbComponentSize instead.
-- NbInputDirective 'size' property and 'setSize' getter removed. Use unified 'fieldSize' property instead.
-- NbInputDirective 'setFullWidth' replaced with read/write 'fullWidth' property.
-
-* **Tooltip:**
-- status class renamed from [status-name]-tooltip to status-[status-name].
-
-* **User:**
-- 'isMenuShown' property removed from NbUserComponent.
-- 'inverse' input removed from NbUserComponent.
-- 'background' class renamed to 'initials'.
-- NbUserComponent SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, SIZE_XLARGE size static properties were removed. Use NbComponentSize instead.
-- Size class names were prefixed with 'size-'.
-- NbUserComponent 'showNameValue', 'showTitleValue', 'showInitialsValue' properties removed. Use 'showName', 'showTitle', 'showInitials' instead.
-
-* **Tabset:**
-- NbTabset theme properties prefix changed to 'tabset'.
-
-* **Route tabset:**
-- NbRouteTabset theme properties prefix changed to 'route-tabset'.
-
-* **Card:**
-- All NbCardComponent static fields were removed. Removed fields: SIZE_XXSMALL, SIZE_XSMALL, SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, SIZE_XLARGE, SIZE_XXLARGE, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER, ACCENT_PRIMARY, ACCENT_INFO, ACCENT_SUCCESS, ACCENT_WARNING, ACCENT_DANGER. Use NbComponentStatus, NbComponentSize instead.
-- 'disabled' status replaced with disabled input. 'active' status removed.
-- Card size class renamed from 'card-[size-name]' to 'size-[size-name]'.
-- Card status classes were renamed from '[status-name]-card' to 'status-[status-name]'.
-- NbCardComponent 'xsmall' and 'xxlarge' getters along with 'size-xsmall' and 'size-xxlarge' removed.
-- NbCardComponent 'xxsmall', 'small', 'medium', 'large', 'xlarge' getters renamed to 'tiny', 'small', 'medium', 'large', 'giant' accordingly.
-
-* **Spinner:**
-- 'active' and 'disabled' along with NbSpinnerComponent STATUS_ACTIVE, STATUS_DISABLED static properties statuses were removed.
-- Following NbSpinnerComponent static properties were removed: SIZE_XXSMALL, SIZE_XSMALL, SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, SIZE_XLARGE, SIZE_XXLARGE, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER.
-- Classes '[size-name]-spinner' changed to 'size-[size-name]'.
-- Classes '[status-name]-spinner' changed to 'status-[status-name]'.
-- NbSpinnerComponent 'xxsmall' and 'xxlarge' getters removed.
-
-* **Button:**
-- Button 'accent' property removed.
-- Static properties removed. Removed properties: SIZE_XSMALL, SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER, SHAPE_RECTANGLE, SHAPE_ROUND, SHAPE_SEMI_ROUND. Use NbComponentSize, NbComponentStatus, NbComponentShape.
-- Size classes were renamed:
-- btn-xsmall -> size-tiny
-- btn-small -> size-small
-- btn-medium -> size-medium
-- btn-large -> size-large
-- Size getter 'xsmall' renamed to tiny.
-- Status classes were renamed:
-- btn-primary -> status-primary
-- btn-info -> status-info
-- btn-success -> status-success
-- btn-warning -> status-warning
-- btn-danger -> status-danger
-- Shape classes were renamed:
-- btn-rectangle -> shape-rectangle
-- btn-round -> shape-round
-- btn-semi-round -> shape-semi-round
-- 'btn-outline' class renamed to 'appearance-outline'.
-- 'btn-hero' class renamed to 'appearance-hero'.
-- Button theme properties prefix changed to 'button' (was 'btn').
-- 'btn-pulse' status renamed to 'button-pulse'.
-- 'btn-full-width' renamed to 'full-width'.
-
-* **Progress:**
-– Size values changed from 'xs', 'sm', 'lg', 'xlg' changed to 'tiny', 'small', 'medium', 'large', 'giant'.
-- Size classes now set on nb-progress-bar element. Also class naming changed to 'size-[size-name]', 'status-[status-name]'.
-
-* **Accordion:**
-- NbAccordionComponent static properties were unused and removed. STATUS_ACTIVE, STATUS_DISABLED, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER. Use NbComponentStatus instead.
-
-* **Menu:**
-- Collapsed menu icon changes direction based on current layout direction.
-
-* **Overlay:**
-- Theme property 'overlay-backdrop-bg' renamed to overlay-backdrop-background-color'.
-
-* **Actions:**
-- NbActionsComponent 'inverseValue' field and 'inverse' setter removed.
-- NbActionsComponent 'fullWidthValue' field replaced with 'fullWidth'.
-- NbActionsComponent size class named renamed to 'size-[size-name]'.
-- NbActionsComponent static fields SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE removed.
-- NbActionComponent 'disabledValue' field replaced with 'disabled'.
-
-* **Stepper:**
-- NbStepperOrientation changed to type.
-- NbStepperComponent 'disableStepNavigationValue' property removed. Use 'disableStepNavigation' instead.
-
-* **Alert**
-- NbAlertComponent 'closableValue' replaced with 'closable'.
-- All NbAlertComponent static fields removed. SIZE_XXSMALL, SIZE_XSMALL, SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, SIZE_XLARGE, SIZE_XXLARGE, STATUS_ACTIVE, STATUS_DISABLED, STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER, ACCENT_ACTIVE, ACCENT_DISABLED, ACCENT_PRIMARY, ACCENT_INFO, ACCENT_SUCCESS, ACCENT_WARNING, ACCENT_DANGER, OUTLINE_ACTIVE, OUTLINE_DISABLED, OUTLINE_PRIMARY, OUTLINE_INFO, OUTLINE_SUCCESS, OUTLINE_WARNING, OUTLINE_DANGE.
-- Active status removed.
-- Disabled become input instead of status value. Disabled class renamed to 'disabled'.
-- NbAlertComponent 'hasAccent', 'hasStatus', 'hasOutline' getters removed.
-- Status class names changed to 'status-[status-name]'.
-- Outline class names changed to 'outline-[status-name]'.
-- Accent class names changed to 'accent-[status-name]'.
-
-* **Badge:**
-- NbBadgeComponent status static fields removed. STATUS_PRIMARY, STATUS_INFO, STATUS_SUCCESS, STATUS_WARNING, STATUS_DANGER.
-- NbBadgeComponent position static fields replaced with NbBadgePosition type. Removed properties: TOP_LEFT, TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT, TOP_START, TOP_END, BOTTOM_START, BOTTOM_END.
-- Badge status class now set on host element.
-- NbBadgeComponent 'positionClass' getter removed.
-- Badge position class set on host element. Position class names prefixed with 'position-'.
-
-* **Chat:**
-- NbChatComponent 'accent' field removed.
-- NbChatComponent sizes 'xxsmall' and 'xxlarge' removed. 'xsmall' size changed to 'tiny', 'xlarge' changed to 'giant'.
-- Size class changed to 'size-[size-name]'.
-- All size static fields removed (SIZE_XXSMALL, SIZE_XSMALL, SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE, SIZE_XLARGE, SIZE_XXLARGE).
-- NbChatComponent 'active' status removed.
-- Status class names changed to 'status-[status-name]'.
-- NbChatMessageComponent 'replyValue' changed to 'reply'.
-
-* **Toastr:**
-- NbToastStatus enum removed. Toastr now uses common NbComponentstatus type.
-- NbToastComponent status class names changed to 'status-[status-name]'.
-- 'default' class removed.
-
-* **Menu:**
-- Removed inverse mode.
-- NbMenuComponent 'autoCollapseValue' property changed to 'autoCollapse'.
-
-* **Context menu:**
-- 'context-menu-border' split into 'context-menu-border-color', 'context-menu-border-style' and 'context-menu-border-width'.
-
-* **Typography**
-- Atomic classes removed 'alert', 'alert-success', 'alert-info', 'alert-warning', 'alert-danger', 'alert-primary', 'alert-hint', 'font-secondary', 'font-main', 'font-w-light', 'font-w-regular', 'font-w-bold', 'text-primary', 'text-warning', 'text-success', 'text-info', 'text-danger', 'text-heading', 'text-body', 'text-hint', 'text-white', 'bg-primary', 'bg-warning', 'bg-success', 'bg-info', 'bg-danger', 'bg-heading', 'bg-body', 'bg-hint', 'bg-white', 'text-indent', 'blockquote', 'blockquote-reverse', 'blockquote-footer', 'small', 'mark'.
-
-* **Theme map:**
-Theme map entries names were unified. Unused ones removed. Now name follows pattern `[component]-[appearance]-[variant]-[state]-[full-property-name]` e.g. `button-filled-primary-hover-border-color`.
-
-Changed theme variables list
-
-#### Radio:
-
-Renamed:
-- `radio-bg` -> `radio-border-color`, `radio-inner-circle-color`, `radio-[status]-border-color`, `radio-[status]-inner-circle-color`
-- `radio-fg` -> `radio-text-color`
-- `radio-size` -> `radio-width, radio-height`
-- `radio-border-size` -> `radio-border-width`
-- `radio-checkmark` -> `radio-inner-circle-color`
-- `radio-disabled-checkmark` -> `radio-disabled-inner-circle`
-- `radio-indicator` -> `radio-circle`
-
-Removed:
-- `radio-checked-bg`
-- `radio-checked-size`
-- `radio-checked-border-size`
-- `radio-checked-border-color`
-- `radio-checked-checkmark`
-- `radio-disabled-bg`
-- `radio-disabled-size`
-- `radio-disabled-border-size`
-- `radio-bg`
-- `radio-checkmark`
-
-#### Checkbox:
-
-Properties `checkbox-bg`, `checkbox-checked-bg` and `checkbox-disabled-bg` replaced with:
-- `checkbox-disabled-background-color`
-- `checkbox-[status]-background-color`
-- `checkbox-[status]-checked-background-color`
-- `checkbox-[status]-indeterminate-background-color`
-- `checkbox-[status]-focus-background-color`
-- `checkbox-[status]-hover-background-color`
-- `checkbox-[status]-active-background-color`
-
-Property `checkbox-size` splited into `checkbox-height`, `checkbox-width`.
-
-Removed:
-- `checkbox-checked-size`
-- `checkbox-checked-border-size`
-- `checkbox-disabled-size`
-- `checkbox-disabled-border-size`
-
-`checkbox-border-size` -> `checkbox-border-width`
-
-Properties `checkbox-border-color`, `checkbox-checked-border-color`, `checkbox-disabled-border-color` replaced with:
-- `checkbox-disabled-border-color`
-- `checkbox-[status]-border-color`
-- `checkbox-[status]-checked-border-color`
-- `checkbox-[status]-indeterminate-border-color`
-- `checkbox-[status]-hover-border-color`
-- `checkbox-[status]-active-border-color`
-
-Properties `checkbox-checkmark`, `checkbox-checked-checkmark`, `checkbox-disabled-checkmark` replaced with:
-- `checkbox-disabled-checkmark-color`
-- `checkbox-[status]-checked-checkmark-color`
-- `checkbox-[status]-indeterminate-checkmark-color`
-
-#### Input:
-
-Renamed:
-- `form-control-border-width` -> `input-border-width`
-- `form-control-border-radius` -> `input-rectangle-border-radius`
-- `form-control-semi-round-border-radius` -> `input-semi-round-border-radius`
-- `form-control-round-border-radius` -> `input-round-border-radius`
-- `form-control-text-primary-color` -> `input-text-color`
-- `form-control-border-color` -> `input-border-color`
-- `form-control-selected-border-color` -> `input-focus-border-color`, `input-[status]-focus-color`
-- `form-control-bg` -> `input-background-color`
-- `form-control-focus-bg` -> `input-focus-border-color`
-- `form-control-placeholder-color` -> `input-placeholder-text-color`
-- `form-control-placeholder-font-size` -> `input-placeholder-font-size`
-- `form-control-font-size` -> `input-medium-text-font-size`
-- `form-control-font-size-sm` -> `input-small-text-font-size`
-- `form-control-font-size-lg` -> `input-large-text-font-size`
-- `form-control-padding` -> `input-medium-padding`
-- `form-control-padding-sm` -> `input-small-padding`
-- `form-control-padding-lg` -> `input-large-padding`
-- `form-control-info-border-color` -> `input-info-border-color`
-- `form-control-success-border-color` -> `input-success-border-color`
-- `form-control-danger-border-color` -> `input-danger-border-color`
-- `form-control-warning-border-color` -> `input-warning-border-color`
-- `form-control-border-type` -> `input-border-style`
-
-Removed:
-- `form-control-label-font-weight`
-- `form-control-feedback-font-size`
-- `form-control-feedback-font-weight`
-
-#### Tooltip:
-
-Renamed:
-- `tooltip-bg` -> `tooltip-background-color`
-- `tooltip-fg` -> `tooltip-text-color`
-- `tooltip-font-size` -> `tooltip-text-font-size`
-- `tooltip-status-fg` -> `tooltip-[status]-text-color`
-- `tooltip-primary-bg` -> `tooltip-primary-background-color`
-- `tooltip-info-bg` -> `tooltip-info-background-color`
-- `tooltip-success-bg` -> `tooltip-success-background-color`
-- `tooltip-warning-bg` -> `tooltip-warning-background-color`
-- `tooltip-danger-bg` -> `tooltip-danger-background-color`
-
-User:
-
-Renamed:
-- `user-font-size` -> `user-[size]-initials-text-font-size`, `user-[size]-name-text-font-size`, `user-[size]-title-text-font-size`
-- `user-line-height` -> `user-[size]-initials-text-line-height`, `user-[size]-name-text-line-height`, `user-[size]-title-text-line-height`
-- `user-bg` -> `user-picture-box-background-color`
-- `user-fg` -> `user-initials-text-color`
-- `user-fg-highlight` -> `user-picture-box-border-color`
-- `user-font-family-secondary` -> `user-name-text-font-family`
-- `user-size-small` -> `user-small-height`, `user-small-width`
-- `user-size-medium` -> `user-medium-height`, `user-medium-width`
-- `user-size-large` -> `user-large-height`, `user-large-width`
-- `user-size-xlarge` -> `user-giant-height`, `user-giant-width`
-
-#### Tabset:
-
-Renamed:
-- `tabs-font-family` -> `tabset-tab-text-font-family`
-- `tabs-font-size` -> `tabset-tab-text-font-size`
-- `tabs-content-font-family` -> `tabset-content-text-font-family`
-- `tabs-content-font-size` -> `tabset-content-text-font-size`
-- `tabs-active-bg` -> `tabset-tab-selected-background-color`
-- `tabs-padding` -> `tabset-tab-padding`
-- `tabs-content-padding` -> `tabset-content-padding`
-- `tabs-header-bg` -> `tabset-tab-background-color`
-- `tabs-separator` -> `tabset-divider-color`
-- `tabs-fg` -> `tabset-tab-text-color`
-- `tabs-fg-disabled` -> `tabset-tab-disabled-text-color`
-- `tabs-fg-text` -> `tabset-content-text-color`
-- `tabs-fg-heading` -> `tabset-tab-selected-text-color`, `tabset-tab-focus-text-color`, `tabset-tab-hover-text-color`
-- `tabs-bg` -> `tabset-content-background-color`
-- `tabs-selected` -> `tabset-tab-underline-color`
-- `tabs-icon-only-max-width` -> `tabset-tab-text-hide-breakpoint`
-
-Removed:
-- `tabs-active-font-weight`
-- `tabs-selected-second-color`
-- `tabs-selected-degrees`
-
-#### Route Tabset:
-
-Following properties were renamed:
-- `route-tabs-font-family` -> `route-tabset-tab-text-font-family`
-- `route-tabs-font-size` -> `route-tabset-tab-text-font-size`
-- `route-tabs-active-bg` -> `route-tabset-tab-selected-background-color`
-- `route-tabs-padding` -> `route-tabset-tab-padding`
-- `route-tabs-header-bg` -> `route-tabset-tab-background-color`
-- `route-tabs-separator` -> `route-tabset-divider-color`
-- `route-tabs-fg` -> `route-tabset-tab-text-color`
-- `route-tabs-fg-disabled` -> `route-tabset-tab-disabled-text-color`
-- `route-tabs-fg-heading` -> `route-tabset-tab-selected-text-color`, `route-tabset-tab-focus-text-color`, `route-tabset-tab-hover-text-color`
-- `route-tabs-selected` -> `route-tabset-tab-underline-color`
-- `route-tabs-icon-only-max-width` -> `route-tabset-tab-text-hide-breakpoint`
-
-`route-tabs-bg` property was unused and removed.
-
-#### Card:
-
-Renamed:
-- `card-font-size` -> `card-text-font-size`
-- `card-font-weight` -> `card-text-font-weight`
-- `card-line-height` -> `card-text-line-height`
-- `card-bg` -> `card-background-color`
-- `card-border-type` -> `card-border-style`
-- `card-separator` -> `card-divider-color`
-- `card-header-fg` -> `card-header-text-color`
-- `card-header-primary-bg` -> `card-header-primary-background-color`
-- `card-header-info-bg` -> `card-header-info-background-color`
-- `card-header-success-bg` -> `card-header-success-background-color`
-- `card-header-warning-bg` -> `card-header-warning-background-color`
-- `card-header-danger-bg` -> `card-header-danger-background-color`
-- `card-header-disabled-bg` -> `card-header-disabled-background-color`
-- `card-margin` -> `card-margin-bottom`
-- `card-height-xxsmall` -> `card-height-tiny`
-- `card-height-small` -> `card-height-small`
-- `card-height-medium` -> `card-height-medium`
-- `card-height-large` -> `card-height-large`
-- `card-height-xlarge` -> `card-height-giant`
-
-Removed:
-- `card-fg`
-- `card-fg-text`
-- `card-fg-heading`
-- `card-header-fg-heading`
-- `card-header-active-bg`
-- `card-header-active-fg`
-- `card-header-border-width`
-- `card-header-border-type`
-- `card-header-border-color`
-- `card-height-xsmall`
-- `card-height-xxlarge`
-
-#### Spinner:
-
-Renamed:
-- `spinner-bg` -> `spinner-background-color`
-- `spinner-circle-bg` -> `spinner-circle-filled-color`
-- `spinner-fg` -> `spinner-text-color`
-- `spinner-primary-bg` -> `spinner-primary-circle-filled-color`
-- `spinner-info-bg` -> `spinner-info-circle-filled-color`
-- `spinner-success-bg` -> `spinner-success-circle-filled-color`
-- `spinner-warning-bg` -> `spinner-warning-circle-filled-color`
-- `spinner-danger-bg` -> `spinner-danger-circle-filled-color`
-- `spinner-xsmall` -> `spinner-height-tiny`
-- `spinner-small` -> `spinner-height-small`
-- `spinner-medium` -> `spinner-height-medium`
-- `spinner-large` -> `spinner-height-large`
-- `spinner-xlarge` -> `spinner-height-giant`
-
-Removed:
-- `spinner-xxsmall`
-- `spinner-xxlarge`
-- `spinner-disabled-bg`
-- `spinner-disabled-fg`
-- `spinner-active-bg`
-
-#### Button:
-
-Renamed:
-- `btn-fg` -> `button-filled-[status]-text-color`, `button-outline-[status]-[state?]-text-color`, `button-ghost-[status]-[state?]-text-color`, `button-hero-[status]-text-color`
-- `btn-font-family` -> `button-text-font-family`
-- `btn-line-height` -> `button-[size]-text-line-height`
-- `btn-cursor` -> `button-cursor`
-- `btn-[status]-bg` -> `button-filled-[status]-background-color`
-- `btn-[status]-hover-bg` -> `button-filled-[status]-hover-background-color`
-- `btn-[status]-active-bg` -> `button-filled-[status]-active-background-color`
-- `btn-padding-y-[size], btn-padding-x-[size]` -> `button-[appearance]-[size]-padding`
-- `btn-font-size-[size]` -> `button-[size]-text-font-size`
-- `btn-rectangle-border-radius` -> `button-rectangle-border-radius`
-- `btn-semi-round-border-radius` -> `button-semi-round-border-radius`
-- `btn-round-border-radius` -> `button-round-border-radius`
-- `btn-hero-shadow` -> `button-hero-shadow`
-- `btn-hero-text-shadow` -> `button-hero-text-shadow`
-- `btn-hero-bevel-size` -> `button-hero-bevel-size`
-- `btn-hero-glow-size` -> `button-hero-glow-size`
-- `btn-hero-[status]-bevel-color` -> `button-hero-[status]-bevel-color`
-- `btn-hero-[status]-glow-color` -> `button-hero-[status]-glow-color`
-- `btn-hero-[status]-left-bg` -> `button-hero-[status]-left-background-color`
-- `btn-hero-[status]-right-bg` -> `button-hero-[status]-right-background-color`
-- `btn-hero-[status]-left-hover-bg` -> `button-hero-[status]-hover-left-background-color`
-- `btn-hero-[status]-right-hover-bg` -> `button-hero-[status]-hover-right-background-color`
-- `btn-hero-[status]-left-active-bg` -> `button-hero-[status]-active-left-background-color`
-- `btn-hero-[status]-right-active-bg` -> `button-hero-[status]-active-right-background-color`
-- `btn-outline-fg` -> `button-outline-[status]-border-color`
-- `btn-outline-hover-fg` -> `button-outline-[status]-hover-border-color`
-- `btn-outline-focus-fg` -> `button-outline-[status]-focus-border-color`
-
-Removed:
-- `btn-group-bg`
-- `btn-group-fg`
-- `btn-group-separator`
-- `btn-disabled-opacity`
-- `btn-secondary-bg`
-- `btn-secondary-hover-bg`
-- `btn-secondary-active-bg`
-- `btn-secondary-border`
-- `btn-secondary-border-width`
-- `btn-hero-secondary-bevel-color`
-- `btn-hero-secondary-glow-color`
-- `btn-hero-border-radius`
-
-#### Progress:
-
-Renamed:
-- `progress-bar-height-xlg` -> `progress-bar-giant-height`
-- `progress-bar-height-lg` -> `progress-bar-large-height`
-- `progress-bar-height` -> `progress-bar-medium-height`
-- `progress-bar-height-sm` -> `progress-bar-small-height`
-- `progress-bar-height-xs` -> `progress-bar-tiny-height`
-- `progress-bar-font-size-xlg` -> `progress-bar-giant-text-font-size`
-- `progress-bar-font-size-lg` -> `progress-bar-large-text-font-size`
-- `progress-bar-font-size` -> `progress-bar-medium-text-font-size`
-- `progress-bar-font-size-sm` -> `progress-bar-small-text-font-size`
-- `progress-bar-font-size-xs` -> `progress-bar-tiny-text-font-size`
-- `progress-bar-radius` -> `progress-bar-border-radius`
-- `progress-bar-bg` -> `progress-bar-[status]-background-color`
-- `progress-bar-font-color` -> `progress-bar-[status]-background-color`
-- `progress-bar-font-weight` -> `progress-bar-[size]-text-font-weight`
-- `progress-bar-primary-bg` -> `progress-bar-[status]-background-color`
-- `progress-bar-success-bg` -> `progress-bar-[status]-background-color`
-- `progress-bar-info-bg` -> `progress-bar-[status]-background-color`
-- `progress-bar-warning-bg` -> `progress-bar-[status]-background-color`
-- `progress-bar-danger-bg` -> `progress-bar-[status]-background-color`
-
-Removed:
-- `progress-bar-default-bg`
-
-#### Accordion:
-
-Renamed:
-- `accordion-header-font-family` -> `accordion-header-text-font-family`
-- `accordion-header-font-size` -> `accordion-header-text-font-size`
-- `accordion-header-font-weight` -> `accordion-header-text-font-weight`
-- `accordion-header-fg-heading` -> `accordion-header-text-color`
-- `accordion-header-disabled-fg` -> `accordion-header-disabled-text-color`
-- `accordion-header-border-type` -> `accordion-header-border-style`
-- `accordion-item-bg` -> `accordion-item-background-color`
-- `accordion-item-font-size` -> `accordion-item-text-font-size`
-- `accordion-item-font-weight` -> `accordion-item-text-font-weight`
-- `accordion-item-font-family` -> `accordion-item-text-font-family`
-- `accordion-item-fg-text` -> `accordion-item-text-color`
-- `accordion-item-shadow` -> `accordion-shadow`
-
-Removed:
-- `accordion-separator`
-
-#### Calendar:
-
-Renamed:
-- `calendar-header-title-font-size` -> `calendar-header-title-text-font-size`
-- `calendar-header-title-font-weight` -> `calendar-header-title-text-font-weight`
-- `calendar-header-sub-title-font-size` -> `calendar-header-sub-title-text-font-size`
-- `calendar-header-sub-title-font-weight` -> `calendar-header-sub-title-text-font-weight`
-- `calendar-selected-item-bg` -> `calendar-cell-selected-background-color`
-- `calendar-hover-item-bg` -> `calendar-cell-hover-background-color`
-- `calendar-today-item-bg` -> `calendar-cell-today-background-color`
-- `calendar-active-item-bg` -> `calendar-cell-active-background-color`
-- `calendar-fg` -> `calendar-text-color`
-- `calendar-selected-fg` -> `calendar-cell-selected-text-color`
-- `calendar-today-fg` -> `calendar-cell-today-text-color`
-- `calendar-weekday-font-size` -> `calendar-weekday-text-font-size`
-- `calendar-weekday-font-weight` -> `calendar-weekday-text-font-weight`
-- `calendar-weekday-fg` -> `calendar-weekday-text-color`
-- `calendar-weekday-holiday-fg` -> `calendar-weekday-holiday-text-color`
-- `calendar-range-bg-in-range` -> `calendar-in-range-background-color`
-
-Removed:
-- `calendar-inactive-opacity`
-- `calendar-disabled-opacity`
-
-#### Sidebar:
-
-Renamed:
-- `sidebar-fg` -> `sidebar-text-color`
-- `sidebar-bg` -> `sidebar-background-color`
-
-#### Datepicker:
-
-Renamed:
-- `datepicker-fg` -> `datepicker-text-color`
-- `datepicker-bg` -> `datepicker-background-color`
-- `datepicker-border` -> `datepicker-border-color`
-- `datepicker-border-radius` -> `datepicker-border-radius`
-
-#### Layout:
-
-Renamed:
-- `header-font-family` -> `header-text-font-family`
-- `header-font-size` -> `header-text-font-size`
-- `header-line-height` -> `header-text-line-height`
-- `header-fg` -> `header-text-color`
-- `header-bg` -> `header-background-color`
-- `layout-font-family` -> `layout-text-font-family`
-- `layout-font-size` -> `layout-text-font-size`
-- `layout-line-height` -> `layout-text-line-height`
-- `layout-fg` -> `layout-text-color`
-- `layout-bg` -> `layout-background-color`
-- `layout-window-mode-bg` -> `layout-window-mode-background-color`
-- `footer-fg` -> `footer-text-color`
-- `footer-fg-highlight` -> `footer-text-highlight-color`
-- `footer-bg` -> `footer-background-color`
-- `footer-separator` -> `footer-divider-color`
-
-#### Action:
-
-Renamed:
-- `actions-font-size` -> `actions-[size]-text-font-size`
-- `actions-font-family` -> `actions-text-font-family`
-- `actions-line-height` -> `actions-text-line-height`
-- `actions-fg` -> `actions-text-color`
-- `actions-bg` -> `actions-background-color`
-- `actions-separator` -> `actions-divider-color`
-- `actions-padding` -> `actions-[size]-padding`
-- `actions-size-small` -> `actions-small-height`
-- `actions-size-medium` -> `actions-medium-height`
-- `actions-size-large` -> `actions-large-height`
-
-#### Stepper:
-
-Renamed:
-- `stepper-index-size` -> `stepper-step-index-width`
-- `stepper-label-font-size` -> `stepper-step-text-font-size`
-- `stepper-label-font-weight` -> `stepper-step-text-font-weight`
-- `stepper-completed-fg` -> `stepper-step-completed-text-color`
-- `stepper-fg` -> `stepper-step-text-color`
-- `stepper-step-padding` -> `stepper-step-content-padding`
-
-Removed:
-- `stepper-accent-color`
-- `stepper-completed-icon-size`
-- `stepper-completed-icon-weight`
-
-#### Alert:
-
-Renamed:
-- `alert-font-size` -> `alert-text-font-size`
-- `alert-line-height` -> `alert-text-line-height`
-- `alert-font-weight` -> `alert-text-font-weight`
-- `alert-fg` -> `alert-text-color`
-- `alert-bg` -> `alert-background-color`
-- `alert-disabled-bg` -> `alert-disabled-background-color`
-- `alert-disabled-fg` -> `alert-disabled-text-color`
-- `alert-primary-bg` -> `alert-primary-background-color`
-- `alert-info-bg` -> `alert-info-background-color`
-- `alert-success-bg` -> `alert-success-background-color`
-- `alert-warning-bg` -> `alert-warning-background-color`
-- `alert-danger-bg` -> `alert-danger-background-color`
-- `alert-height-xsmall` -> `alert-tiny-height`
-- `alert-height-small` -> `alert-small-height`
-- `alert-height-medium` -> `alert-medium-height`
-- `alert-height-large` -> `alert-medium-padding`
-- `alert-height-xlarge` -> `alert-large-height`
-- `alert-closable-padding` -> `alert-closable-start-padding`
-- `alert-margin` -> `alert-bottom-margin`
-
-Removed:
-- `alert-outline-fg`
-- `alert-active-bg`
-- `alert-height-xxsmall`
-- `alert-height-xxlarge`
-- `alert-button-padding`
-
-#### Badge:
-
-Renamed:
-- `badge-fg-text` -> `badge-[status]-text-color`
-- `badge-primary-bg-color` -> `badge-primary-background-color`
-- `badge-success-bg-color` -> `badge-success-background-color`
-- `badge-info-bg-color` -> `badge-info-background-color`
-- `badge-warning-bg-color` -> `badge-warning-background-color`
-- `badge-danger-bg-color` -> `badge-danger-background-color`
-
-#### Tree-grid:
-
-Renamed:
-- `tree-grid-header-bg` -> `tree-grid-header-background`
-- `tree-grid-footer-bg` -> `tree-grid-footer-background`
-- `tree-grid-row-bg` -> `tree-grid-row-background`
-- `tree-grid-row-bg-even` -> `tree-grid-row-even-background`
-- `tree-grid-row-hover-bg` -> `tree-grid-row-hover-background`
-
-
-Removed:
-- `tree-grid-sort-header-button-font-weight`
-- `tree-grid-sort-header-button-color`
-- `tree-grid-icon-color`
-
-#### Select:
-
-Renamed:
-- `select-border-width` -> `select-[appearance]-border-width`
-- `select-max-height` -> `select-options-list-max-height`
-- `select-bg` -> `select-[appearance]-background-color`
-- `select-option-disabled-bg` -> `select-option-[appearance]-disabled-background-color`
-- `select-option-padding` -> `select-option-[appearance]-[size]-padding`
-
-Removed:
-- `select-checkmark-color`
-- `select-checkbox-color`
-- `select-option-disabled-opacity`
-
-#### Chat:
-
-Removed:
-- `chat-font-size` -> `chat-text-font-size`
-- `chat-fg` -> `chat-text-color`
-- `chat-bg` -> `chat-background-color`
-- `chat-height-xsmall` -> `chat-tiny-height`
-- `chat-height-small` -> `chat-small-height`
-- `chat-height-medium` -> `chat-medium-height`
-- `chat-height-large` -> `chat-large-height`
-- `chat-height-xlarge` -> `chat-giant-height`
-- `chat-separator` -> `chat-divider-color`
-- `chat-message-fg` -> `chat-message-text-color`
-- `chat-message-bg` -> `chat-message-background`
-- `chat-message-reply-bg` -> `chat-message-reply-background-color`
-- `chat-message-reply-fg` -> `chat-message-reply-text-color`
-- `chat-message-avatar-bg` -> `chat-message-avatar-background-color`
-- `chat-message-sender-fg` -> `chat-message-sender-text-color`
-- `chat-message-quote-fg` -> `chat-message-quote-background-color`
-- `chat-message-quote-bg` -> `chat-message-quote-text-color`
-- `chat-message-file-fg` -> `chat-message-file-text-color`
-- `chat-message-file-bg` -> `chat-message-file-background-color`
-- `chat-primary-bg` -> `chat-primary-background-color`
-- `chat-success-bg` -> `chat-success-background-color`
-- `chat-info-bg` -> `chat-info-background-color`
-- `chat-warning-bg` -> `chat-warning-background-color`
-- `chat-danger-bg` -> `chat-danger-background-color`
-
-Removed:
-- `chat-fg-text`
-- `chat-height-xxsmall`
-- `chat-height-xxlarge`
-- `chat-form-bg`
-- `chat-form-fg`
-- `chat-form-border`
-- `chat-form-placeholder-fg`
-- `chat-form-active-border`
-- `chat-disabled-bg`
-- `chat-disabled-fg`
-- `chat-active-bg`
-
-
-#### Toastr:
-
-Renamed:
-- `toastr-bg` -> `toastr-background`
-- `toastr-fg` -> `toastr-text-color`
-- `toastr-border` -> `toastr-border-style`, `toastr-border-width`
-
-`toastr-icon-radius` removed.
-
-#### Search:
-
-Renamed:
-- `search-bg` -> `search-background-color`
-- `search-bg-secondary` -> `search-extra-background-color`
-- `search-text` -> `search-text-color`
-- `search-info` -> `search-info-text-color`
-- `search-dash` -> `search-divider-color`
-- `search-placeholder` -> `search-placeholder-text-color`
-
-Removed:
-- `search-btn-open-fg`
-- `search-btn-close-fg`
-
-#### Menu:
-
-Removed:
-- `menu-font-family` -> `menu-text-font-family`
-- `menu-font-size` -> `menu-text-font-size`
-- `menu-font-weight` -> `menu-text-font-weight`
-- `menu-fg` -> `menu-text-color`
-- `menu-bg` -> `menu-background-color`
-- `menu-active-fg` -> `menu-item-active-text-color`
-- `menu-active-bg` -> `menu-item-active-background-color`
-- `menu-submenu-bg` -> `menu-submenu-background-color`
-- `menu-submenu-fg` -> `menu-submenu-text-color`
-- `menu-submenu-active-fg` -> `menu-submenu-item-active-text-color`
-- `menu-submenu-active-bg` -> `menu-submenu-item-active-background-color`
-- `menu-submenu-active-border-color` -> `menu-submenu-item-active-border-color`
-- `menu-submenu-hover-fg` -> `menu-item-hover-text-color`
-- `menu-submenu-hover-bg` -> `menu-item-hover-background-color`
-- `menu-group-fg` -> `menu-group-text-color`
-- `menu-item-separator` -> `menu-item-divider-color`
-- `menu-icon-font-size` -> `menu-item-icon-width`
-- `menu-icon-margin` -> `menu-item-icon-margin`
-- `menu-icon-color` -> `menu-item-icon-color`
-- `menu-icon-active-color` -> `menu-item-icon-active-color`
-
-
-Removed:
-- `menu-submenu-active-shadow`
-- `menu-active-font-weight`
-- `menu-submenu-item-container-padding`
-- `menu-group-font-weight`
-- `menu-group-font-size`
-- `menu-group-padding`
-
-#### Context menu:
-
-Removed:
-- `context-menu-fg`
-- `context-menu-bg`
-- `context-menu-active-fg`
-- `context-menu-active-bg`
-- `context-menu-arrow-size`
-
-#### Popover:
-
-Renamed:
-- `popover-fg` -> `popover-text-color`
-- `popover-bg` -> `popover-background-color`
-- `popover-border` -> `popover-border-color`
-
-
-
-
-
-# [4.0.0-beta.0](https://github.com/akveo/nebular/compare/v3.4.2...v4.0.0-beta.0) (2019-04-01)
-
-
-### Code Refactoring
-
-* **theme:** remove use of scss functions ([#1256](https://github.com/akveo/nebular/issues/1256)) ([fa8d87f](https://github.com/akveo/nebular/commit/fa8d87f)), closes [#1228](https://github.com/akveo/nebular/issues/1228)
-
-
-### Features
-
-* **icons:** new `nb-icon` component, icons library, and [@nebular](https://github.com/nebular)/eva-icons package ([#1319](https://github.com/akveo/nebular/issues/1319)) ([621f461](https://github.com/akveo/nebular/commit/621f461))
-* **theme:** css variables support ([#1257](https://github.com/akveo/nebular/issues/1257)) ([da136da](https://github.com/akveo/nebular/commit/da136da)), closes [#46](https://github.com/akveo/nebular/issues/46)
-
-
-### BREAKING CHANGES
+* Angular 8+ now required
+* **bootstrap:** Bootstrap checkbox and radio are removed now, use Nebular Checkbox and Nebular Radio with better theming support.
+* **theme:** The following sass mixins are removed: `nb-radial-gradient`, `nb-right-gradient`.
+* **theme:** Theme variables are refactored
+* **themes:** - remove `disabled` status for card
+- auth now uses `giant` size buttons and inputs
+* **themes:** - `nb-theme` function now throws an error if an unused variable is accessed
+- custom auth variables are removed and replaced with @nebular/theme variables
+- `nb-install` function moved into `@nebular/theme/styles/theming`
+- auth components now use `nb-icon` instead of icon css class
+- everything not mentioned in packages `public_api.ts` now private so direct imports from `@nebular/theme/*` will stop working.
+- [Properties changed in Nebular 4.0.0](https://github.com/akveo/nebular/tree/master/src/framework/theme/350-400-properties-changes.md)
+- [Theme variables change in Nebular 4.0.0](https://github.com/akveo/nebular/tree/master/src/framework/theme/350-400-theme-variables-changes.md)
+- [Components variables changes in Nebular 4.0.0](https://github.com/akveo/nebular/tree/master/src/framework/theme/350-400-component-variables-changes.md)
* **icons:** Starting from version 4.0, Nebular introduces new `nb-icon` component and `NbIconLibraries` service to host SVG and Font icon packs. As a breaking change, Nebular moves from `nebular-icons` package to much more popular [Eva Icons pack](https://akveo.github.io/eva-icons/) consisting of 480+ beautiful SVG icons. We believe this will bring more quality and variety to interfaces based on Nebular.
@@ -1074,14 +186,14 @@ Please open an issue if you have any questions or having difficulties to migrate
- tabs - remove gradient for tab bottom separator in cosmic theme
- toastr - use `background-color` instead of the gradient in cosmic theme
- text colors are now used from success/primary/warning/etc colors
-- add color palette instead of generating colors using scss-functions, an example for `primary`
-`color-primary-200`
-`color-primary-300`
-`color-primary-400`
-`color-primary-600`
-`color-primary-700`
-
-`create-colors-palette()` scss function that can be used during the theme installation process to generate palette automatically
+
+### Code Refactoring
+
+* **themes:** make map processing lazy, add variable existence check ([#1471](https://github.com/akveo/nebular/issues/1471)) ([48d8f03](https://github.com/akveo/nebular/commit/48d8f03))
+* **tabset:** remove shadow ([#1461](https://github.com/akveo/nebular/issues/1461)) ([2c11768](https://github.com/akveo/nebular/commit/2c11768))
+* **datepicker:** remove primary border ([#1466](https://github.com/akveo/nebular/issues/1466)) ([f722a48](https://github.com/akveo/nebular/commit/f722a48))
+* **overlay:** use full css property name ([#1403](https://github.com/akveo/nebular/issues/1403)) ([4133058](https://github.com/akveo/nebular/commit/4133058))
+* **theme:** remove use of scss functions ([#1256](https://github.com/akveo/nebular/issues/1256)) ([fa8d87f](https://github.com/akveo/nebular/commit/fa8d87f)), closes [#1228](https://github.com/akveo/nebular/issues/1228)
diff --git a/package-lock.json b/package-lock.json
index db3508553b..9c91a8ce19 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "nebular",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/package.json b/package.json
index 52e33ff22b..22f3001201 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "nebular",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"license": "MIT",
"author": "akveo ",
"private": true,
diff --git a/packages-smoke/package-lock.json b/packages-smoke/package-lock.json
index d27a520c98..3a90c533ef 100644
--- a/packages-smoke/package-lock.json
+++ b/packages-smoke/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "packages-smoke",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/packages-smoke/package.json b/packages-smoke/package.json
index 3e5f1137cc..0449a91495 100644
--- a/packages-smoke/package.json
+++ b/packages-smoke/package.json
@@ -1,6 +1,6 @@
{
"name": "packages-smoke",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
diff --git a/src/framework/auth/package.json b/src/framework/auth/package.json
index e4e0bd046e..98c0cc0f90 100644
--- a/src/framework/auth/package.json
+++ b/src/framework/auth/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/auth",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/auth",
"author": "akveo",
"license": "MIT",
@@ -28,7 +28,7 @@
"@angular/core": "^8.0.0",
"@angular/router": "^8.0.0",
"@angular/forms": "^8.0.0",
- "@nebular/theme": "4.0.0-rc.8",
+ "@nebular/theme": "4.0.0",
"rxjs": "^6.5.1"
},
"sideEffects": false
diff --git a/src/framework/bootstrap/package.json b/src/framework/bootstrap/package.json
index 5a994fe29e..fbd56f8f6e 100644
--- a/src/framework/bootstrap/package.json
+++ b/src/framework/bootstrap/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/bootstrap",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/bootstrap",
"author": "akveo",
"license": "MIT",
@@ -22,6 +22,6 @@
],
"peerDependencies": {
"bootstrap": "^4.0.0",
- "@nebular/theme": "4.0.0-rc.8"
+ "@nebular/theme": "4.0.0"
}
}
diff --git a/src/framework/date-fns/package.json b/src/framework/date-fns/package.json
index 6b89b1718a..a0314d5380 100644
--- a/src/framework/date-fns/package.json
+++ b/src/framework/date-fns/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/date-fns",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/date-fns",
"author": "akveo",
"license": "MIT",
@@ -21,7 +21,7 @@
"nebular"
],
"peerDependencies": {
- "@nebular/theme": "4.0.0-rc.8",
+ "@nebular/theme": "4.0.0",
"date-fns": ">=2.0.0-alpha.16 <=2.0.0-alpha.27"
},
"sideEffects": false
diff --git a/src/framework/eva-icons/package.json b/src/framework/eva-icons/package.json
index 81b7eb5d8c..ebbfe7c83f 100644
--- a/src/framework/eva-icons/package.json
+++ b/src/framework/eva-icons/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/eva-icons",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/eva-icons",
"author": "akveo",
"license": "MIT",
@@ -23,7 +23,7 @@
"eva-icons"
],
"peerDependencies": {
- "@nebular/theme": "4.0.0-rc.8",
+ "@nebular/theme": "4.0.0",
"eva-icons": "^1.1.1"
},
"sideEffects": false
diff --git a/src/framework/moment/package.json b/src/framework/moment/package.json
index e20c45a096..cee1e1feaa 100644
--- a/src/framework/moment/package.json
+++ b/src/framework/moment/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/moment",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/moment",
"author": "akveo",
"license": "MIT",
@@ -21,7 +21,7 @@
"nebular"
],
"peerDependencies": {
- "@nebular/theme": "4.0.0-rc.8",
+ "@nebular/theme": "4.0.0",
"moment": "^2.22.2"
},
"sideEffects": false
diff --git a/src/framework/security/package.json b/src/framework/security/package.json
index cd10091822..1e1b08d565 100644
--- a/src/framework/security/package.json
+++ b/src/framework/security/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/security",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/security",
"author": "akveo",
"license": "MIT",
diff --git a/src/framework/theme/package.json b/src/framework/theme/package.json
index b6003fbe6d..971c18284e 100644
--- a/src/framework/theme/package.json
+++ b/src/framework/theme/package.json
@@ -1,6 +1,6 @@
{
"name": "@nebular/theme",
- "version": "4.0.0-rc.8",
+ "version": "4.0.0",
"description": "@nebular/theme",
"author": "akveo",
"license": "MIT",