💥 breaking: Angular 17 + Vite + Standalone 💥 (#1127)

* Create PR for #1126 * ✨ feature: Update Stencil (#1130) * Create PR for #1128 * chore: update stencil --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 💥 breaking: remove Deprecated Mode Style (#1139) * Create PR for #1129 * breaking: remove deprecated mode style * chore: fix lint issues * chore: remove deprecated bal-body class * chore: format files --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update Error Component (#1140) * Create PR for #1131 * chore: improve error component --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update value accessor (#1141) * Create PR for #1132 * chore: improve value accessors * chore: update value accessors * chore: add missing icon --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 💥 breaking: Change config default to set invalid auto (#1145) * Create PR for #1133 * Create PR for #1126 * ✨ feature: Update Stencil (#1130) * Create PR for #1128 * chore: update stencil --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 💥 breaking: remove Deprecated Mode Style (#1139) * Create PR for #1129 * breaking: remove deprecated mode style * chore: fix lint issues * chore: remove deprecated bal-body class * chore: format files --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update Error Component (#1140) * Create PR for #1131 * chore: improve error component --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update value accessor (#1141) * Create PR for #1132 * chore: improve value accessors * chore: update value accessors * chore: add missing icon --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * Create PR for #1126 * breaking: setInvalid is not by default enabled --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: Add const like breakpoints & breakpointSubject to the config + platformhelpers (#1146) * Create PR for #1134 * Create PR for #1133 * Create PR for #1126 * ✨ feature: Update Stencil (#1130) * Create PR for #1128 * chore: update stencil --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 💥 breaking: remove Deprecated Mode Style (#1139) * Create PR for #1129 * breaking: remove deprecated mode style * chore: fix lint issues * chore: remove deprecated bal-body class * chore: format files --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update Error Component (#1140) * Create PR for #1131 * chore: improve error component --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update value accessor (#1141) * Create PR for #1132 * chore: improve value accessors * chore: update value accessors * chore: add missing icon --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * Create PR for #1126 * breaking: setInvalid is not by default enabled * chore: remove default import to reduce side effects * chore: update default config object * chore: add platform helpers * Create PR for #1126 * 💥 breaking: remove Deprecated Mode Style (#1139) * Create PR for #1129 * breaking: remove deprecated mode style * chore: fix lint issues * chore: remove deprecated bal-body class * chore: format files --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore: update value accessor (#1141) * Create PR for #1132 * chore: improve value accessors * chore: update value accessors * chore: add missing icon --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * chore: format code * chore: fix lint issue --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * chore: add new ng proxy structure (#1148) * chore: add model to angular test (#1149) * chore: rename angular path to v16 (#1150) * chore: rename angular path to v16 * chore: rename ci steps * chore: adjust output * chore: adjust output * chore: adjust output * chore: adjust output * chore: adjust output * chore: adjust output * chore: adjust output * Chore/new-output-ng-17 (#1159) * chore: adjust ng apps * chore: add v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: update ci with v17 * chore: copy proxies * chore: add missing links * chore: link testing lib * chore: link testing lib * chore: link testing lib * chore: link testing lib * chore: link testing lib * chore: link testing lib * chore: link testing lib * chore: hide icons * chore: combine links * chore: combine links * chore: add matrix * chore: add fonts * chore: add v17 * chore: add v17 * chore: add v17 * chore: update to v17 * chore: use css * chore: sync lock files * chore: add new component output (#1163) * Chore/v17-ng (#1164) * chore: add new ng output * chore: v16 running again * chore: improve imports * chore: update ci * chore: change zip path * chore: change zip path 2 * chore: change zip path 3 * chore: fix event name for angular value accessors * chore: v17 path issue * chore: install deps for ng tests * chore: fix event listeners for angular * chore: remove polyfills * chore: add changeset and update angular json * chore: add v17 vite * chore: improve import in angular apps * chore: adjust builder for ng apps * chore: adjust angular paths * chore: adjust angular package paths * chore: adjust angular package paths * chore: adjust angular package paths 2 * feat(angular): enable standalone first draft (#1170) * feat(angular): enable standalone first draft * chore: update package.json * feat(angular): add standalone solution * chore: add changeset * chore: adjust bundle * chore: improve package.json to reduce side effects * chore: update package.lock * chore: add missing build for standalone * chore: add missing build for standalone * chore: add bal-doc-app to e2e tests * chore: add docs * chore: add as const for bundles * 🐛 fix(): resolve logo animation issue by updating Lottie import (#1168) chore(): resolve logo animation issue by updating Lottie import Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> * 🐛 fix(bal-date): Tabnavigation get stuck in the date input (#1171) * Create PR for #1167 * fix(input-date): tab navigation --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🔧 chore(): improve docs (#1118) * chore(): improve docs * chore(): improve docs * chore(): refactor --------- Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> * 🐛 fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus (#1177) * fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus * chore: add missing select --------- Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * ✨ feat(form): horizontal layout for label and controls (#1169) * Create PR for #1160 * chore(): horizontal align field label and input * chore(): improve styling and add visual tests * chore(): trigger build * chore(): trigger build * chore(): trigger build * chore(): update base images * feat(bal-field): Introduce 'horizontal' prop for aligning label and input side by side in Field component, with message displayed below * chore(): update base images * chore(): refactor * chore(): align field control to the end when label is too long * chore(): update base images * chore(): refactor * chore(): refactor * chore(): refactor * chore(): separate horizontal test * chore(): add head element * chore(): format * chore(): update base images * chore: trigger build --------- Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com> Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * Version Packages (#1172) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(): update lock file * chore(): update lock file * 🐛 fix(): resolve logo animation issue by updating Lottie import (#1168) chore(): resolve logo animation issue by updating Lottie import Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> * 🐛 fix(bal-date): Tabnavigation get stuck in the date input (#1171) * Create PR for #1167 * fix(input-date): tab navigation --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🐛 fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus (#1177) * fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus * chore: add missing select --------- Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * ✨ feat(form): horizontal layout for label and controls (#1169) * Create PR for #1160 * chore(): horizontal align field label and input * chore(): improve styling and add visual tests * chore(): trigger build * chore(): trigger build * chore(): trigger build * chore(): update base images * feat(bal-field): Introduce 'horizontal' prop for aligning label and input side by side in Field component, with message displayed below * chore(): update base images * chore(): refactor * chore(): align field control to the end when label is too long * chore(): update base images * chore(): refactor * chore(): refactor * chore(): refactor * chore(): separate horizontal test * chore(): add head element * chore(): format * chore(): update base images * chore: trigger build --------- Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com> Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * Version Packages (#1172) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(): update lock file * 🐛 fix(): resolve logo animation issue by updating Lottie import (#1168) chore(): resolve logo animation issue by updating Lottie import Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> * 🐛 fix(bal-date): Tabnavigation get stuck in the date input (#1171) * Create PR for #1167 * fix(input-date): tab navigation --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * 🐛 fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus (#1177) * fix(): Replace timeout with await waitAfterIdleCallback in inputSetFocus * chore: add missing select --------- Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * ✨ feat(form): horizontal layout for label and controls (#1169) * Create PR for #1160 * chore(): horizontal align field label and input * chore(): improve styling and add visual tests * chore(): trigger build * chore(): trigger build * chore(): trigger build * chore(): update base images * feat(bal-field): Introduce 'horizontal' prop for aligning label and input side by side in Field component, with message displayed below * chore(): update base images * chore(): refactor * chore(): align field control to the end when label is too long * chore(): update base images * chore(): refactor * chore(): refactor * chore(): refactor * chore(): separate horizontal test * chore(): add head element * chore(): format * chore(): update base images * chore: trigger build --------- Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com> Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> * Version Packages (#1172) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: update lock file --------- Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch> Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com> Co-authored-by: Mladen Planinicic <mladen.planinicic@baloise.ch> Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
baloise · Dec 5, 2023 · eb99be5 · eb99be5
1 parent a2c0cbe
commit eb99be5
Show file tree

Hide file tree

Showing 330 changed files with 70,112 additions and 67,109 deletions.
diff --git a/.build/optimize-icons.js b/.build/optimize-icons.js
@@ -123,8 +123,10 @@ const main = async () => {
     'balIconNavGoRight',
     'balIconNavGoDown',
     'balIconNavGoUp',
-    'balIconCaretLeft',
+    'balIconCaretUp',
+    'balIconCaretRight',
     'balIconCaretDown',
+    'balIconCaretLeft',
     'balIconCheck',
     'balIconDate',
     'balIconDocument',
@@ -140,7 +142,6 @@ const main = async () => {
     'balIconX',
     'balIconYoutube',
     'balIconWeb',
-    'balIconCaretUp',
   ]
 
   contents.forEach((value, key) => {

diff --git a/.build/utils/index.mjs b/.build/utils/index.mjs
@@ -0,0 +1,31 @@
+import { spawn } from 'node:child_process'
+
+export const exec = (command, args = []) => {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args);
+
+    child.on('close', (code) => resolve(code));
+    child.on('error', (error) => reject(error.message));
+
+    // child.stdout.on('data', (data) => {
+    //   // console.log(`${data}`.trimEnd());
+    // });
+
+    // child.stderr.on('data', (data) => {
+    //   // console.error(`${data}`.trimEnd());
+    // });
+  })
+}
+
+export const exit = () => process.exit(1);
+export const done = () => process.exit(0);
+export const log = (message, ...args) => console.log(message, ...args);
+export const start = message => log('⏳ ', `${message}...`)
+export const succeed = message => log('✅ ', message)
+export const fail = (message, error) => {
+  log('❌ ', message)
+  if (error) {
+    console.error(error)
+  }
+  exit()
+}
diff --git a/.changeset/pretty-baboons-lick.md b/.changeset/pretty-baboons-lick.md
@@ -0,0 +1,5 @@
+---
+'@baloise/design-system-components': major
+---
+
+Removed the deprecated option of component styles with SASS. Instead, for customizing the component design, use CSS Variables.
diff --git a/.changeset/six-pumpkins-draw.md b/.changeset/six-pumpkins-draw.md
@@ -0,0 +1,49 @@
+---
+'@baloise/design-system-components-angular': minor
+---
+
+All components are now available as standalone elements for Angular v17.
+
+Use the `provideBaloiseDesignSystem` provider within the app.config.ts file, where Angular providers are typically defined.
+
+**app.config.ts**
+
+```ts
+import { ApplicationConfig, importProvidersFrom } from '@angular/core'
+
+import { provideBaloiseDesignSystem } from '@baloise/design-system-components-angular/standalone'
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideBaloiseDesignSystem()],
+}
+```
+
+In each app component, import the necessary Baloise Design System components or a bundled set.
+
+**app.component.ts**
+
+```ts
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { BalApp, BalButton } from '@baloise/design-system-components-angular/standalone'
+
+export interface UpdateControl {
+  name: string
+  value: any
+}
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  imports: [CommonModule, BalApp, BalButton],
+  template: `
+    <bal-app>
+      <main class="container py-normal">
+        <bal-button>My Button</bal-button>
+      </main>
+    </bal-app>
+  `,
+})
+export class AppComponent {}
+```
diff --git a/.changeset/spicy-fireants-play.md b/.changeset/spicy-fireants-play.md
@@ -0,0 +1,15 @@
+---
+'@baloise/design-system-components-angular': major
+---
+
+Now by default the Baloise Design System will mark a form control as invalid when it's been touched and is indeed invalid.
+To disable this feature, set setInvalid to false in the design system configuration.
+
+```ts
+BaloiseDesignSystemModule.forRoot({
+  defaults: { ... },
+  forms: {
+    setInvalid: false, // to deactivate it 
+  },
+})
+```
diff --git a/.changeset/tidy-seas-wave.md b/.changeset/tidy-seas-wave.md
@@ -0,0 +1,7 @@
+---
+'@baloise/design-system-components-angular': major
+'@baloise/design-system-components-react': major
+'@baloise/design-system-components-vue': major
+---
+
+The option to `applyPolyfills` for outdated browsers such as IE11 and legacy Edge has been deprecated, as the current design system no longer provides support for these versions.
diff --git a/.github/workflows/actions/build/action.yml b/.github/workflows/actions/build/action.yml
@@ -13,18 +13,66 @@ runs:
 
     - uses: ./.github/workflows/actions/upload-archive
       with:
-        name: test-ng-e2e
-        output: apps/angular/TestNgE2eBuild.zip
-        paths: apps/angular/dist
+        name: tokens-dist
+        output: packages/tokens/TokensDist.zip
+        paths: packages/tokens/dist
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: css-dist
+        output: packages/css/CssDist.zip
+        paths: packages/css/css
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: icons-dist
+        output: packages/icons/IconsDist.zip
+        paths: packages/icons/dist
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-dist
+        output: packages/components/ComponentsDist.zip
+        paths: packages/components/dist
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-loader
+        output: packages/components/ComponentsLoader.zip
+        paths: packages/components/loader
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-components
+        output: packages/components/ComponentsComponents.zip
+        paths: packages/components/components
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-angular
+        output: packages/components-angular/src/ComponentsAngular.zip
+        paths: packages/components-angular/src/generated
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-angular-standalone
+        output: packages/components-angular/standalone/src/ComponentsAngularStandalone.zip
+        paths: packages/components-angular/standalone/src/generated
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: components-angular-legacy
+        output: packages/components-angular/legacy/src/ComponentsAngularLegacy.zip
+        paths: packages/components-angular/legacy/src/generated
+
+    - uses: ./.github/workflows/actions/upload-archive
+      with:
+        name: testing-dist
+        output: packages/testing/TestingDist.zip
+        paths: packages/testing/dist
 
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: test-e2e
         output: test/TestE2eBuild.zip
         paths: test/generated
-
-    # - uses: ./.github/workflows/actions/upload-archive
-    #   with:
-    #     name: components
-    #     output: packages/components/ComponentsBuild.zip
-    #     paths: packages/components/dist packages/components/loader packages/components/src/components.d.ts
diff --git a/.github/workflows/actions/test-angular-setup/action.yml b/.github/workflows/actions/test-angular-setup/action.yml
@@ -1,5 +1,8 @@
 name: 'Angular Setup'
 description: 'Angular Setup'
+inputs:
+  app:
+    description: 'The specific test application'
 runs:
   using: 'composite'
   steps:
@@ -9,22 +12,79 @@ runs:
 
     - name: Install Dependencies
       run: npm ci
+      shell: bash
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: tokens-dist
+        path: packages/tokens
+        filename: TokensDist.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: icons-dist
+        path: packages/icons
+        filename: IconsDist.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: css-dist
+        path: packages/css
+        filename: CssDist.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-loader
+        path: ./packages/components
+        filename: ComponentsLoader.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-dist
+        path: ./packages/components
+        filename: ComponentsDist.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-components
+        path: ./packages/components
+        filename: ComponentsComponents.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-angular
+        path: ./packages/components-angular/src
+        filename: ComponentsAngular.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-angular-standalone
+        path: ./packages/components-angular/standalone/src
+        filename: ComponentsAngularStandalone.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: components-angular-legacy
+        path: ./packages/components-angular/legacy/src
+        filename: ComponentsAngularLegacy.zip
+
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: testing-dist
+        path: ./packages/testing
+        filename: TestingDist.zip
+
+    - name: Setup App
+      run: bash build.sh ${{ inputs.app }}
       working-directory: ./apps/angular
       shell: bash
 
     - name: Install Cypress
       run: npm run cy:install
-      working-directory: ./apps/angular
+      working-directory: ./apps/angular/${{ inputs.app }}
       shell: bash
 
-    - uses: ./.github/workflows/actions/download-archive
-      with:
-        name: test-ng-e2e
-        path: ./apps/angular/dist
-        filename: TestNgE2eBuild.zip
-
-    # - uses: ./.github/workflows/actions/download-archive
-    #   with:
-    #     name: components
-    #     path: ./packages/components
-    #     filename: ComponentsBuild.zip
+    - name: Build Angular App
+      run: npm run build
+      working-directory: ./apps/angular/${{ inputs.app }}
+      shell: bash
diff --git a/.github/workflows/actions/test-angular/action.yml b/.github/workflows/actions/test-angular/action.yml
@@ -1,5 +1,8 @@
 name: 'Test Angular'
 description: 'Test Angular'
+inputs:
+  app:
+    description: 'The specific test application'
 runs:
   using: 'composite'
   steps:
@@ -8,14 +11,14 @@ runs:
       with:
         start: npm run cy:start
         wait-on: 'http://localhost:4200'
-        working-directory: apps/angular
+        working-directory: apps/angular/${{ inputs.app }}
         install: false
         browser: chrome
 
     - name: Upload snapshots
       uses: actions/upload-artifact@v3
       if: failure()
       with:
-        name: cypress-snapshots-angular
-        path: apps/angular/cypress/snapshots
+        name: cypress-snapshots-angular-${{ inputs.app }}
+        path: apps/angular/${{ inputs.app }}/cypress/snapshots
 
diff --git a/.github/workflows/continuous.yml b/.github/workflows/continuous.yml
@@ -125,14 +125,22 @@ jobs:
       TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
       TURBO_REMOTE_ONLY: true
       HUSKY: 0
+    strategy:
+      fail-fast: false
+      matrix:
+        apps: [v16,v17,v17-standalone]
     needs: [build]
     steps:
       - uses: actions/checkout@v3
         with:
           fetch-depth: 2
       - uses: ./.github/workflows/actions/setup
       - uses: ./.github/workflows/actions/test-angular-setup
+        with:
+          app: ${{ matrix.apps }}
       - uses: ./.github/workflows/actions/test-angular
+        with:
+          app: ${{ matrix.apps }}
 
   test-e2e:
     name: 🧪 E2E Tests