@nldd/design-system 0.8.56 → 0.8.57

package/dist/components/navigation/pagination/pagination.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAwQ5B,CAAC"}
+{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBA4R5B,CAAC"}

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

@@ -6,6 +6,9 @@ export const paginationStyles = css `
 	/* # Host */
 
 	:host {
+		--_z-index-selected: 1;
+		--_z-index-focus: 2;
+
 		${inheritedTextReset}
 		display: block;
 		container-type: inline-size;
@@ -33,11 +36,21 @@ export const paginationStyles = css `
 
 	.pagination {
 		display: inline-flex;
+		position: relative;
 		border-radius: var(--semantics-controls-md-corner-radius);
 		background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		align-items: center;
 	}
 
+	.pagination::after {
+		content: '';
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--semantics-buttons-neutral-tinted-highlight-border-color);
+		pointer-events: none;
+	}
+
 	@media (forced-colors: active) {
 		.pagination {
 			border: 1px solid CanvasText;
@@ -47,20 +60,24 @@ export const paginationStyles = css `
 	.pagination__previous-button:focus-within,
 	.pagination__next-button:focus-within {
 		position: relative;
-		z-index: 1;
+		z-index: var(--_z-index-selected);
 	}
 
 
 	/* # Page button */
 
 	.pagination__page-button {
+		--_highlight-border-color: transparent;
+
 		box-sizing: border-box;
 		display: inline-flex;
 		position: relative;
+		z-index: var(--_z-index-selected);
 		margin: 0;
 		border: none;
 		border-radius: var(--semantics-controls-md-corner-radius);
 		background: transparent;
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
 		min-width: var(--semantics-controls-md-min-size);
 		height: var(--semantics-controls-md-min-size);
 		padding-block: var(--primitives-space-8);
@@ -68,7 +85,7 @@ export const paginationStyles = css `
 		align-items: center;
 		justify-content: center;
 		color: inherit;
-		font: var(--semantics-buttons-md-font);
+		font: var(--semantics-buttons-md-primary-text-font);
 		appearance: none;
 	}
 
@@ -83,24 +100,27 @@ export const paginationStyles = css `
 		}
 
 		.pagination__page-button.is-current:hover {
+			--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color);
 			background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color);
-			color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color);
+			color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-primary-content-color);
 		}
 	}
 
 	.pagination__page-button:active:not(.is-current) {
 		background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-active-primary-content-color);
 	}
 
 	.pagination__page-button.is-current {
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-highlight-border-color);
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
 	}
 
 	.pagination__page-button.is-current:active {
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color);
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-primary-content-color);
 	}
 
 	@media (forced-colors: active) {
@@ -111,10 +131,10 @@ export const paginationStyles = css `
 	}
 
 	.pagination__page-button:focus-visible {
-		z-index: 1;
+		z-index: var(--_z-index-focus);
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
-		box-shadow: var(--semantics-focus-ring-box-shadow);
+		box-shadow: var(--semantics-focus-ring-box-shadow), inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
 	}
 
 	@media (forced-colors: active) {
@@ -137,7 +157,7 @@ export const paginationStyles = css `
 		align-items: center;
 		justify-content: center;
 		color: inherit;
-		font: var(--semantics-buttons-md-font);
+		font: var(--semantics-buttons-md-primary-text-font);
 	}
 
 
@@ -167,9 +187,9 @@ export const paginationStyles = css `
 		--_background-color: transparent;
 		--_content-color: inherit;
 		--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
+		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-primary-content-color);
 		--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
+		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-active-primary-content-color);
 
 		display: inline-flex;
 		position: relative;
@@ -197,11 +217,11 @@ export const paginationStyles = css `
 
 	:host([select-expanded]) .pagination__select-wrapper {
 		--_background-color: var(--semantics-buttons-neutral-tinted-is-expanded-background-color);
-		--_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-content-color);
+		--_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-primary-content-color);
 		--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color);
+		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-primary-content-color);
 		--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-content-color);
+		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-primary-content-color);
 	}
 
 	@media (prefers-reduced-motion: reduce) {
@@ -222,7 +242,7 @@ export const paginationStyles = css `
 		padding-inline-start: var(--primitives-space-12);
 		padding-inline-end: calc(var(--primitives-space-24) + var(--primitives-space-12));
 		color: inherit;
-		font: var(--semantics-buttons-md-font);
+		font: var(--semantics-buttons-md-primary-text-font);
 		appearance: none;
 	}
 

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;IAM/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkQrB,CAAC"}
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;IAS/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRrB,CAAC"}

