Merge branch 'main' of https://github.com/blackbaud/skyux into modern-modal-close-button-2

Author: Blackbaud-TrevorBurch

.github/actions/e2e-affected/action.yml

@@ -35,19 +35,26 @@ runs:
       uses: actions/github-script@v8
       with:
         script: |
-          if ('${{ inputs.percy-token }}'.trim() === '') {
+          const percyToken = ${{ toJson(inputs.percy-token) }};
+          const project = ${{ toJson(inputs.project) }};
+          const branch = ${{ toJson(inputs.branch) }};
+          const base = ${{ toJson(inputs.base) }};
+          const head = ${{ toJson(inputs.head) }};
+          const allowDeletedScreenshots = ${{ toJson(inputs.allow-deleted-screenshots) }};
+
+          if (percyToken.trim() === '') {
             core.warning(`
-              The secret PERCY_TOKEN_${'${{ inputs.project }}'.toUpperCase()} is not set. Unabled to check for previous run.
+              The secret PERCY_TOKEN_${project.toUpperCase()} is not set. Unabled to check for previous run.
 
-              Generate a project token at https://percy.io/82a32315/web/skyux-${{ inputs.project }}/settings and add it to https://github.com/${{ github.repository }}/settings/secrets/actions\n`);
+              Generate a project token at https://percy.io/82a32315/web/skyux-${project}/settings and add it to https://github.com/${{ github.repository }}/settings/secrets/actions\n`);
             core.setOutput('affected', 'true');
             process.exit(0);
           }
 
           const options = {
             method: 'GET',
             headers: {
-              Authorization: 'Token ${{ inputs.percy-token }}'
+              Authorization: `Token ${percyToken}`
             }
           };
 
@@ -56,30 +63,30 @@ runs:
             owner: context.repo.owner,
             repo: context.repo.repo,
             workflow_id: 'e2e.yml',
-            branch: '${{ inputs.branch }}',
+            branch,
             status: 'completed',
           })
             .then(({data}) => data.workflow_runs.map(run => run.head_sha).filter(Boolean))
             .catch(() => []);
 
           // Getting 500 commits to the base branch, looking for one where this e2e test was affected and run.
-          const targetBranchCommits = await exec.getExecOutput('git', ['log', '--format=%H', '-500', '${{ inputs.base }}'])
+          const targetBranchCommits = await exec.getExecOutput('git', ['log', '--format=%H', '-500', base])
             .then(({stdout}) => stdout.trim().split('\n'))
             .catch(() => []);
 
           const { getLastGoodPercyBuild, getPercyTargetCommit } = require('./dist/libs/sdk/e2e-schematics/src/workflow');
           const targetCommit = await getPercyTargetCommit(
-            'skyux-${{ inputs.project }}',
+            `skyux-${project}`,
             targetBranchCommits,
             core,
             (url) => fetch(url, options)
           )
             .catch(() => '');
           core.setOutput('percy_target_commit', targetCommit);
           const { lastGoodCommit, buildId } = await getLastGoodPercyBuild(
-            'skyux-${{ inputs.project }}',
+            `skyux-${project}`,
             prBranchCommitsBuilt,
-            '${{ inputs.allow-deleted-screenshots }}' !== 'false',
+            allowDeletedScreenshots !== 'false',
             core,
             (url) => fetch(url, options)
           );
@@ -90,9 +97,9 @@ runs:
             process.exit(0);
           }
 
