@nldd/design-system 0.8.56 → 0.8.58

package/dist/components/actions/icon-button/icon-button.styles.js

@@ -7,20 +7,23 @@ export const iconButtonStyles = css `
 
 	:host {
 		--_corner-radius: var(--semantics-controls-md-corner-radius);
-		--_background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		--_width: auto;
 		--_min-size: var(--semantics-controls-md-min-size);
 		--_padding: calc((var(--semantics-controls-md-min-size) - var(--semantics-buttons-md-icon-only-icon-size)) / 2);
-		--_content-color: var(--semantics-buttons-neutral-tinted-content-color);
-		--_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-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);
 		--_icon-size: var(--semantics-buttons-md-icon-only-icon-size);
 		--_disclosure-icon-margin-right: calc(var(--primitives-space-2) * -1);
 		--_disclosure-icon-size: var(--primitives-space-20);
 		--_text-display: none;
 		--_text-font: var(--primitives-font-body-xxs-medium-flat);
+		--_background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-tinted-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-neutral-tinted-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-active-highlight-border-color);
 
 		${inheritedTextReset}
 		display: inline-block;
@@ -53,119 +56,240 @@ export const iconButtonStyles = css `
 		--_text-display: block;
 	}
 
-	/* ## Neutral Transparent */
+	:host([size="lg"][hide-lg-text]) {
+		--_padding: calc((var(--semantics-controls-lg-min-size) - var(--semantics-buttons-lg-icon-only-icon-size)) / 2);
+		--_icon-size: var(--semantics-buttons-lg-icon-only-icon-size);
+		--_text-display: none;
+	}
+
+	:host([variant="neutral-base"]) {
+		--_background-color: var(--semantics-buttons-neutral-base-background-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-base-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-base-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-neutral-base-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-neutral-base-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-base-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-neutral-base-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-neutral-base-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-neutral-base-is-active-highlight-border-color);
+	}
 
 	:host([variant="neutral-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-neutral-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-neutral-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-neutral-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-neutral-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
 	}
 
-	/* ## Accent Filled (Primary) */
-
 	:host([variant="accent-filled"]),
 	:host([variant="primary"]) {
 		--_background-color: var(--semantics-buttons-accent-filled-background-color);
-		--_content-color: var(--semantics-buttons-accent-filled-content-color);
+		--_primary-content-color: var(--semantics-buttons-accent-filled-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-accent-filled-highlight-border-color);
 		--_is-hovered-background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-accent-filled-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-accent-filled-is-hovered-highlight-border-color);
 		--_is-active-background-color: var(--semantics-buttons-accent-filled-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-accent-filled-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-accent-filled-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-accent-filled-is-active-highlight-border-color);
 	}
 
-	/* ## Accent Transparent */
-
 	:host([variant="accent-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-accent-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-accent-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-accent-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-accent-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-accent-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
 	}
 
-	/* ## Critical Tinted (Destructive) */
-
 	:host([variant="critical-tinted"]),
 	:host([variant="destructive"]) {
 		--_background-color: var(--semantics-buttons-critical-tinted-background-color);
-		--_content-color: var(--semantics-buttons-critical-tinted-content-color);
+		--_primary-content-color: var(--semantics-buttons-critical-tinted-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-critical-tinted-highlight-border-color);
 		--_is-hovered-background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-critical-tinted-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-critical-tinted-is-hovered-highlight-border-color);
 		--_is-active-background-color: var(--semantics-buttons-critical-tinted-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-critical-tinted-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-critical-tinted-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-critical-tinted-is-active-highlight-border-color);
 	}
 