package/dist/components/navigation/pagination/pagination.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAmG5E"}
+{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqG5E"}

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

@@ -46,6 +46,7 @@ export function paginationTemplate(component) {
 					icon="chevron-left-small"
 					text=${t('components.pagination.previous-action')}
 					variant="neutral-tinted"
+					no-highlight-border
 					?disabled=${isDisabled || atFirst}
 					href=${hasHref && !isDisabled && !atFirst ? component._hrefForPage(component.current - 1) : nothing}
 					@click=${(e) => { if (hasHref)
@@ -88,6 +89,7 @@ export function paginationTemplate(component) {
 					icon="chevron-right-small"
 					text=${t('components.pagination.next-action')}
 					variant="neutral-tinted"
+					no-highlight-border
 					?disabled=${isDisabled || atLast}
 					href=${hasHref && !isDisabled && !atLast ? component._hrefForPage(component.current + 1) : nothing}
 					@click=${(e) => { if (hasHref)

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/tab-bar/tab-bar.d.ts

@@ -5,7 +5,8 @@
  * Exports both NLDDTabBar and NLDDTabBarItem.
  *
  * @element nldd-tab-bar
- * @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 {string}  variant           - Visual mode: 'icon-and-text' | 'text' | 'icon'. When unset, the variant is inferred from each item's content. Drives the layout at every size.
+ * @attr {string}  size              - Size: 'md' | 'lg' (default: 'md'). 'lg' enlarges the touch target; the per-variant layout is preserved (icon-and-text stacks the icon over the text, text renders large text, icon renders a larger icon-only control).
  * @attr {boolean} navigation        - Renders a nav landmark instead of tablist; use for href-based items that navigate between routes
  * @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'
@@ -31,11 +32,15 @@ export declare class NLDDTabBarItem extends LitElement {
     selected: boolean;
     href: string;
     /** Set by nldd-tab-bar. Not part of the public API. */
-    _groupVariant: 'icon-and-text' | 'text' | 'icon' | 'compact' | '';
+    _groupVariant: 'icon-and-text' | 'text' | 'icon' | '';
     private _authorVariant;
     text: string;
+    /** Icon name for nldd-icon. The icon and icon-and-text variants show a
+     *  placeholder icon when no icon (attribute or slot) is provided. */
     icon: string;
-    get _effectiveVariant(): 'icon-and-text' | 'text' | 'icon' | 'compact';
+    /** Set by nldd-tab-bar. Sizes the variant-driven layout: 'md' (default) or 'lg' (larger touch target). */
+    size: 'md' | 'lg';
+    get _effectiveVariant(): 'icon-and-text' | 'text' | 'icon';
     _hasIconSlot: boolean;
     /** Set by nldd-tab-bar. Not part of the public API. */
     _navigation: boolean;
@@ -52,7 +57,9 @@ export declare class NLDDTabBar extends LitElement {
     static styles: import("lit").CSSResult;
     /** Centers the tabs in the container (host fills the row, tabs group in the middle). */
     centered: boolean;
-    variant: 'icon-and-text' | 'text' | 'icon' | 'compact' | '';
+    variant: 'icon-and-text' | 'text' | 'icon' | '';
+    /** Size: 'md' (default) or 'lg'. 'lg' enlarges the touch target while keeping the per-variant layout. */
+    size: 'md' | 'lg';
     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;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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,aAAa,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAK3D,OAAO,CAAC,cAAc,CAA8C;IAGpE,IAAI,SAAM;IAEV;yEACqE;IAErE,IAAI,SAAM;IAEV,0GAA0G;IAE1G,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEzB,IAAI,iBAAiB,IAAI,eAAe,GAAG,MAAM,GAAG,MAAM,CAOzD;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,EAAE,CAAM;IAErD,yGAAyG;IAEzG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,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;IAU/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAiBlB,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,7 +11,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * Exports both NLDDTabBar and NLDDTabBarItem.
  *
  * @element nldd-tab-bar
- * @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 {string}  variant           - Visual mode: 'icon-and-text' | 'text' | 'icon'. When unset, the variant is inferred from each item's content. Drives the layout at every size.
+ * @attr {string}  size              - Size: 'md' | 'lg' (default: 'md'). 'lg' enlarges the touch target; the per-variant layout is preserved (icon-and-text stacks the icon over the text, text renders large text, icon renders a larger icon-only control).
  * @attr {boolean} navigation        - Renders a nav landmark instead of tablist; use for href-based items that navigate between routes
  * @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'
@@ -49,7 +50,11 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         // call in updated() which writes the resolved value to the same attribute.
         this._authorVariant = '';
         this.text = '';
+        /** Icon name for nldd-icon. The icon and icon-and-text variants show a
+         *  placeholder icon when no icon (attribute or slot) is provided. */
         this.icon = '';
+        /** Set by nldd-tab-bar. Sizes the variant-driven layout: 'md' (default) or 'lg' (larger touch target). */
+        this.size = 'md';
         this._hasIconSlot = false;
         /** Set by nldd-tab-bar. Not part of the public API. */
         this._navigation = false;
@@ -73,7 +78,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' || attr === 'compact') {
+        if (attr === 'text' || attr === 'icon' || attr === 'icon-and-text') {
             this._authorVariant = attr;
         }
     }
@@ -117,6 +122,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDTabBarItem.prototype, "icon", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDTabBarItem.prototype, "size", void 0);
 __decorate([
     state()
 ], NLDDTabBarItem.prototype, "_hasIconSlot", void 0);
@@ -137,6 +145,8 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
         /** Centers the tabs in the container (host fills the row, tabs group in the middle). */
         this.centered = false;
         this.variant = '';
+        /** Size: 'md' (default) or 'lg'. 'lg' enlarges the touch target while keeping the per-variant layout. */
+        this.size = 'md';
         this.navigation = false;
         this.accessibleLabel = '';
         // Tracks whether the author provided an explicit accessible label
@@ -211,6 +221,7 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
     }
     updated(changedProperties) {
         if (changedProperties.has('variant') ||
+            changedProperties.has('size') ||
             changedProperties.has('navigation')) {
             this._syncItems();
         }
@@ -227,6 +238,7 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
         const items = this._getItems();
         items.forEach(item => {
             item._groupVariant = this.variant;
+            item.size = this.size;
             item._navigation = this.navigation;
         });
         // Ensure keyboard entry point
@@ -250,6 +262,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDTabBar.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDTabBar.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDTabBar.prototype, "navigation", 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":"AAGA,eAAO,MAAM,YAAY,yBAyDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBA+I5B,CAAC"}
+{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA6ExB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAmL5B,CAAC"}

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

@@ -6,6 +6,10 @@ export const tabBarStyles = css `
 	/* # Host */
 
 	:host {
+		--_gap: var(--primitives-space-1);
+		--_z-index-selected: 1;
+		--_z-index-focus: 2;
+
 		${inheritedTextReset}
 		display: inline-block;
 		position: relative;
@@ -39,23 +43,39 @@ export const tabBarStyles = css `
 
 	.tab-bar__items {
 		display: flex;
+		position: relative;
 		border-radius: var(--semantics-controls-md-corner-radius);
 		background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		flex-direction: row;
 		align-items: center;
 		justify-content: center;
+		gap: var(--_gap);
 	}
 
-	:host([variant="compact"]) .tab-bar__items {
+	:host([size="lg"]) .tab-bar__items {
 		border-radius: var(--semantics-controls-lg-corner-radius);
 	}
 
+	.tab-bar__items::after {
+		content: '';
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--semantics-buttons-neutral-tinted-highlight-border-color);
+		pointer-events: none;
+	}
+
 
 	/* # Focus */
 
+	::slotted(nldd-tab-bar-item[selected]) {
+		position: relative;
+		z-index: var(--_z-index-selected);
+	}
+
 	::slotted(nldd-tab-bar-item:focus-within) {
 		position: relative;
-		z-index: 1;
+		z-index: var(--_z-index-focus);
 	}
 `;
 export const tabBarItemStyles = css `
@@ -64,6 +84,10 @@ export const tabBarItemStyles = css `
 	/* # Host */
 
 	:host {
+		--_lg-item-padding: var(--primitives-space-8);
+		--_highlight-border-color: transparent;
+		--_z-index-content: 1;
+
 		${inheritedTextReset}
 		display: inline-block;
 		position: relative;
@@ -88,59 +112,82 @@ export const tabBarItemStyles = css `
 		padding: 0;
 		align-items: center;
 		justify-content: center;
-		color: var(--semantics-buttons-neutral-tinted-content-color);
-		font: var(--semantics-buttons-md-font);
+		color: var(--semantics-buttons-neutral-tinted-primary-content-color);
+		font: var(--semantics-buttons-md-primary-text-font);
 		text-decoration: none;
 		appearance: none;
 	}
 
-	:host([variant="icon-and-text"]) .tab-bar__item {
+	a.tab-bar__item {
+		cursor: var(--semantics-controls-link-cursor);
+	}
+
+	:host([variant="icon-and-text"]:not([size="lg"])) .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 {
+	:host([variant="text"]:not([size="lg"])) .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 {
+	:host([variant="icon"]:not([size="lg"])) .tab-bar__item {
 		width: var(--semantics-controls-md-min-size);
 		height: var(--semantics-controls-md-min-size);
 		padding: 0;
 	}
 
-	:host([variant="compact"]) .tab-bar__item {
+	:host([variant="icon-and-text"][size="lg"]) .tab-bar__item {
 		height: var(--semantics-controls-lg-min-size);
-		padding: var(--primitives-space-8);
+		padding: var(--_lg-item-padding);
 		flex-direction: column;
 	}
 
+	:host([variant="text"][size="lg"]) .tab-bar__item {
+		min-height: var(--semantics-controls-lg-min-size);
+		padding: var(--semantics-controls-lg-block-padding) var(--primitives-space-16);
+		font: var(--semantics-buttons-lg-primary-text-font);
+	}
+
+	:host([variant="icon"][size="lg"]) .tab-bar__item {
+		width: var(--semantics-controls-lg-min-size);
+		height: var(--semantics-controls-lg-min-size);
+		padding: var(--_lg-item-padding);
+	}
+
 	@media (hover: hover) {
 		.tab-bar__item:hover {
 			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
 		}
 
 		:host([selected]) .tab-bar__item:hover {
+			--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color);
+
 			background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color);
-			color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color);
+			color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-primary-content-color);
 		}
 	}
 
 	.tab-bar__item:active {
 		background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-active-primary-content-color);
 	}
 
 	:host([selected]) .tab-bar__item {
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-highlight-border-color);
+
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-selected-primary-content-color);
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
 	}
 
 	:host([selected]) .tab-bar__item:active {
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color);
+
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-background-color);
-		color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-content-color);
+		color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-primary-content-color);
 	}
 
 	@media (forced-colors: active) {
@@ -155,13 +202,17 @@ export const tabBarItemStyles = css `
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
+	:host([selected]) .tab-bar__item:focus-visible {
+		box-shadow: var(--semantics-focus-ring-box-shadow), inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
+	}
+
 
 	/* # Elements */
 
 	.tab-bar__item-icon {
 		display: flex;
 		position: relative;
-		z-index: 1;
+		z-index: var(--_z-index-content);
 		width: var(--semantics-buttons-md-icon-size);
 		height: var(--semantics-buttons-md-icon-size);
 		flex-shrink: 0;
@@ -169,16 +220,21 @@ export const tabBarItemStyles = css `
 		justify-content: center;
 	}
 
