@swisspost/design-system-components 10.0.0-next.72 → 10.0.0-next.76

package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/vrt/helpers/header-variants.config.d.ts

@@ -1,6 +1,7 @@
 export type HeaderSlot = 'post-logo' | 'language-menu' | 'title' | 'audience' | 'global-nav-primary' | 'global-nav-secondary' | 'main-nav' | 'local-nav' | 'post-login';
 export interface VariantConfig {
     slots: HeaderSlot[];
+    stylesheet?: string;
     hasGlobalHeader: boolean;
     hasUserMenu: boolean;
     hasMegadropdown: boolean;

package/dist/types/types/element-api.d.ts

@@ -0,0 +1,3 @@
+interface Element {
+    ariaControlsElements: Element[];
+}

package/dist/vrt/helpers/header-test-config.js

@@ -27,7 +27,7 @@ export const STATE_HANDLERS = {
         await openBurgerMenu(page);
         await openMegadropdown(page, 'letters');
     },
-    scrolled: async (page) => {
+    'scrolled': async (page) => {
         await page.evaluate(() => window.scrollTo(0, 200));
         await page.waitForTimeout(300);
     },
@@ -112,5 +112,6 @@ export const TEST_MATRIX = {
     'microsite-loggedin': stateComposeHelper(LOGGED_IN),
     'jobs-loggedout': stateComposeHelper(SCROLLED_ONLY, BURGER_FLOW_NO_SECOND),
     'jobs-loggedin': stateComposeHelper(LOGGED_IN),
-    onepager: stateComposeHelper(SCROLLED_ONLY, LANGUAGE_AND_SCROLL),
+    'onepager': stateComposeHelper(SCROLLED_ONLY, LANGUAGE_AND_SCROLL),
+    'application': stateComposeHelper(SCROLLED_ONLY, LANGUAGE_AND_SCROLL),
 };

package/dist/vrt/helpers/header-variants.config.js

@@ -1,4 +1,17 @@
 export const HEADER_VARIANTS = {
+    'application': {
+        slots: ['post-logo', 'local-nav', 'title'],
+        stylesheet: 'post-compact.css',
+        hasGlobalHeader: false,
+        hasUserMenu: false,
+        hasMegadropdown: false,
+        hasAudience: false,
+        hasGlobalNavSecondary: false,
+        hasGlobalNavPrimary: false,
+        hasLocalNavigation: true,
+        hasGlobalLogin: false,
+        features: [],
+    },
     'onepager': {
         slots: ['post-logo', 'language-menu', 'title'],
         hasGlobalHeader: false,
@@ -36,7 +49,14 @@ export const HEADER_VARIANTS = {
         features: ['main-navigation', 'local-user-menu'],
     },
     'jobs-loggedout': {
-        slots: ['post-logo', 'audience', 'global-nav-secondary', 'language-menu', 'main-nav', 'local-nav'],
+        slots: [
+            'post-logo',
+            'audience',
+            'global-nav-secondary',
+            'language-menu',
+            'main-nav',
+            'local-nav',
+        ],
         hasGlobalHeader: true,
         hasUserMenu: false,
         hasMegadropdown: true,
@@ -48,7 +68,14 @@ export const HEADER_VARIANTS = {
         features: ['audience', 'global-nav-secondary', 'main-navigation', 'local-login'],
     },
     'jobs-loggedin': {
-        slots: ['post-logo', 'audience', 'global-nav-secondary', 'language-menu', 'main-nav', 'local-nav'],
+        slots: [
+            'post-logo',
+            'audience',
+            'global-nav-secondary',
+            'language-menu',
+            'main-nav',
+            'local-nav',
+        ],
         hasGlobalHeader: true,
         hasUserMenu: true,
         hasMegadropdown: true,