merge with master

akveo · Oct 31, 2019 · 15d262a · 15d262a
2 parents 385547b + b0a7f23
commit 15d262a
Show file tree

Hide file tree

Showing 130 changed files with 3,323 additions and 1,453 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -19,7 +19,7 @@
 
     "unit-case": "lower",
     "unit-no-unknown": true,
-    "unit-whitelist": ["px", "%", "deg", "ms", "em", "vh", "vw", "s", "rem"],
+    "unit-whitelist": ["px", "%", "deg", "ms", "em", "vh", "vw", "vmax", "s", "rem"],
 
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,33 @@
+<a name="4.5.0"></a>
+# [4.5.0](https://github.com/akveo/nebular/compare/v4.4.0...v4.5.0) (2019-10-31)
+
+Highlights
+
+Nebular 4.5 introduces a new basic and control component statuses.
+Please note, some theme properties were changed. If you use Nebular Theming or have custom themes, check out [updated variables list](https://github.com/akveo/nebular/pull/2047).
+
+
+
+### Bug Fixes
+
+* **actions:** icon button alignment ([#1895](https://github.com/akveo/nebular/issues/1895)) ([04d7e33](https://github.com/akveo/nebular/commit/04d7e33))
+* **datepicker:** check trigger strategy is defined before destroying ([#2011](https://github.com/akveo/nebular/issues/2011)) ([a678e60](https://github.com/akveo/nebular/commit/a678e60))
+* scroll bar theming ([#1890](https://github.com/akveo/nebular/issues/1890)) ([e6b19a5](https://github.com/akveo/nebular/commit/e6b19a5))
+* **datepicker, radio:** always call touched callback ([#2026](https://github.com/akveo/nebular/issues/2026)) ([d3a8e44](https://github.com/akveo/nebular/commit/d3a8e44))
+* **icon:** fix NULL content render in MS Edge ([#2043](https://github.com/akveo/nebular/issues/2043)) ([f37223a](https://github.com/akveo/nebular/commit/f37223a))
+* **list:** vertically center list item content ([#1894](https://github.com/akveo/nebular/issues/1894)) ([7a179bc](https://github.com/akveo/nebular/commit/7a179bc))
+* **popover, tooltip:** convert falsy values for adjustments to noop ([#1905](https://github.com/akveo/nebular/issues/1905)) ([3ec69e7](https://github.com/akveo/nebular/commit/3ec69e7))
+* **sidebar:** emit expand event when expanded because of menu c… ([#1897](https://github.com/akveo/nebular/issues/1897)) ([a07487d](https://github.com/akveo/nebular/commit/a07487d))
+* **toastr:** dispose no longer used overlay container ([#1873](https://github.com/akveo/nebular/issues/1873)) ([4114ad1](https://github.com/akveo/nebular/commit/4114ad1))
+* **tooltip:** add angular positions classes ([#2048](https://github.com/akveo/nebular/issues/2048)) ([a15c81d](https://github.com/akveo/nebular/commit/a15c81d))
+
+
+### Features
+
+* add basic and control statuses ([#2047](https://github.com/akveo/nebular/issues/2047)) ([884dd66](https://github.com/akveo/nebular/commit/884dd66))
+
+
+
 <a name="4.4.0"></a>
 # [4.4.0](https://github.com/akveo/nebular/compare/v4.3.1...v4.4.0) (2019-10-07)
 

diff --git a/docs/versions.json b/docs/versions.json
@@ -1,7 +1,7 @@
 [
   {
-    "checkoutTarget": "v4.4.0",
-    "name": "4.4.0",
+    "checkoutTarget": "v4.5.0",
+    "name": "4.5.0",
     "path": "/nebular/",
     "isCurrent": true
   },

diff --git a/e2e/layout-theme.e2e-spec.ts b/e2e/layout-theme.e2e-spec.ts
@@ -57,7 +57,7 @@ describe('nb-layout theme', () => {
       expect(value).toEqual(themeDefault);
     });
     cardHeader.getCssValue('color').then(value => {
-      expect(value).toEqual('rgba(25, 32, 56, 1)');
+      expect(value).toEqual('rgba(34, 43, 69, 1)');
     });
     cardHeader.getCssValue('text-decoration').then(value => {
       expect(value).toMatch('none');

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nebular",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "license": "MIT",
   "author": "akveo <contact@akveo.com>",
   "private": true,
@@ -53,7 +53,7 @@
     "clean:tmp": "rimraf .ng_build .ng_compiled tsconfig-custom.publish.json tsconfig.build*",
     "clean:lib": "rimraf src/.lib",
     "clean:all": "npm-run-all -p clean:tmp clean:lib",
-    "ci:lint": "npm run lint && npm run lint:styles",
+    "ci:lint": "npm-run-all -p lint lint:styles",
     "ci:docs": "npm run docs:build",
     "ci:dev-deploy": "npm run firebase use dev && npm run firebase deploy",
     "ci:build": "npm-run-all -s build:prod build:package build:wp",

diff --git a/packages-smoke/package-lock.json b/packages-smoke/package-lock.json
diff --git a/packages-smoke/package.json b/packages-smoke/package.json
@@ -1,6 +1,6 @@
 {
   "name": "packages-smoke",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

diff --git a/src/app/components-list/components-overlay.component.scss b/src/app/components-list/components-overlay.component.scss
@@ -6,7 +6,7 @@
   left: 0;
   width: 100vw;
   height: 100vh;
-  z-index: 9999;
+  z-index: 99999;
   overflow-y: auto;
   padding: 2rem;
 }
diff --git a/src/framework/auth/package.json b/src/framework/auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/auth",
-  "version": "4.4.0",
+  "version": "4.5.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.4.0",
+    "@nebular/theme": "4.5.0",
     "rxjs": "^6.5.1"
   },
   "sideEffects": false

diff --git a/src/framework/bootstrap/package.json b/src/framework/bootstrap/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/bootstrap",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "@nebular/bootstrap",
   "author": "akveo",
   "license": "MIT",
@@ -22,6 +22,6 @@
   ],
   "peerDependencies": {
     "bootstrap": "^4.0.0",
-    "@nebular/theme": "4.4.0"
+    "@nebular/theme": "4.5.0"
   }
 }
diff --git a/src/framework/bootstrap/styles/_button-group.scss b/src/framework/bootstrap/styles/_button-group.scss
@@ -251,7 +251,7 @@
         color: nb-theme(button-filled-#{$status}-text-color);
       }
       .btn-outline-#{$status} {
-        background-color: nb-theme(button-outline-background-color);
+        background-color: nb-theme(button-outline-#{$status}-background-color);
         border-color: nb-theme(button-outline-#{$status}-border-color);
         color: nb-theme(button-outline-#{$status}-text-color);
       }

diff --git a/src/framework/bootstrap/styles/_buttons.scss b/src/framework/bootstrap/styles/_buttons.scss
@@ -18,7 +18,7 @@
     font-weight: nb-theme(button-text-font-weight);
 
     &:focus {
-      box-shadow: 0 0 0 nb-theme(button-outline-width) nb-theme(button-outline-color);
+      @include nb-outline(nb-theme(button-outline-width), nb-theme(button-outline-color));
       outline: none;
     }
 

diff --git a/src/framework/bootstrap/styles/_dropdowns.scss b/src/framework/bootstrap/styles/_dropdowns.scss
@@ -19,7 +19,7 @@
     background-color: nb-theme(select-option-background-color);
     color: nb-theme(select-option-text-color);
     font-family: nb-theme(select-text-font-family);
-    font-weight: nb-theme(select-text-font-weight);
+    font-weight: nb-theme(select-medium-text-font-weight);
     font-size: nb-theme(select-medium-text-font-size);
     line-height: nb-theme(select-medium-text-line-height);
 

diff --git a/src/framework/bootstrap/styles/_forms.scss b/src/framework/bootstrap/styles/_forms.scss
@@ -10,36 +10,36 @@
 @mixin nb-b-forms-theme() {
 
   .form-control {
-    background-color: nb-theme(input-background-color);
-    border-color: nb-theme(input-border-color);
+    background-color: nb-theme(input-basic-background-color);
+    border-color: nb-theme(input-basic-border-color);
     border-style: nb-theme(input-border-style);
     border-width: nb-theme(input-border-width);
-    color: nb-theme(input-text-color);
+    color: nb-theme(input-basic-text-color);
     font-family: nb-theme(input-text-font-family);
     @include nb-component-animation(border, background-color, color);
 
     &::placeholder {
-      color: nb-theme(input-placeholder-text-color);
+      color: nb-theme(input-basic-placeholder-text-color);
       font-family: nb-theme(input-placeholder-text-font-family);
       text-overflow: ellipsis;
     }
 
     &:focus {
       outline: none;
-      border-color: nb-theme(input-focus-border-color);
+      border-color: nb-theme(input-basic-focus-border-color);
     }
 
     &:hover {
-      border-color: nb-theme(input-hover-border-color);
+      border-color: nb-theme(input-basic-hover-border-color);
     }
 
     &:disabled {
-      background-color: nb-theme(input-disabled-background-color);
-      border-color: nb-theme(input-disabled-border-color);
-      color: nb-theme(input-disabled-text-color);
+      background-color: nb-theme(input-basic-disabled-background-color);
+      border-color: nb-theme(input-basic-disabled-border-color);
+      color: nb-theme(input-basic-disabled-text-color);
 
       &::placeholder {
-        color: nb-theme(input-disabled-placeholder-text-color);
+        color: nb-theme(input-basic-disabled-placeholder-text-color);
       }
     }
 

diff --git a/src/framework/bootstrap/styles/_outline-buttons.scss b/src/framework/bootstrap/styles/_outline-buttons.scss
@@ -7,33 +7,33 @@
 @import 'status-buttons';
 
 @mixin b-btn-outline($status) {
-  background-color: nb-theme(button-outline-background-color);
+  background-color: nb-theme(button-outline-#{$status}-background-color);
   border-style: nb-theme(button-outline-border-style);
   border-width: nb-theme(button-outline-border-width);
   text-transform: nb-theme(button-outline-text-transform);
   border-color: nb-theme(button-outline-#{$status}-border-color);
   color: nb-theme(button-outline-#{$status}-text-color);
 
   &:focus {
-    background-color: nb-theme(button-outline-background-color);
+    background-color: nb-theme(button-outline-#{$status}-background-color);
     border-color: nb-theme(button-outline-#{$status}-focus-border-color);
     color: nb-theme(button-outline-#{$status}-focus-text-color);
   }
 
   &:hover {
-    background-color: nb-theme(button-outline-background-color);
+    background-color: nb-theme(button-outline-#{$status}-background-color);
     border-color: nb-theme(button-outline-#{$status}-hover-border-color);
     color: nb-theme(button-outline-#{$status}-hover-text-color);
   }
 
   &:active {
-    background-color: nb-theme(button-outline-background-color);
+    background-color: nb-theme(button-outline-#{$status}-background-color);
     border-color: nb-theme(button-outline-#{$status}-active-border-color);
     color: nb-theme(button-outline-#{$status}-active-text-color);
   }
 
   &[disabled] {
-    background-color: nb-theme(button-outline-background-color);
+    background-color: nb-theme(button-outline-#{$status}-disabled-background-color);
     border-color: nb-theme(button-outline-#{$status}-disabled-border-color);
     color: nb-theme(button-outline-#{$status}-disabled-text-color);
   }

diff --git a/src/framework/date-fns/package.json b/src/framework/date-fns/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/date-fns",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "@nebular/date-fns",
   "author": "akveo",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "nebular"
   ],
   "peerDependencies": {
-    "@nebular/theme": "4.4.0",
+    "@nebular/theme": "4.5.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
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/eva-icons",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "@nebular/eva-icons",
   "author": "akveo",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "eva-icons"
   ],
   "peerDependencies": {
-    "@nebular/theme": "4.4.0",
+    "@nebular/theme": "4.5.0",
     "eva-icons": "^1.1.2"
   },
   "sideEffects": false

diff --git a/src/framework/moment/package.json b/src/framework/moment/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/moment",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "@nebular/moment",
   "author": "akveo",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "nebular"
   ],
   "peerDependencies": {
-    "@nebular/theme": "4.4.0",
+    "@nebular/theme": "4.5.0",
     "moment": "^2.22.2"
   },
   "sideEffects": false

diff --git a/src/framework/security/package.json b/src/framework/security/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nebular/security",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "@nebular/security",
   "author": "akveo",
   "license": "MIT",

diff --git a/src/framework/theme/components/alert/_alert.component.theme.scss b/src/framework/theme/components/alert/_alert.component.theme.scss
@@ -4,22 +4,10 @@
  * Licensed under the MIT License. See License.txt in the project root for license information.
  */
 
-@mixin nb-alert-header() {
-  padding: nb-theme(alert-padding);
-  border-bottom: 1px solid nb-theme(alert-separator);
-  border-top-left-radius: nb-theme(alert-border-radius);
-  border-top-right-radius: nb-theme(alert-border-radius);
-  color: nb-theme(alert-fg-heading);
-
-  @include nb-headings();
-}
-
 @mixin nb-alert-theme() {
   nb-alert {
-    background-color: nb-theme(alert-background-color);
     border-radius: nb-theme(alert-border-radius);
     box-shadow: nb-theme(alert-shadow);
-    color: nb-theme(alert-text-color);
     font-family: nb-theme(alert-text-font-family);
     font-size: nb-theme(alert-text-font-size);
     font-weight: nb-theme(alert-text-font-weight);