-	:host([variant="icon"]) .tab-bar__item-icon {
+	:host([variant="icon"]:not([size="lg"])) .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="icon-and-text"][size="lg"]) .tab-bar__item-icon {
 		width: var(--semantics-buttons-md-icon-only-icon-size);
 		height: var(--semantics-buttons-md-icon-only-icon-size);
 	}
 
+	:host([variant="icon"][size="lg"]) .tab-bar__item-icon {
+		width: var(--semantics-buttons-lg-icon-only-icon-size);
+		height: var(--semantics-buttons-lg-icon-only-icon-size);
+	}
+
 	:host([variant="text"]) .tab-bar__item-icon {
 		display: none;
 	}
@@ -191,10 +247,10 @@ export const tabBarItemStyles = css `
 
 	.tab-bar__item-text {
 		position: relative;
-		z-index: 1;
+		z-index: var(--_z-index-content);
 	}
 
-	:host([variant="compact"]) .tab-bar__item-text {
+	:host([variant="icon-and-text"][size="lg"]) .tab-bar__item-text {
 		font: var(--primitives-font-body-xxs-medium-flat);
 	}
 

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,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;IAM3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;IAM/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIrB,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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;IAU3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;IAU/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAGpC,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA0BpE;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAkD5E"}
+{"version":3,"file":"tab-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAGpC,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA0BpE;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqD5E"}

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

@@ -33,11 +33,14 @@ export function tabBarItemTemplate(component) {
     const tabindex = component.selected || component._isFallbackFocusable ? '0' : '-1';
     const isIconVariant = component._effectiveVariant === 'icon';
     const iconLabel = isIconVariant ? component.text || nothing : nothing;
+    /* The icon and icon-and-text variants reserve an icon area; fill it with a
+     * placeholder whenever the consumer provided no icon. */
+    const showPlaceholder = isIconVariant || component._effectiveVariant === 'icon-and-text';
     const content = html `
 		<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}>${isIconVariant ? html `<nldd-icon name="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
+        : html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? 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,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"}
+{"version":3,"file":"tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"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"}

package/dist/components/{prism-python-QiimuE8j.js → prism-python-9EoInm_N.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-C3JellW2.js";
+import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/components/{prism-rust-D4vfxUpk.js → prism-rust-Chzr6sBk.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-C3JellW2.js";
+import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];