-	/* ## Critical Transparent */
-
 	:host([variant="critical-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-critical-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-critical-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-critical-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-critical-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-critical-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-critical-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
+	}
+
+	/* The on-color variants derive from currentColor; see nldd-button for
+	   the full rationale. The filled label resolves the context var here on
+	   the host, with the tokens' white/black contrast flip as fallback. */
+
+	:host([variant="inherit-tinted"]) {
+		--_background-color: var(--semantics-buttons-inherit-tinted-background-color);
+		--_primary-content-color: var(--semantics-buttons-inherit-tinted-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-inherit-tinted-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-inherit-tinted-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-inherit-tinted-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-inherit-tinted-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-inherit-tinted-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-inherit-tinted-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-inherit-tinted-is-active-highlight-border-color);
+	}
+
+	:host([variant="inherit-filled"]) {
+		--_background-color: var(--semantics-buttons-inherit-filled-background-color);
+		--_primary-content-color: var(--context-parent-background-color, var(--semantics-buttons-inherit-filled-primary-content-color));
+		--_highlight-border-color: var(--semantics-buttons-inherit-filled-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-inherit-filled-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-inherit-filled-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-inherit-filled-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-inherit-filled-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-inherit-filled-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-inherit-filled-is-active-highlight-border-color);
+	}
+
+	/* For inherit-filled the inner button keeps the inherited on-color:
+	   its currentColor background and the label's contrast flip resolve
+	   against it, and would otherwise self-reference the label. The label
+	   color moves to the content layer instead; see nldd-button. */
+	:host([variant="inherit-filled"]) .icon-button {
+		color: inherit;
+	}
+
+	:host([variant="inherit-filled"]) .icon-button > * {
+		color: var(--_primary-content-color);
 	}
 
 	/* ## Expanded — default (incl. unknown variant) */
 
 	:host([expanded]) {
 		--_background-color: var(--semantics-buttons-neutral-tinted-is-expanded-background-color);
-		--_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-content-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-expanded-highlight-border-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-primary-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-highlight-border-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-primary-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-highlight-border-color);
 	}
 
