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",