@nldd/design-system 0.8.43 → 0.8.45

package/dist/components/navigation/pagination/pagination.template.js

@@ -41,15 +41,17 @@ export function paginationTemplate(component) {
 		<nav class="pagination"
 			aria-label=${t('components.pagination.accessibility-label')}
 		>
-			<nldd-icon-button
-				icon="chevron-left-small"
-				text=${t('components.pagination.previous-action')}
-				variant="neutral-tinted"
-				?disabled=${isDisabled || atFirst}
-				href=${hasHref && !isDisabled && !atFirst ? component._hrefForPage(component.current - 1) : nothing}
-				@click=${(e) => { if (hasHref)
+			<div class="pagination__previous-button">
+				<nldd-icon-button
+					icon="chevron-left-small"
+					text=${t('components.pagination.previous-action')}
+					variant="neutral-tinted"
+					?disabled=${isDisabled || atFirst}
+					href=${hasHref && !isDisabled && !atFirst ? component._hrefForPage(component.current - 1) : nothing}
+					@click=${(e) => { if (hasHref)
         e.preventDefault(); component._goToPage(component.current - 1); }}
-			></nldd-icon-button>
+				></nldd-icon-button>
+			</div>
 			<div class="pagination__divider" aria-hidden="true">
 				<div class="pagination__divider-line"></div>
 			</div>
@@ -64,6 +66,9 @@ export function paginationTemplate(component) {
 						aria-label=${t('components.pagination.go-to-page-label')}
 						?disabled=${isDisabled}
 						@change=${(e) => component._goToPage(Number(e.target.value))}
+						@focus=${component._handleSelectFocus}
+						@blur=${component._handleSelectBlur}
+						@keydown=${component._handleSelectKeydown}
 					>
 						${Array.from({ length: component.total }, (_, i) => i + 1).map((page) => html `
 							<option value=${page} ?selected=${page === component.current}>${page} / ${component.total}</option>
@@ -77,15 +82,17 @@ export function paginationTemplate(component) {
 			<div class="pagination__divider" aria-hidden="true">
 				<div class="pagination__divider-line"></div>
 			</div>
-			<nldd-icon-button
-				icon="chevron-right-small"
-				text=${t('components.pagination.next-action')}
-				variant="neutral-tinted"
-				?disabled=${isDisabled || atLast}
-				href=${hasHref && !isDisabled && !atLast ? component._hrefForPage(component.current + 1) : nothing}
-				@click=${(e) => { if (hasHref)
+			<div class="pagination__next-button">
+				<nldd-icon-button
+					icon="chevron-right-small"
+					text=${t('components.pagination.next-action')}
+					variant="neutral-tinted"
+					?disabled=${isDisabled || atLast}
+					href=${hasHref && !isDisabled && !atLast ? component._hrefForPage(component.current + 1) : nothing}
+					@click=${(e) => { if (hasHref)
         e.preventDefault(); component._goToPage(component.current + 1); }}
-			></nldd-icon-button>
+				></nldd-icon-button>
+			</div>
 		</nav>
 	`;
 }

package/dist/components/navigation/pagination/pagination.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAmE1B,CAAC"}
+{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAiE1B,CAAC"}

package/dist/components/navigation/skip-link/skip-link.styles.js

@@ -22,17 +22,17 @@ export const skipLinkStyles = css `
 	/* # Block */
 
 	.skip-link {
+		display: flex;
 		position: absolute;
 		top: 0;
 		left: 0;
+		opacity: 0;
 		z-index: var(--_z-index);
-		display: flex;
-		justify-content: center;
-		background-color: var(--semantics-surfaces-background-color);
-		box-shadow: var(--_box-shadow);
 		border-radius: var(--semantics-controls-md-corner-radius);
-		opacity: 0;
+		box-shadow: var(--_box-shadow);
+		background-color: var(--semantics-surfaces-background-color);
 		pointer-events: none;
+		justify-content: center;
 	}
 
 	.skip-link:has(:focus-visible) {
@@ -41,30 +41,28 @@ export const skipLinkStyles = css `
 	}
 
 
-	/* # Control */
+	/* # Elements */
 
 	.skip-link__control {
 		display: inline-flex;
-		align-items: center;
-		min-height: var(--semantics-controls-md-min-size);
-		appearance: none;
 		border: none;
+		border-radius: var(--semantics-controls-sm-corner-radius);
 		background: none;
+		min-height: var(--semantics-controls-md-min-size);
+		padding: var(--primitives-space-4) var(--primitives-space-16);
+		align-items: center;
 		color: var(--semantics-links-color);
 		font: var(--primitives-font-body-md-bold-flat);
 		text-decoration: underline;
 		white-space: nowrap;
-		border-radius: var(--semantics-controls-sm-corner-radius);
-		padding: var(--primitives-space-4) var(--primitives-space-16);
+		appearance: none;
 	}
 
 	.skip-link__control:focus-visible {
-		box-shadow: var(--_focus-box-shadow);
 		outline: var(--semantics-focus-ring-outline);
-		/* Negative outline-offset zodat de halo binnen het control valt
-		   (skip-link is small en zou anders deels buiten het viewport
-		   uitsteken). Component-specifieke override van de default. */
+		/* negative: keep the focus halo inside the small skip-link, not past the viewport */
 		outline-offset: var(--_focus-outline-offset);
+		box-shadow: var(--_focus-box-shadow);
 	}
 `;
 //# sourceMappingURL=skip-link.styles.js.map

package/dist/components/navigation/skip-link/skip-link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEhC,CAAC"}
+{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEhC,CAAC"}

package/dist/components/navigation/tab-bar/tab-bar.d.ts

@@ -5,9 +5,8 @@
  * Exports both NLDDTabBar and NLDDTabBarItem.
  *
  * @element nldd-tab-bar
- * @attr {boolean} compact           - Shows items in compact view: icon stacked above text
+ * @attr {string}  variant           - Visual mode: 'icon-and-text' | 'text' | 'icon' | 'compact'. 'compact' stacks the icon above the text. When unset, the variant is inferred from each item's content.
  * @attr {boolean} navigation        - Renders a nav landmark instead of tablist; use for href-based items that navigate between routes
- * @attr {boolean} responsive        - Automatically switches to compact below 480px container width
  * @attr {boolean} centered          - Centers the tabs in the container (host fills the row, tabs group in the middle)
  * @attr {string}  accessible-label  - Accessible name for the navigation region; defaults to 'Tabs'
  *
@@ -32,11 +31,7 @@ export declare class NLDDTabBarItem extends LitElement {
     selected: boolean;
     href: string;
     /** Set by nldd-tab-bar. Not part of the public API. */
-    compact: boolean;
-    /** Set by nldd-tab-bar. Not part of the public API. */
-    responsive: boolean;
-    /** Set by nldd-tab-bar. Not part of the public API. */
-    _groupVariant: 'icon-and-text' | 'text' | 'icon' | '';
+    _groupVariant: 'icon-and-text' | 'text' | 'icon' | 'compact' | '';
     private _authorVariant;
     text: string;
     icon: string;
@@ -55,11 +50,9 @@ export declare class NLDDTabBarItem extends LitElement {
 }
 export declare class NLDDTabBar extends LitElement {
     static styles: import("lit").CSSResult;
-    compact: boolean;
-    responsive: boolean;
     /** Centers the tabs in the container (host fills the row, tabs group in the middle). */
     centered: boolean;
-    variant: 'icon-and-text' | 'text' | 'icon' | '';
+    variant: 'icon-and-text' | 'text' | 'icon' | 'compact' | '';
     navigation: boolean;
     accessibleLabel: string;
     private _hasCustomLabel;

package/dist/components/navigation/tab-bar/tab-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV,uDAAuD;IAEvD,OAAO,UAAS;IAEhB,uDAAuD;IAEvD,UAAU,UAAS;IAEnB,uDAAuD;IAEvD,aAAa,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAK3D,OAAO,CAAC,cAAc,CAA8C;IAGpE,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV,IAAI,iBAAiB,IAAI,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAQrE;IAGD,YAAY,UAAS;IAErB,uDAAuD;IAEvD,WAAW,UAAS;IAEpB,gGAAgG;IAEhG,oBAAoB,UAAS;IAEpB,iBAAiB,IAAI,IAAI;IAUzB,OAAO,IAAI,IAAI;IAIf,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAWvB,MAAM;CAGf;AAKD,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,OAAO,UAAS;IAGhB,UAAU,UAAS;IAEnB,wFAAwF;IAExF,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAGrD,UAAU,UAAS;IAGnB,eAAe,SAAM;IAGrB,OAAO,CAAC,eAAe,CAAS;IAEvB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAkBlB,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,iBAAiB,CAWvB;IAEF,OAAO,CAAC,cAAc,CA0CpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,UAAU,CAAC;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACpC;CACD"}
+{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV,uDAAuD;IAEvD,aAAa,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE,CAAM;IAKvE,OAAO,CAAC,cAAc,CAA0D;IAGhF,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV,IAAI,iBAAiB,IAAI,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAOrE;IAGD,YAAY,UAAS;IAErB,uDAAuD;IAEvD,WAAW,UAAS;IAEpB,gGAAgG;IAEhG,oBAAoB,UAAS;IAEpB,iBAAiB,IAAI,IAAI;IAUzB,OAAO,IAAI,IAAI;IAIf,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAWvB,MAAM;CAGf;AAKD,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAEtC,wFAAwF;IAExF,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE,CAAM;IAGjE,UAAU,UAAS;IAGnB,eAAe,SAAM;IAGrB,OAAO,CAAC,eAAe,CAAS;IAEvB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAgBlB,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,iBAAiB,CAWvB;IAEF,OAAO,CAAC,cAAc,CA0CpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,UAAU,CAAC;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACpC;CACD"}

package/dist/components/navigation/tab-bar/tab-bar.js

@@ -11,9 +11,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * Exports both NLDDTabBar and NLDDTabBarItem.
  *
  * @element nldd-tab-bar
- * @attr {boolean} compact           - Shows items in compact view: icon stacked above text
+ * @attr {string}  variant           - Visual mode: 'icon-and-text' | 'text' | 'icon' | 'compact'. 'compact' stacks the icon above the text. When unset, the variant is inferred from each item's content.
  * @attr {boolean} navigation        - Renders a nav landmark instead of tablist; use for href-based items that navigate between routes
- * @attr {boolean} responsive        - Automatically switches to compact below 480px container width
  * @attr {boolean} centered          - Centers the tabs in the container (host fills the row, tabs group in the middle)
  * @attr {string}  accessible-label  - Accessible name for the navigation region; defaults to 'Tabs'
  *
@@ -44,10 +43,6 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         this.selected = false;
         this.href = '';
         /** Set by nldd-tab-bar. Not part of the public API. */
-        this.compact = false;
-        /** Set by nldd-tab-bar. Not part of the public API. */
-        this.responsive = false;
-        /** Set by nldd-tab-bar. Not part of the public API. */
         this._groupVariant = '';
         // Author-set variant captured once in connectedCallback.
         // Not a Lit property to avoid a feedback loop with the setAttribute
@@ -62,8 +57,6 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         this._isFallbackFocusable = false;
     }
     get _effectiveVariant() {
-        if (this.compact)
-            return 'compact';
         if (this._authorVariant)
             return this._authorVariant;
         if (this._groupVariant)
@@ -80,7 +73,7 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         this.setAttribute('role', 'none');
         // Capture author intent before updated() overwrites the attribute with the resolved value
         const attr = this.getAttribute('variant');
-        if (attr === 'text' || attr === 'icon' || attr === 'icon-and-text') {
+        if (attr === 'text' || attr === 'icon' || attr === 'icon-and-text' || attr === 'compact') {
             this._authorVariant = attr;
         }
     }
@@ -115,12 +108,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], NLDDTabBarItem.prototype, "href", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTabBarItem.prototype, "compact", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTabBarItem.prototype, "responsive", void 0);
 __decorate([
     property({ type: String })
 ], NLDDTabBarItem.prototype, "_groupVariant", void 0);
@@ -147,8 +134,6 @@ export { NLDDTabBarItem };
 let NLDDTabBar = class NLDDTabBar extends LitElement {
     constructor() {
         super(...arguments);
-        this.compact = false;
-        this.responsive = false;
         /** Centers the tabs in the container (host fills the row, tabs group in the middle). */
         this.centered = false;
         this.variant = '';
@@ -225,9 +210,7 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
         this._syncItems();
     }
     updated(changedProperties) {
-        if (changedProperties.has('compact') ||
-            changedProperties.has('responsive') ||
-            changedProperties.has('variant') ||
+        if (changedProperties.has('variant') ||
             changedProperties.has('navigation')) {
             this._syncItems();
         }
@@ -243,8 +226,6 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
     _syncItems() {
         const items = this._getItems();
         items.forEach(item => {
-            item.compact = this.compact;
-            item.responsive = this.responsive;
             item._groupVariant = this.variant;
             item._navigation = this.navigation;
         });
@@ -263,12 +244,6 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
     }
 };
 NLDDTabBar.styles = tabBarStyles;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTabBar.prototype, "compact", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTabBar.prototype, "responsive", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDTabBar.prototype, "centered", void 0);

package/dist/components/navigation/tab-bar/tab-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBA2DxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBA2L5B,CAAC"}
+{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAuDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBA+H5B,CAAC"}

package/dist/components/navigation/tab-bar/tab-bar.styles.js

@@ -1,14 +1,10 @@
-import { css, unsafeCSS } from 'lit';
-import { breakpoints } from '../../../assets/styles/breakpoints.js';
-const smMax = unsafeCSS(breakpoints.smMax);
+import { css } from 'lit';
 export const tabBarStyles = css `
 
 
 	/* # Host */
 
 	:host {
-		--_tab-bar-item-indicator-inset: var(--primitives-space-4);
-
 		display: inline-block;
 		position: relative;
 		isolation: isolate;
@@ -30,8 +26,8 @@ export const tabBarStyles = css `
 	.tab-bar {
 		display: flex;
 		flex-direction: row;
-		justify-content: flex-start;
 		align-items: center;
+		justify-content: flex-start;
 	}
 
 	:host([centered]) .tab-bar {
@@ -40,15 +36,14 @@ export const tabBarStyles = css `
 
 	.tab-bar__items {
 		display: flex;
+		border-radius: var(--semantics-controls-md-corner-radius);
+		background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		flex-direction: row;
-		justify-content: center;
 		align-items: center;
-		background-color: var(--semantics-buttons-neutral-tinted-background-color);
-		border-radius: var(--semantics-controls-md-corner-radius);
-		padding: 0 var(--primitives-space-2);
+		justify-content: center;
 	}
 
-	:host([compact]) .tab-bar__items {
+	:host([variant="compact"]) .tab-bar__items {
 		border-radius: var(--semantics-controls-lg-corner-radius);
 	}
 
@@ -59,7 +54,6 @@ export const tabBarStyles = css `
 		position: relative;
 		z-index: 1;
 	}
-
 `;
 export const tabBarItemStyles = css `
 
@@ -77,176 +71,116 @@ export const tabBarItemStyles = css `
 	}
 
 
-	/* # Item */
+	/* # Block */
 
 	.tab-bar__item {
-		appearance: none;
-		border: none;
-		margin: 0;
-		padding: 0;
-		background: none;
-		text-decoration: none;
 		box-sizing: border-box;
 		display: flex;
 		position: relative;
-		justify-content: center;
+		margin: 0;
+		border: none;
+		border-radius: var(--semantics-controls-md-corner-radius);
+		background: none;
+		padding: 0;
 		align-items: center;
-		font: var(--semantics-buttons-md-font);
+		justify-content: center;
 		color: var(--semantics-buttons-neutral-tinted-content-color);
+		font: var(--semantics-buttons-md-font);
+		text-decoration: none;
+		appearance: none;
 	}
 
-	:host([variant='icon-and-text']) .tab-bar__item {
-		gap: var(--semantics-buttons-md-gap);
-		padding: var(--primitives-space-8) var(--primitives-space-12);
+	:host([variant="icon-and-text"]) .tab-bar__item {
 		height: var(--semantics-controls-md-min-size);
+		padding: var(--primitives-space-8) var(--primitives-space-12);
+		gap: var(--semantics-buttons-md-gap);
 	}
 
-	:host([variant='text']) .tab-bar__item {
-		padding: var(--primitives-space-8) var(--primitives-space-12);
+	:host([variant="text"]) .tab-bar__item {
 		height: var(--semantics-controls-md-min-size);
+		padding: var(--primitives-space-8) var(--primitives-space-12);
 	}
 
-	:host([variant='icon']) .tab-bar__item {
-		padding: 0;
+	:host([variant="icon"]) .tab-bar__item {
+		width: var(--semantics-controls-md-min-size);
 		height: var(--semantics-controls-md-min-size);
-		width: calc(var(--semantics-controls-md-min-size) - var(--_tab-bar-item-indicator-inset));
+		padding: 0;
 	}
 
-	:host([variant='compact']) .tab-bar__item {
-		flex-direction: column;
-		padding: var(--primitives-space-8);
+	:host([variant="compact"]) .tab-bar__item {
 		height: var(--semantics-controls-lg-min-size);
-	}
-
-	:host([responsive]) .tab-bar__item {
-		@media (max-width: ${smMax}) {
-			flex-direction: column;
-			gap: 0;
-			padding: var(--primitives-space-8);
-			height: var(--semantics-controls-lg-min-size);
-		}
-
-		@container layout-container (max-width: ${smMax}) {
-			flex-direction: column;
-			gap: 0;
-			padding: var(--primitives-space-8);
-			height: var(--semantics-controls-lg-min-size);
-		}
-	}
-
-	:host([selected]) .tab-bar__item {
-		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
-	}
-
-	.tab-bar__item:focus-visible {
-		outline: none;
-	}
-
-
-	/* # Indicator */
-
-	.tab-bar__item::before {
-		content: '';
-		position: absolute;
-		inset-block: var(--_tab-bar-item-indicator-inset);
-		inset-inline: calc(var(--_tab-bar-item-indicator-inset) / 2);
-		border-radius: calc(var(--semantics-controls-md-corner-radius) - (var(--_tab-bar-item-indicator-inset) / 2));
-		background-color: transparent;
-		z-index: 0;
-		pointer-events: none;
+		padding: var(--primitives-space-8);
+		flex-direction: column;
 	}
 
 	@media (hover: hover) {
-		.tab-bar__item:hover::before {
+		.tab-bar__item:hover {
 			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
 		}
 	}
 
-	:host([selected]) .tab-bar__item::before {
+	:host([selected]) .tab-bar__item {
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
+		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
+	}
 
-		@media (forced-colors: active) {
+	@media (forced-colors: active) {
+		:host([selected]) .tab-bar__item {
 			background-color: Highlight;
 		}
 	}
 
-	.tab-bar__item:focus-visible::before {
+	.tab-bar__item:focus-visible {
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
 
-	/* # Icon */
+	/* # Elements */
 
 	.tab-bar__item-icon {
 		display: flex;
-		align-items: center;
-		justify-content: center;
 		position: relative;
 		z-index: 1;
-		flex-shrink: 0;
 		width: var(--semantics-buttons-md-icon-size);
 		height: var(--semantics-buttons-md-icon-size);
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
 	}
 
-	:host([variant='icon']) .tab-bar__item-icon {
+	:host([variant="icon"]) .tab-bar__item-icon {
 		width: var(--semantics-buttons-md-icon-only-icon-size);
 		height: var(--semantics-buttons-md-icon-only-icon-size);
 	}
 
-	:host([variant='compact']) .tab-bar__item-icon {
+	:host([variant="compact"]) .tab-bar__item-icon {
 		width: var(--semantics-buttons-md-icon-only-icon-size);
 		height: var(--semantics-buttons-md-icon-only-icon-size);
 	}
 
-	:host([responsive]) .tab-bar__item-icon {
-		@media (max-width: ${smMax}) {
-			width: var(--semantics-buttons-md-icon-only-icon-size);
-			height: var(--semantics-buttons-md-icon-only-icon-size);
-		}
-
-		@container layout-container (max-width: ${smMax}) {
-			width: var(--semantics-buttons-md-icon-only-icon-size);
-			height: var(--semantics-buttons-md-icon-only-icon-size);
-		}
-	}
-
-	:host([variant='text']) .tab-bar__item-icon {
+	:host([variant="text"]) .tab-bar__item-icon {
 		display: none;
 	}
 
-	::slotted([slot='icon']) {
+	::slotted([slot="icon"]) {
 		display: block;
 		width: 100%;
 		height: 100%;
 	}
 
-
-	/* # Label */
-
 	.tab-bar__item-text {
 		position: relative;
 		z-index: 1;
 	}
 
-	:host([variant='compact']) .tab-bar__item-text {
+	:host([variant="compact"]) .tab-bar__item-text {
 		font: var(--primitives-font-body-xxs-bold-flat);
 	}
 
-	:host([variant='icon']) .tab-bar__item-text {
+	:host([variant="icon"]) .tab-bar__item-text {
 		display: none;
 	}
-
-	:host([responsive]) .tab-bar__item-text {
-		@media (max-width: ${smMax}) {
-			font: var(--primitives-font-body-xxs-bold-flat);
-		}
-
-		@container layout-container (max-width: ${smMax}) {
-			font: var(--primitives-font-body-xxs-bold-flat);
-		}
-	}
-
 `;
 //# sourceMappingURL=tab-bar.styles.js.map

package/dist/components/navigation/tab-bar/tab-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA0DZ,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2E1B,KAAK;;;;;4CAKgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiC1B,KAAK;;;;4CAIgB,KAAK;;;;;CAKhD,CAAC"}
+{"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HlC,CAAC"}

package/dist/components/navigation/tab-bar/tab-bar.template.js

@@ -37,7 +37,7 @@ export function tabBarItemTemplate(component) {
 		<span class="tab-bar__item-icon" aria-hidden="true">
 			${component.icon
         ? html `<nldd-icon name=${component.icon}></nldd-icon>`
-        : html `<slot name="icon" @slotchange=${component._onIconSlotChange}></slot>`}
+        : html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${isIconVariant ? html `<nldd-icon name="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
 		</span>
 		<span class="tab-bar__item-text">
 			${component.text}

package/dist/components/navigation/tab-bar/tab-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,IAAI,MAAM,CAAC;IAClD,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC;IAE1C,MAAM,cAAc,GAAG,IAAI,CAAA;;UAElB,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAC5B,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;;uBAEvB,SAAS,CAAC,aAAa;;EAE5C,CAAC;IAEF,IAAI,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;qCACwB,KAAK;MACpC,cAAc;;GAEjB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;KAEP,cAAc;;EAEjB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;IAC3C,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,MAAM,aAAa,GAAG,SAAS,CAAC,iBAAiB,KAAK,MAAM,CAAC;IAC7D,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtE,MAAM,OAAO,GAAG,IAAI,CAAA;;KAEhB,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;;;KAG3E,SAAS,CAAC,IAAI;;EAEjB,CAAC;IAEF,IAAI,MAAsB,CAAC;IAE3B,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,IAAI,CAAA;;WAEJ,QAAS;WACT,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;mBACtB,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpD,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;iBACpE,SAAS;eACX,QAAQ;aACV,SAAS,CAAC,YAAY;MAC7B,OAAO;GACV,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;;oBAIK,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,SAAS;eACX,QAAQ;aACV,SAAS,CAAC,YAAY;MAC7B,OAAO;GACV,CAAC;IACH,CAAC;IAED,IAAI,aAAa,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QACrC,OAAO,IAAI,CAAA,sBAAsB,SAAS,CAAC,IAAI,IAAI,MAAM,iBAAiB,CAAC;IAC5E,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}
+{"version":3,"file":"tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,IAAI,MAAM,CAAC;IAClD,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC;IAE1C,MAAM,cAAc,GAAG,IAAI,CAAA;;UAElB,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAC5B,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;;uBAEvB,SAAS,CAAC,aAAa;;EAE5C,CAAC;IAEF,IAAI,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;qCACwB,KAAK;MACpC,cAAc;;GAEjB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;KAEP,cAAc;;EAEjB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;IAC3C,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,MAAM,aAAa,GAAG,SAAS,CAAC,iBAAiB,KAAK,MAAM,CAAC;IAC7D,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtE,MAAM,OAAO,GAAG,IAAI,CAAA;;KAEhB,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,CAAC,CAAC,CAAC,OAAO,SAAS;;;KAG7J,SAAS,CAAC,IAAI;;EAEjB,CAAC;IAEF,IAAI,MAAsB,CAAC;IAE3B,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,IAAI,CAAA;;WAEJ,QAAS;WACT,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;mBACtB,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpD,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;iBACpE,SAAS;eACX,QAAQ;aACV,SAAS,CAAC,YAAY;MAC7B,OAAO;GACV,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;;oBAIK,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,SAAS;eACX,QAAQ;aACV,SAAS,CAAC,YAAY;MAC7B,OAAO;GACV,CAAC;IACH,CAAC;IAED,IAAI,aAAa,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QACrC,OAAO,IAAI,CAAA,sBAAsB,SAAS,CAAC,IAAI,IAAI,MAAM,iBAAiB,CAAC;IAC5E,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}