diff --git a/.changeset/slow-parrots-check.md b/.changeset/slow-parrots-check.md new file mode 100644 index 000000000..aba64aa32 --- /dev/null +++ b/.changeset/slow-parrots-check.md @@ -0,0 +1,5 @@ +--- +'@baloise/ds-core': patch +--- + +**nav**: solves insert node issue with main tabs diff --git a/e2e/cypress/e2e/visual/bal-nav-part-3.visual.cy.ts b/e2e/cypress/e2e/visual/bal-nav-part-3.visual.cy.ts index 84a687e7f..a2fa6f74e 100644 --- a/e2e/cypress/e2e/visual/bal-nav-part-3.visual.cy.ts +++ b/e2e/cypress/e2e/visual/bal-nav-part-3.visual.cy.ts @@ -46,3 +46,15 @@ describe('bal-nav - long', () => { }) }) }) + +describe('bal-nav - tab change', () => { + it('should switch meta nav tab', () => { + cy.visit('/components/bal-nav/test/bal-nav-long.visual.html').platform('desktop').waitForDesignSystem() + cy.contains('Unternehmenskunden').click().waitForComponents().wait(100) + cy.testVisual(`nav-long-desktop-meta-change`, { + errorThreshold: 0.2, + capture: 'viewport', + clip: balViewport['desktop'], + }) + }) +}) diff --git a/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-meta-change.png b/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-meta-change.png new file mode 100644 index 000000000..ebee81110 Binary files /dev/null and b/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-meta-change.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-open.png b/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-open.png index 5412789b4..b73a00556 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-open.png and b/e2e/cypress/snapshots/base/visual/bal-nav-part-3.visual.cy.ts/nav-long-desktop-open.png differ diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 910d6781f..3bfb7ac14 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -106,6 +106,10 @@ export namespace Components { * The color to use from your application's color palette. */ "color": BalProps.BalButtonColor; + /** + * If `true` the button is aligned over the whole width + */ + "expanded": boolean; /** * BalIcon of the open trigger button */ @@ -5128,6 +5132,10 @@ declare namespace LocalJSX { * The color to use from your application's color palette. */ "color"?: BalProps.BalButtonColor; + /** + * If `true` the button is aligned over the whole width + */ + "expanded"?: boolean; /** * BalIcon of the open trigger button */ diff --git a/packages/core/src/components/bal-tabs/components/tab-nav.tsx b/packages/core/src/components/bal-tabs/components/tab-nav.tsx index 64ac7ef16..aeca822f6 100644 --- a/packages/core/src/components/bal-tabs/components/tab-nav.tsx +++ b/packages/core/src/components/bal-tabs/components/tab-nav.tsx @@ -107,7 +107,6 @@ export const TabNav: FunctionalComponent = ({ > {tabs.map((tab, index) => (