fix(components/theme): update style mixins to support angular 18.2.8 (#…

…2819)
blackbaud · Oct 10, 2024 · 2ed12cd · 2ed12cd
1 parent 6ec100e
commit 2ed12cd
Show file tree

Hide file tree

Showing 64 changed files with 1,166 additions and 1,122 deletions.
diff --git a/libs/components/a11y/package.json b/libs/components/a11y/package.json
@@ -16,8 +16,8 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER"
  },

diff --git a/libs/components/action-bars/package.json b/libs/components/action-bars/package.json
@@ -16,10 +16,10 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/animations": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/animations": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/ag-grid/package.json b/libs/components/ag-grid/package.json
@@ -21,9 +21,9 @@
  }
  },
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
  "@skyux/autonumeric": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/data-manager": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/angular-tree-component/package.json b/libs/components/angular-tree-component/package.json
@@ -16,8 +16,8 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@blackbaud/angular-tree-component": "^1.0.0",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/animations/package.json b/libs/components/animations/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5"
+ "@angular/animations": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8"
  },
  "dependencies": {
  "tslib": "^2.6.3"

diff --git a/libs/components/assets/package.json b/libs/components/assets/package.json
@@ -16,8 +16,8 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5"
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8"
  },
  "dependencies": {
  "tslib": "^2.6.3"

diff --git a/libs/components/autonumeric/package.json b/libs/components/autonumeric/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
  "autonumeric": "^4.10.5"
  },
  "dependencies": {

diff --git a/libs/components/avatar/package.json b/libs/components/avatar/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/errors": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/colorpicker/package.json b/libs/components/colorpicker/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/config/package.json b/libs/components/config/package.json
@@ -16,8 +16,8 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5"
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8"
  },
  "dependencies": {
  "tslib": "^2.6.3"

diff --git a/libs/components/core/package.json b/libs/components/core/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
- "@angular/router": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
+ "@angular/router": "^18.2.8",
  "@skyux/i18n": "0.0.0-PLACEHOLDER"
  },
  "dependencies": {

diff --git a/libs/components/data-manager/package.json b/libs/components/data-manager/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/datetime/package.json b/libs/components/datetime/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/errors/package.json b/libs/components/errors/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/flyout/package.json b/libs/components/flyout/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/router": "^18.2.5",
+ "@angular/animations": "^18.2.8",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/router": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER",
  "@skyux/icon": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/forms/package.json b/libs/components/forms/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/help-inline": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/grids/package.json b/libs/components/grids/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",
  "@skyux/help-inline": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/help-inline/package.json b/libs/components/help-inline/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER",
  "@skyux/icon": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/help-inline/src/lib/modules/help-inline/help-inline.modern.component.scss b/libs/components/help-inline/src/lib/modules/help-inline/help-inline.modern.component.scss
@@ -39,11 +39,11 @@
  display: none;
 }
 
-@include mixins.sky-component('modern', '.sky-help-inline-popover-text') {
- overflow-wrap: break-word;
- margin: 0;
-}
-
 @include mixins.sky-component('modern', 'sky-icon-stack') {
  display: inline-flex;
 }
+
+::ng-deep .sky-theme-modern .sky-help-inline-popover-text {
+ overflow-wrap: break-word;
+ margin: 0;
+}
diff --git a/libs/components/i18n/package.json b/libs/components/i18n/package.json
@@ -20,9 +20,9 @@
  "save": "dependencies"
  },
  "peerDependencies": {
- "@angular/cli": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/cli": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@skyux/assets": "0.0.0-PLACEHOLDER"
  },
  "dependencies": {

diff --git a/libs/components/icon/package.json b/libs/components/icon/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/theme": "0.0.0-PLACEHOLDER"
  },

diff --git a/libs/components/icon/testing/project.json b/libs/components/icon/testing/project.json
@@ -5,7 +5,7 @@
  "sourceRoot": "libs/components/icon/testing/src",
  "prefix": "sky",
  "tags": ["testing"],
- "implicitDependencies": ["core-testing", "theme"],
+ "implicitDependencies": ["core-testing", "icon", "theme"],
  "targets": {
  "build": {
  "command": "echo ' 🏗️ build icon-testing'",

diff --git a/libs/components/indicators/package.json b/libs/components/indicators/package.json
@@ -16,11 +16,11 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
+ "@angular/animations": "^18.2.8",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/help-inline": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/indicators/src/lib/modules/label/label.component.scss b/libs/components/indicators/src/lib/modules/label/label.component.scss
@@ -46,7 +46,7 @@
  }
 }
 
-@include compatMixins.sky-modern-overrides('.sky-label', true) {
+@include compatMixins.sky-modern-overrides('.sky-label', true, true) {
  --sky-override-label-icon-default-display: none;
 }
 

diff --git a/libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.scss b/libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.scss
@@ -17,7 +17,11 @@
  );
 }
 
-@include compatMixins.sky-modern-overrides('.sky-status-indicator', true) {
+@include compatMixins.sky-modern-overrides(
+ '.sky-status-indicator',
+ true,
+ true
+) {
  --sky-override-status-indicator-icon-default-display: none;
 }
 

diff --git a/libs/components/inline-form/package.json b/libs/components/inline-form/package.json
@@ -16,9 +16,9 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
+ "@angular/animations": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/i18n": "0.0.0-PLACEHOLDER"
  },

diff --git a/libs/components/layout/package.json b/libs/components/layout/package.json
@@ -16,13 +16,13 @@
  },
  "homepage": "https://github.com/blackbaud/skyux#readme",
  "peerDependencies": {
- "@angular/animations": "^18.2.5",
- "@angular/cdk": "^18.2.4",
- "@angular/common": "^18.2.5",
- "@angular/core": "^18.2.5",
- "@angular/forms": "^18.2.5",
- "@angular/platform-browser": "^18.2.5",
- "@angular/router": "^18.2.5",
+ "@angular/animations": "^18.2.8",
+ "@angular/cdk": "^18.2.8",
+ "@angular/common": "^18.2.8",
+ "@angular/core": "^18.2.8",
+ "@angular/forms": "^18.2.8",
+ "@angular/platform-browser": "^18.2.8",
+ "@angular/router": "^18.2.8",
  "@skyux-sdk/testing": "0.0.0-PLACEHOLDER",
  "@skyux/core": "0.0.0-PLACEHOLDER",
  "@skyux/forms": "0.0.0-PLACEHOLDER",

diff --git a/libs/components/layout/src/lib/modules/box/box-header.component.scss b/libs/components/layout/src/lib/modules/box/box-header.component.scss
@@ -4,7 +4,7 @@
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
 }
 
-@include compatMixins.sky-modern-overrides('sky-box') {
+@include compatMixins.sky-modern-overrides('sky-box', false) {
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
 }
 

diff --git a/libs/components/layout/src/lib/modules/box/box.component.scss b/libs/components/layout/src/lib/modules/box/box.component.scss
@@ -8,7 +8,7 @@
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
 }
 
-@include compatMixins.sky-modern-overrides('sky-box') {
+@include compatMixins.sky-modern-overrides('sky-box', false) {
  --sky-override-box-header-padding-right: var(--sky-margin-inline-xl);
 }