-	:host([expanded][variant="accent-filled"]),
-	:host([expanded][variant="primary"]) {
-		--_background-color: var(--semantics-buttons-accent-filled-is-expanded-background-color);
-		--_content-color: var(--semantics-buttons-accent-filled-is-expanded-content-color);
-		--_is-hovered-background-color: var(--semantics-buttons-accent-filled-is-expanded-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-accent-filled-is-expanded-is-hovered-content-color);
-		--_is-active-background-color: var(--semantics-buttons-accent-filled-is-expanded-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-accent-filled-is-expanded-is-active-content-color);
+	:host([expanded][variant="neutral-base"]) {
+		--_background-color: var(--semantics-buttons-neutral-base-is-expanded-background-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-base-is-expanded-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-base-is-expanded-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-neutral-base-is-expanded-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-neutral-base-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-base-is-expanded-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-neutral-base-is-expanded-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-neutral-base-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-neutral-base-is-expanded-is-active-highlight-border-color);
 	}
 
 	:host([expanded][variant="neutral-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-neutral-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-neutral-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-neutral-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-neutral-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-neutral-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
+	}
+
+	:host([expanded][variant="accent-filled"]),
+	:host([expanded][variant="primary"]) {
+		--_background-color: var(--semantics-buttons-accent-filled-is-expanded-background-color);
+		--_primary-content-color: var(--semantics-buttons-accent-filled-is-expanded-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-accent-filled-is-expanded-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-accent-filled-is-expanded-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-accent-filled-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-accent-filled-is-expanded-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-accent-filled-is-expanded-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-accent-filled-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-accent-filled-is-expanded-is-active-highlight-border-color);
 	}
 
 	:host([expanded][variant="accent-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-accent-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-accent-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-accent-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-accent-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-accent-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
 	}
 
 	:host([expanded][variant="critical-tinted"]),
 	:host([expanded][variant="destructive"]) {
-		--_background-color: var(--semantics-buttons-critical-tinted-background-color);
-		--_content-color: var(--semantics-buttons-critical-tinted-content-color);
-		--_is-hovered-background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
-		--_is-hovered-content-color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
-		--_is-active-background-color: var(--semantics-buttons-critical-tinted-is-active-background-color);
-		--_is-active-content-color: var(--semantics-buttons-critical-tinted-is-active-content-color);
+		--_background-color: var(--semantics-buttons-critical-tinted-is-expanded-background-color);
+		--_primary-content-color: var(--semantics-buttons-critical-tinted-is-expanded-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-critical-tinted-is-expanded-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-critical-tinted-is-expanded-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-critical-tinted-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-critical-tinted-is-expanded-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-critical-tinted-is-expanded-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-critical-tinted-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-critical-tinted-is-expanded-is-active-highlight-border-color);
 	}
 
 	:host([expanded][variant="critical-transparent"]) {
 		--_background-color: transparent;
-		--_content-color: var(--semantics-buttons-critical-transparent-content-color);
+		--_primary-content-color: var(--semantics-buttons-critical-transparent-primary-content-color);
+		--_highlight-border-color: transparent;
 		--_is-hovered-background-color: transparent;
-		--_is-hovered-content-color: var(--semantics-buttons-critical-transparent-is-hovered-content-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-critical-transparent-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: transparent;
 		--_is-active-background-color: transparent;
-		--_is-active-content-color: var(--semantics-buttons-critical-transparent-is-active-content-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-critical-transparent-is-active-primary-content-color);
+		--_is-active-highlight-border-color: transparent;
+	}
+
+	/* The on-color variants keep their currentColor-derived content; expanded
+	   only deepens the background. Content is restated (not inherited from the
+	   resting block) because the default [expanded] block has equal
+	   specificity and later source order. See nldd-button for the rationale. */
+	:host([expanded][variant="inherit-tinted"]) {
+		--_background-color: var(--semantics-buttons-inherit-tinted-is-expanded-background-color);
+		--_primary-content-color: var(--semantics-buttons-inherit-tinted-is-expanded-primary-content-color);
+		--_highlight-border-color: var(--semantics-buttons-inherit-tinted-is-expanded-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-inherit-tinted-is-expanded-is-active-highlight-border-color);
+	}
+
+	:host([expanded][variant="inherit-filled"]) {
+		--_background-color: var(--semantics-buttons-inherit-filled-is-expanded-background-color);
+		--_primary-content-color: var(--context-parent-background-color, var(--semantics-buttons-inherit-filled-is-expanded-primary-content-color));
+		--_highlight-border-color: var(--semantics-buttons-inherit-filled-is-expanded-highlight-border-color);
+		--_is-hovered-background-color: var(--semantics-buttons-inherit-filled-is-expanded-is-hovered-background-color);
+		--_is-hovered-primary-content-color: var(--semantics-buttons-inherit-filled-is-expanded-is-hovered-primary-content-color);
+		--_is-hovered-highlight-border-color: var(--semantics-buttons-inherit-filled-is-expanded-is-hovered-highlight-border-color);
+		--_is-active-background-color: var(--semantics-buttons-inherit-filled-is-expanded-is-active-background-color);
+		--_is-active-primary-content-color: var(--semantics-buttons-inherit-filled-is-expanded-is-active-primary-content-color);
+		--_is-active-highlight-border-color: var(--semantics-buttons-inherit-filled-is-expanded-is-active-highlight-border-color);
 	}
 
 	:host([width="full"]) {
@@ -183,6 +307,13 @@ export const iconButtonStyles = css `
 		pointer-events: none;
 	}
 
+	:host([no-highlight-border]),
+	:host([no-highlight-border][expanded]) {
+		--_highlight-border-color: transparent;
+		--_is-hovered-highlight-border-color: transparent;
+		--_is-active-highlight-border-color: transparent;
+	}
+
 
 	/* # Block */
 
@@ -194,6 +325,7 @@ export const iconButtonStyles = css `
 		border-radius: var(--_corner-radius);
 		background: none;
 		background-color: var(--_background-color);
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
 		width: var(--_width);
 		min-width: var(--_min-size);
 		height: var(--_min-size);
@@ -202,7 +334,7 @@ export const iconButtonStyles = css `
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-		color: var(--_content-color);
+		color: var(--_primary-content-color);
 		font: inherit;
 		text-decoration: none;
 		transition:
@@ -227,7 +359,7 @@ export const iconButtonStyles = css `
 	.icon-button:focus-visible {
 		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);
 	}
 
 	.icon-button:focus:not(:focus-visible) {
@@ -237,13 +369,15 @@ export const iconButtonStyles = css `
 	@media (hover: hover) {
 		.icon-button:hover {
 			background-color: var(--_is-hovered-background-color);
-			color: var(--_is-hovered-content-color);
+			color: var(--_is-hovered-primary-content-color);
+			--_highlight-border-color: var(--_is-hovered-highlight-border-color);
 		}
 	}
 
 	.icon-button:active {
 		background-color: var(--_is-active-background-color);
-		color: var(--_is-active-content-color);
+		color: var(--_is-active-primary-content-color);
+		--_highlight-border-color: var(--_is-active-highlight-border-color);
 	}
 
 	/* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
@@ -307,9 +441,7 @@ export const iconButtonStyles = css `
 	.icon-button__activity-indicator {
 		position: absolute;
 		inset: 0;
-		/* Re-establish the content color here: the indicator lives outside
-		   .icon-button now, so its currentColor stroke can no longer inherit it. */
-		color: var(--_content-color);
+		color: var(--_primary-content-color);
 	}
 `;
 //# sourceMappingURL=icon-button.styles.js.map

package/dist/components/actions/icon-button/icon-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.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;;;;;;;;;;;;;;;;;;;;;;IAsB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSrB,CAAC"}
+{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.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;;;;;;;;;;;;;;;;;;;;;;;;;IAyB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkarB,CAAC"}

package/dist/components/actions/icon-button/icon-button.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCA+F5C"}
+{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAwB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCA+F5C"}

package/dist/components/actions/icon-button/icon-button.template.js

@@ -6,7 +6,9 @@ function renderContent(component) {
 			<span class="icon-button__icon">
 				${component.icon
         ? html `<nldd-icon name=${component.icon}></nldd-icon>`
-        : html `<slot name="icon" @slotchange=${component.requestUpdate}></slot>`}
+        : html `<slot name="icon" @slotchange=${component._onIconSlotChange}>
+							<nldd-icon name="icon-placeholder"></nldd-icon>
+						</slot>`}
 			</span>
 			${component.expandable ? html `
 				<span class="icon-button__disclosure-icon">
@@ -24,7 +26,7 @@ export function template() {
     const content = renderContent(this);
     // Tooltip text: accessible-label always, or text when not visible (non-lg)
     const tooltipText = this.accessibleLabel
-        || (this.size !== 'lg' ? this.text : '');
+        || ((this.size !== 'lg' || this.hideLgText) ? this.text : '');
     // `expandable` (disclosure widget signal) or `popup-type` (popup container
     // signal) both require aria-expanded to always be present so screen
     // readers know the current open/closed state. Without one of these, only

package/dist/components/actions/icon-button/icon-button.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB;;cAEzD;;KAET,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE/D,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,2EAA2E;IAC3E,yEAAyE;IACzE,wEAAwE;IACxE,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,sEAAsE;IACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACjD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI;QAC5C,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI;YAC3B,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI;gBAC3B,CAAC,CAAC,IAAI,CAAC;IACR,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO;QACpC,CAAC,CAAC,IAAI,CAAA;;;;YAII,WAAW;;;GAGpB;QACD,CAAC,CAAC,OAAO,CAAC;IAEX,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;qBACF,IAAI,CAAC,SAAS,IAAI,OAAO;qBACzB,YAAY;iBAChB,QAAQ;cACX,IAAI,CAAC,YAAY;;OAExB,OAAO;;IAEV,CAAC;QACH,CAAC;QAED,uEAAuE;QACvE,mEAAmE;QACnE,sEAAsE;QACtE,uEAAuE;QACvE,wEAAwE;QACxE,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;gBACJ,IAAI,CAAC,QAAQ;oBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,KAAK;oBACF,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;gBAChB,QAAQ;oBACJ,IAAI,CAAC,aAAa,IAAI,OAAO;4BACrB,IAAI,CAAC,oBAAoB;2BAC1B,IAAI,CAAC,mBAAmB;aACtC,IAAI,CAAC,YAAY;;MAExB,OAAO;;GAEV,CAAC;IACH,CAAC,CAAC;IAEF,0EAA0E;IAC1E,0EAA0E;IAC1E,+BAA+B;IAC/B,MAAM,OAAO,GAAG,WAAW,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;QAC5D,CAAC,CAAC,IAAI,CAAA;wBACgB,WAAW,WAAW,IAAI,CAAC,aAAa;MAC1D,YAAY,EAAE;;GAEjB;QACD,CAAC,CAAC,YAAY,EAAE,CAAC;IAElB,OAAO,IAAI,CAAA,GAAG,OAAO,GAAG,gBAAgB,EAAE,CAAC;AAC5C,CAAC"}

package/dist/components/actions/menu/menu.d.ts

@@ -485,6 +485,15 @@ export declare class NLDDMenu extends LitElement {
      */
     private _handleItemPointerdown;
     private _handleDragRelease;
+    /**
+     * Resolves the menu-item under the pointer, piercing shadow boundaries.
+     * `document.elementFromPoint` stops at the outermost shadow host, so a menu
+     * nested inside another component's shadow DOM (e.g. nldd-split-button)
+     * resolves the release target to that host and never finds the item — which
+     * silently disables press-drag-release there. Descending the shadow roots
+     * restores it and is a no-op for light-DOM menus.
+     */
+    private _menuItemFromPoint;
     private _handleDocumentPointerdown;
     private _outsideTapStartX;
     private _outsideTapStartY;

package/dist/components/actions/menu/menu.d.ts.map

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

package/dist/components/actions/menu/menu.js

@@ -841,8 +841,7 @@ export class NLDDMenu extends LitElement {
             // to an item in a different, newly-opened menu and fire its select.
             if (!this._isOpen)
                 return;
-            const target = document.elementFromPoint(event.clientX, event.clientY);
-            const releaseItem = target?.closest('nldd-menu-item');
+            const releaseItem = this._menuItemFromPoint(event.clientX, event.clientY);
             if (!releaseItem || releaseItem === startItem || releaseItem.disabled)
                 return;
             // Different item — fire its select. Browser won't dispatch click here
@@ -1559,6 +1558,32 @@ export class NLDDMenu extends LitElement {
     get _isSubmenu() {
         return this._parentMenu !== null;
     }
+    /**
+     * Resolves the menu-item under the pointer, piercing shadow boundaries.
+     * `document.elementFromPoint` stops at the outermost shadow host, so a menu
+     * nested inside another component's shadow DOM (e.g. nldd-split-button)
+     * resolves the release target to that host and never finds the item — which
+     * silently disables press-drag-release there. Descending the shadow roots
+     * restores it and is a no-op for light-DOM menus.
+     */
+    _menuItemFromPoint(x, y) {
+        let root = document;
+        // Depth guard: a backstop against pathologically deep shadow nesting;
+        // real menus are at most a few roots deep.
+        const MAX_PIERCE_DEPTH = 20;
+        for (let depth = 0; depth < MAX_PIERCE_DEPTH; depth++) {
+            const el = root.elementFromPoint(x, y);
+            if (!el)
+                return null;
+            const item = el.closest('nldd-menu-item');
+            if (item)
+                return item;
+            if (!el.shadowRoot)
+                return null;
+            root = el.shadowRoot;
+        }
+        return null;
+    }
     _teardownOutsideTap() {
         this._outsideTapTracking = false;
         document.removeEventListener('pointermove', this._outsideTapMove, true);