-          if (lastGoodCommit === '${{ inputs.head }}') {
+          if (lastGoodCommit === head) {
             const fs = require('fs');
-            fs.writeFileSync(`${{ runner.temp }}/percy-build-${{ inputs.project }}.txt`, String(buildId));
+            fs.writeFileSync(`${{ runner.temp }}/percy-build-${project}.txt`, String(buildId));
             core.info(`The build for ${lastGoodCommit.substring(0, 7)} already passed.`);
             core.setOutput('affected', 'false');
             process.exit(0);
@@ -103,12 +110,12 @@ runs:
             'show',
             'projects',
             `--base=${lastGoodCommit}`,
-            '--head=${{ inputs.head }}',
+            `--head=${head}`,
             '--withTarget=e2e',
             '--affected',
             '--json'
-          ]).then(({stdout}) => JSON.parse(stdout)).catch(() => ['${{ inputs.project }}']);
-          const projectAffected = affectedProjects.includes('${{ inputs.project }}');
+          ]).then(({stdout}) => JSON.parse(stdout)).catch(() => [project]);
+          const projectAffected = affectedProjects.includes(project);
           if (projectAffected) {
             core.info(`E2E tests affected`);
             core.setOutput('affected', 'true');

.github/actions/nx-set-shas/action.yml

@@ -42,12 +42,13 @@ runs:
       uses: actions/github-script@v8
       with:
         script: |
+          const baseBranch = ${{ toJson(steps.read-default-base.outputs.main-branch-name) }};
           // Find the last workflow run that intersects with commits to this PR.
           const pullRequests = await github.rest.pulls.list({
             owner: context.repo.owner,
             repo: context.repo.repo,
             state: 'open',
-            base: '${{ steps.read-default-base.outputs.main-branch-name }}',
+            base: baseBranch,
             head: `${context.repo.owner}:${process.env.GITHUB_REF_NAME}`
           });
           if (pullRequests.data.length > 0) {
@@ -64,8 +65,11 @@ runs:
       shell: bash
       run: |
         echo "Base SHA"
-        echo ${{ steps.nx-set-shas.outputs.base }}
+        echo "$BASE_SHA"
         echo ""
         echo "Head SHA"
-        echo ${{ steps.nx-set-shas.outputs.head }}
+        echo "$HEAD_SHA"
         echo ""
+      env:
+        BASE_SHA: ${{ steps.nx-set-shas.outputs.base }}
+        HEAD_SHA: ${{ steps.nx-set-shas.outputs.head }}

.github/workflows/cherry-pick.yml

@@ -98,6 +98,7 @@ jobs:
             exit 0
           fi
 
+          echo "package_version=$(git cat-file --textconv origin/${{ env.FROM_BRANCH }}:package.json | jq -r .version)" >> $GITHUB_OUTPUT
           echo "commit_message=$(git log -1 --pretty=%s)" >> $GITHUB_OUTPUT
         env:
           GH_TOKEN: ${{ secrets.GH_PERSONAL_ACCESS_TOKEN }}
@@ -127,9 +128,9 @@ jobs:
               core.exportVariable('CHERRY_PICK_RESULT', 'success');
               const labels = pr.labels.map(label => label.name).filter(label => label.startsWith('risk level') || label === 'skip e2e');
               const assignees = pr.user.login && pr.user.type === 'User' && pr.user.login !== 'blackbaud-sky-build-user' ? [pr.user.login] : [];
-              if (labels.length === 0 && pr.labels.find(label => label.name.startsWith('autorelease'))) {
+              if (labels.length === 0 && pr.title === 'chore: release ' + ${{ toJson(steps.cherry-pick.outputs.package_version) }}) {
                 // Changelog PR, so add minimal risk level labels.
-                labels.push('risk level (author): 1');
+                labels.push('risk level (author): 1', 'skip e2e');
               }
               return github.rest.issues.update({
                 owner: context.repo.owner,

.github/workflows/e2e-check.yml

@@ -10,7 +10,7 @@ jobs:
     steps:
       - uses: actions/github-script@v8
         with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
+          github-token: ${{ secrets.GH_PERSONAL_ACCESS_TOKEN }}
           script: |
             const sha = (context.payload && context.payload.commit && context.payload.commit.sha) || (context.payload && context.payload.after);
             if (!sha) {

.github/workflows/e2e.yml

@@ -84,16 +84,20 @@ jobs:
           set -exo pipefail
           if [ "${GITHUB_EVENT_NAME}" == "workflow_dispatch" ]; then
             echo -n parameters= >> $GITHUB_OUTPUT
-            npx skyux-dev e2e-workflow --workflowTrigger=pull_request --pr=${{ steps.set-shas.outputs.pr-number }} >> $GITHUB_OUTPUT
+            npx skyux-dev e2e-workflow --workflowTrigger=pull_request --pr="$PR_NUMBER" >> $GITHUB_OUTPUT
           else
             echo -n parameters= >> $GITHUB_OUTPUT
-            npx skyux-dev e2e-workflow --pr=${{ steps.set-shas.outputs.pr-number }} >> $GITHUB_OUTPUT
+            npx skyux-dev e2e-workflow --pr="$PR_NUMBER" >> $GITHUB_OUTPUT
           fi
+        env:
+          PR_NUMBER: ${{ steps.set-shas.outputs.pr-number }}
       - name: Show workflow parameters
         run: |
           echo 'Using workflow parameters:'
           echo ''
-          echo '${{ steps.parameters.outputs.parameters }}' | jq
+          echo "$PARAMETERS" | jq
+        env:
+          PARAMETERS: ${{ steps.parameters.outputs.parameters }}
       - name: Cache e2e-schematics
         uses: actions/cache@v4
         id: cache-e2e-schematics

CHANGELOG.md

@@ -1,6 +1,55 @@
 # Changelog
 
 
+## [14.0.0-alpha.8](https://github.com/blackbaud/skyux/compare/14.0.0-alpha.7...14.0.0-alpha.8) (2026-03-12)
+
+
+### ⚠ BREAKING CHANGES
+
+* **components/split-view:** replace `@angular/animations` with CSS transitions (#4284)
+
+### Features
+
+* **components/data-manager:** filter button and modal options now deprecated ([#4277](https://github.com/blackbaud/skyux/issues/4277)) ([e630769](https://github.com/blackbaud/skyux/commit/e6307699ca42d6e8c4bc559498e9a1b05fa34ea0)), closes [AB#3611499](https://dev.azure.com/blackbaud/Products/_workitems/edit/3611499)
+* **components/indicators:** add `getNames()` method to illustration resolver service ([#4289](https://github.com/blackbaud/skyux/issues/4289)) ([#4294](https://github.com/blackbaud/skyux/issues/4294)) ([23c86cf](https://github.com/blackbaud/skyux/commit/23c86cfcb52c8769c082a4a07390f474d5344856))
+
+
+### Bug Fixes
+
+* **components/filter-bar:** filter items can be created via for loop ([#4287](https://github.com/blackbaud/skyux/issues/4287)) ([#4291](https://github.com/blackbaud/skyux/issues/4291)) ([32d567e](https://github.com/blackbaud/skyux/commit/32d567e6ac814dab7536ce590399a8960f520863))
+* **components/lookup:** update search background when using expand mode fit ([#4290](https://github.com/blackbaud/skyux/issues/4290)) ([#4297](https://github.com/blackbaud/skyux/issues/4297)) ([f593ca7](https://github.com/blackbaud/skyux/commit/f593ca7cd76a7805aa5ffd8f70f724910cb61c07)), closes [AB#3647693](https://dev.azure.com/blackbaud/Products/_workitems/edit/3647693)
+* **components/split-view:** replace `@angular/animations` with CSS transitions ([#4284](https://github.com/blackbaud/skyux/issues/4284)) ([607e7f5](https://github.com/blackbaud/skyux/commit/607e7f517bbe5246bd74a6cf481e2b315b522da1))
+
+## [13.16.1](https://github.com/blackbaud/skyux/compare/13.16.0...13.16.1) (2026-03-12)
+
+
+### Bug Fixes
+
+* **components/lookup:** update search background when using expand mode fit ([#4290](https://github.com/blackbaud/skyux/issues/4290)) ([5156ff5](https://github.com/blackbaud/skyux/commit/5156ff5b4577a7970f29a23f91de7fe39e3f5994)), closes [AB#3647693](https://github.com/AB/issues/3647693)
+
+
+
+# [13.16.0](https://github.com/blackbaud/skyux/compare/13.15.0...13.16.0) (2026-03-12)
+
+
+### Bug Fixes
+
+* **components/filter-bar:** filter items can be created via for loop ([#4287](https://github.com/blackbaud/skyux/issues/4287)) ([9f266e9](https://github.com/blackbaud/skyux/commit/9f266e9310954fda5d6897fb11d28e2b582dccf2))
+
+
+### Features
+
+* **components/indicators:** add `getNames()` method to illustration resolver service ([#4289](https://github.com/blackbaud/skyux/issues/4289)) ([a88efbc](https://github.com/blackbaud/skyux/commit/a88efbce92d99d9921696eb48efafde71ac6f8a9))
+
+
+
+## [14.0.0-alpha.7](https://github.com/blackbaud/skyux/compare/14.0.0-alpha.6...14.0.0-alpha.7) (2026-03-10)
+
+
+### Bug Fixes
+
+* **sdk/skyux-eslint:** avoid creating duplicate identifiers ([#4278](https://github.com/blackbaud/skyux/issues/4278)) ([e2346a0](https://github.com/blackbaud/skyux/commit/e2346a0dcc4842972b34e40937b7d7a6c1be5c59)), closes [AB#3614172](https://dev.azure.com/blackbaud/Products/_workitems/edit/3614172)
+
 # [13.15.0](https://github.com/blackbaud/skyux/compare/13.14.3...13.15.0) (2026-03-10)
 
 

apps/e2e/flyout-storybook/src/app/flyout/flyout-responsive.component.html

@@ -6,7 +6,9 @@ <h2>Responsive flyout</h2>
     <div class="flyout-responsive-box box-2"></div>
   </div>
   <div
-    [class]="'flyout-responsive-wrapper flyout-media-' + currentMediaBreakpoint"
+    [class]="
+      'flyout-responsive-wrapper flyout-media-' + currentMediaBreakpoint()
+    "
   >
     <div class="flyout-responsive-box box-3"></div>
     <div class="flyout-responsive-box box-4"></div>

apps/e2e/flyout-storybook/src/app/flyout/flyout-responsive.component.ts

@@ -1,5 +1,6 @@
-import { Component } from '@angular/core';
-import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
+import { Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { SkyMediaQueryService } from '@skyux/core';
 
 @Component({
   selector: 'app-flyout-responsive',
@@ -8,28 +9,7 @@ import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
   standalone: false,
 })
 export class FlyoutResponsiveComponent {
-  public currentMediaBreakpoint: 'xs' | 'sm' | 'md' | 'lg' = 'lg';
-
-  constructor(private mediaQueryService: SkyMediaQueryService) {
-    this.mediaQueryService.subscribe((breakpoint) => {
-      switch (breakpoint) {
-        case SkyMediaBreakpoints.xs: {
-          this.currentMediaBreakpoint = 'xs';
-          break;
-        }
-        case SkyMediaBreakpoints.sm: {
-          this.currentMediaBreakpoint = 'sm';
-          break;
-        }
-        case SkyMediaBreakpoints.md: {
-          this.currentMediaBreakpoint = 'md';
-          break;
-        }
-        default: {
-          this.currentMediaBreakpoint = 'lg';
-          break;
-        }
-      }
-    });
-  }
+  protected readonly currentMediaBreakpoint = toSignal(
+    inject(SkyMediaQueryService).breakpointChange,
+  );
 }

apps/e2e/lookup-storybook/src/app/search/search.component.html

@@ -4,3 +4,19 @@
 <div id="empty-search" class="search-visual-wrapper">
   <sky-search />
 </div>
+<div class="sky-padding-even-md">
+  <sky-box>
+    <sky-box-content>
+      <sky-toolbar>
+        <sky-toolbar-item>
+          <sky-search />
+        </sky-toolbar-item>
+      </sky-toolbar>
+      <sky-toolbar>
+        <sky-toolbar-item>
+          <sky-search expandMode="fit" />
+        </sky-toolbar-item>
+      </sky-toolbar>
+    </sky-box-content>
+  </sky-box>
+</div>

apps/e2e/lookup-storybook/src/app/search/search.module.ts

@@ -1,14 +1,21 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { SkyBoxModule, SkyToolbarModule } from '@skyux/layout';
 import { SkySearchModule } from '@skyux/lookup';
 
 import { SearchComponent } from './search.component';
 
 const routes: Routes = [{ path: '', component: SearchComponent }];
 @NgModule({
   declarations: [SearchComponent],
-  imports: [CommonModule, RouterModule.forChild(routes), SkySearchModule],
+  imports: [
+    CommonModule,
+    RouterModule.forChild(routes),
+    SkyBoxModule,
+    SkySearchModule,
+    SkyToolbarModule,
+  ],
   exports: [SearchComponent],
 })
 export class SearchModule {}