@nldd/design-system 0.8.94 → 0.8.96

package/dist/components/content/avatar/avatar.d.ts

@@ -139,7 +139,7 @@ export declare class NLDDAvatar extends NLDDAvatar_base {
     /** Shrink wide initials so they always fit. The fit factor is the shape's
      *  usable width over the initials' natural width (scrollWidth ignores
      *  the applied transform, so the measurement stays stable); capped at 1 so
-     *  narrow initials are never enlarged. Applied via --_initials-fit (a
+     *  narrow initials are never enlarged. Applied via --_avatar-initials-fit (a
      *  transform scale), so no reflow and it stays measurable. */
     private _fitInitials;
     render(): import("lit-html").TemplateResult;

package/dist/components/content/avatar/avatar.js

@@ -229,20 +229,20 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
     /** Shrink wide initials so they always fit. The fit factor is the shape's
      *  usable width over the initials' natural width (scrollWidth ignores
      *  the applied transform, so the measurement stays stable); capped at 1 so
-     *  narrow initials are never enlarged. Applied via --_initials-fit (a
+     *  narrow initials are never enlarged. Applied via --_avatar-initials-fit (a
      *  transform scale), so no reflow and it stays measurable. */
     _fitInitials() {
         const initials = this.shadowRoot?.querySelector('.avatar__initials');
         const shape = this.shadowRoot?.querySelector('.avatar');
         if (!initials || !shape) {
-            this.style.removeProperty('--_initials-fit');
+            this.style.removeProperty('--_avatar-initials-fit');
             return;
         }
         const available = shape.clientWidth * INITIALS_FIT_RATIO;
         const actual = initials.scrollWidth;
         if (available <= 0 || actual <= 0)
             return; // not laid out yet — leave as is
-        this.style.setProperty('--_initials-fit', String(Math.min(1, available / actual)));
+        this.style.setProperty('--_avatar-initials-fit', String(Math.min(1, available / actual)));
     }
     render() {
         return avatarTemplate(this);

package/dist/components/content/avatar/avatar.js.map

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

package/dist/components/content/avatar/avatar.styles.js

@@ -9,20 +9,20 @@ export const avatarStyles = css `
 	/* # Host */
 
 	:host {
-		--_size: 100%;
-		--_corner-radius: var(--components-avatar-corner-radius);
-		--_background-color: var(--components-avatar-background-color);
-		--_content-color: var(--components-avatar-content-color);
-		--_icon-scale: 0.6;
-		--_initials-scale: 0.52;
-		--_initials-font-weight: 500;
-		--_initials-fit: 1;
-		--_initials-optical-shift: 0.02em;
-		--_shape-scale: 1;
+		--_avatar-size: 100%;
+		--_avatar-corner-radius: var(--primitives-corner-radius-full);
+		--_avatar-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
+		--_avatar-content-color: var(--primitives-color-neutral-800);
+		--_avatar-icon-scale: 0.6;
+		--_avatar-initials-scale: 0.52;
+		--_avatar-initials-font-weight: 500;
+		--_avatar-initials-fit: 1;
+		--_avatar-initials-optical-shift: 0.02em;
+		--_avatar-shape-scale: 1;
 
 		${inheritedTextReset}
 		display: inline-flex;
-		width: var(--_size);
+		width: var(--_avatar-size);
 		aspect-ratio: 1;
 		flex-shrink: 0;
 		align-items: center;
@@ -34,7 +34,7 @@ export const avatarStyles = css `
 	}
 
 	:host([type="organization"]) {
-		--_corner-radius: var(--components-avatar-organization-corner-radius);
+		--_avatar-corner-radius: var(--primitives-corner-radius-md);
 	}
 
 	/* Fill tracks the shared content-color channel (set by list-item / table /
@@ -47,33 +47,33 @@ export const avatarStyles = css `
 	:host([color="inherit"]) {
 		color: var(--context-content-color, currentColor);
 
-		--_background-color: currentColor;
-		--_content-color: var(--semantics-content-contrast-color);
+		--_avatar-background-color: currentColor;
+		--_avatar-content-color: var(--semantics-content-contrast-color);
 	}
 
 	/* Shrink the visible shape to 5/6 of the host (centered), so the avatar lines
 	   up optically with an icon on the same grid (an icon glyph has built-in
 	   padding). The host keeps the grid cell size. */
 	:host([icon-aligned]) {
-		--_shape-scale: calc(5 / 6);
+		--_avatar-shape-scale: calc(5 / 6);
 	}
 
 
 	/* # Size — spacer-aligned, mirrors nldd-icon */
 
-	:host([size="full"]) { --_size: 100%; }
-	:host([size="16"]) { --_size: var(--primitives-space-16); }
-	:host([size="20"]) { --_size: var(--primitives-space-20); }
-	:host([size="24"]) { --_size: var(--primitives-space-24); }
-	:host([size="28"]) { --_size: var(--primitives-space-28); }
-	:host([size="32"]) { --_size: var(--primitives-space-32); }
-	:host([size="40"]) { --_size: var(--primitives-space-40); }
-	:host([size="44"]) { --_size: var(--primitives-space-44); }
-	:host([size="48"]) { --_size: var(--primitives-space-48); }
-	:host([size="56"]) { --_size: var(--primitives-space-56); }
-	:host([size="64"]) { --_size: var(--primitives-space-64); }
-	:host([size="80"]) { --_size: var(--primitives-space-80); }
-	:host([size="96"]) { --_size: var(--primitives-space-96); }
+	:host([size="full"]) { --_avatar-size: 100%; }
+	:host([size="16"]) { --_avatar-size: var(--primitives-space-16); }
+	:host([size="20"]) { --_avatar-size: var(--primitives-space-20); }
+	:host([size="24"]) { --_avatar-size: var(--primitives-space-24); }
+	:host([size="28"]) { --_avatar-size: var(--primitives-space-28); }
+	:host([size="32"]) { --_avatar-size: var(--primitives-space-32); }
+	:host([size="40"]) { --_avatar-size: var(--primitives-space-40); }
+	:host([size="44"]) { --_avatar-size: var(--primitives-space-44); }
+	:host([size="48"]) { --_avatar-size: var(--primitives-space-48); }
+	:host([size="56"]) { --_avatar-size: var(--primitives-space-56); }
+	:host([size="64"]) { --_avatar-size: var(--primitives-space-64); }
+	:host([size="80"]) { --_avatar-size: var(--primitives-space-80); }
+	:host([size="96"]) { --_avatar-size: var(--primitives-space-96); }
 
 
 	/* # Avatar */
@@ -82,18 +82,18 @@ export const avatarStyles = css `
 	   avatar's rendered width, so a fixed size and a filled (100%) size both work.
 	   inline-size (not size) leaves the block axis free, so aspect-ratio can drive
 	   the height without the box collapsing in flex/grid. color stays inherited
-	   here so --_background-color's currentColor (color="inherit") resolves to the
+	   here so --_avatar-background-color's currentColor (color="inherit") resolves to the
 	   surrounding color, not the content color. */
 	.avatar {
 		container-type: inline-size;
 		display: flex;
-		width: calc(100% * var(--_shape-scale));
-		height: calc(100% * var(--_shape-scale));
+		width: calc(100% * var(--_avatar-shape-scale));
+		height: calc(100% * var(--_avatar-shape-scale));
 		align-items: center;
 		justify-content: center;
 		overflow: hidden;
-		border-radius: var(--_corner-radius);
-		background-color: var(--_background-color);
+		border-radius: var(--_avatar-corner-radius);
+		background-color: var(--_avatar-background-color);
 		-webkit-user-select: none;
 		user-select: none;
 	}
@@ -141,20 +141,20 @@ export const avatarStyles = css `
 
 	.avatar__initials {
 		font-family: var(--primitives-font-family-body);
-		font-weight: var(--_initials-font-weight);
-		font-size: calc(var(--_initials-scale) * 100cqi);
+		font-weight: var(--_avatar-initials-font-weight);
+		font-size: calc(var(--_avatar-initials-scale) * 100cqi);
 		line-height: 1;
-		color: var(--_content-color);
+		color: var(--_avatar-content-color);
 		/* fit-initials shrinks wide initials via this factor (measured in JS);
 		   transform (not font-size) so scrollWidth stays the natural width. The
 		   optical shift rides along in the same transform — scale is applied
 		   first, so the translate stays in unscaled em. */
-		transform: translateY(var(--_initials-optical-shift)) scale(var(--_initials-fit));
+		transform: translateY(var(--_avatar-initials-optical-shift)) scale(var(--_avatar-initials-fit));
 	}
 
 	.avatar__icon {
-		width: calc(var(--_icon-scale) * 100cqi);
-		color: var(--_content-color);
+		width: calc(var(--_avatar-icon-scale) * 100cqi);
+		color: var(--_avatar-content-color);
 	}
 
 	@media (forced-colors: active) {

package/dist/components/content/avatar-group/avatar-group.styles.js

@@ -8,15 +8,15 @@ export const avatarGroupStyles = css `
 	/* # Host */
 
 	:host {
-		--_avatar-size: var(--primitives-space-40);
-		--_overlap-size: calc(var(--_avatar-size) * 0.2);
-		--_ring-thickness: var(--semantics-surfaces-ring-thickness);
-		--_ring-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
-		--_corner-radius: var(--primitives-corner-radius-full);
-		--_overflow-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-150));
-		--_overflow-hover-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
-		--_overflow-content-color: var(--semantics-content-secondary-color);
-		--_overflow-font: var(--primitives-font-body-xs-medium-flat);
+		--_avatar-group-size: var(--primitives-space-40);
+		--_avatar-group-overlap-size: calc(var(--_avatar-group-size) * 0.2);
+		--_avatar-group-ring-thickness: var(--semantics-surfaces-ring-thickness);
+		--_avatar-group-ring-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_avatar-group-corner-radius: var(--primitives-corner-radius-full);
+		--_avatar-group-overflow-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-150));
+		--_avatar-group-overflow-hover-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
+		--_avatar-group-overflow-content-color: var(--semantics-content-secondary-color);
+		--_avatar-group-overflow-font: var(--primitives-font-body-xs-medium-flat);
 
 		display: inline-flex;
 		vertical-align: middle;
@@ -29,24 +29,24 @@ export const avatarGroupStyles = css `
 
 	/* ## Size */
 
-	:host([size="16"]) { --_avatar-size: var(--primitives-space-16); }
-	:host([size="20"]) { --_avatar-size: var(--primitives-space-20); }
-	:host([size="24"]) { --_avatar-size: var(--primitives-space-24); }
-	:host([size="28"]) { --_avatar-size: var(--primitives-space-28); }
-	:host([size="32"]) { --_avatar-size: var(--primitives-space-32); }
-	:host([size="44"]) { --_avatar-size: var(--primitives-space-44); }
-	:host([size="48"]) { --_avatar-size: var(--primitives-space-48); }
-	:host([size="56"]) { --_avatar-size: var(--primitives-space-56); }
-	:host([size="64"]) { --_avatar-size: var(--primitives-space-64); }
-	:host([size="80"]) { --_avatar-size: var(--primitives-space-80); }
-	:host([size="96"]) { --_avatar-size: var(--primitives-space-96); }
+	:host([size="16"]) { --_avatar-group-size: var(--primitives-space-16); }
+	:host([size="20"]) { --_avatar-group-size: var(--primitives-space-20); }
+	:host([size="24"]) { --_avatar-group-size: var(--primitives-space-24); }
+	:host([size="28"]) { --_avatar-group-size: var(--primitives-space-28); }
+	:host([size="32"]) { --_avatar-group-size: var(--primitives-space-32); }
+	:host([size="44"]) { --_avatar-group-size: var(--primitives-space-44); }
+	:host([size="48"]) { --_avatar-group-size: var(--primitives-space-48); }
+	:host([size="56"]) { --_avatar-group-size: var(--primitives-space-56); }
+	:host([size="64"]) { --_avatar-group-size: var(--primitives-space-64); }
+	:host([size="80"]) { --_avatar-group-size: var(--primitives-space-80); }
+	:host([size="96"]) { --_avatar-group-size: var(--primitives-space-96); }
 
 
 	/* # Group */
 
 	.avatar-group {
 		display: flex;
-		padding-inline-start: var(--_overlap-size);
+		padding-inline-start: var(--_avatar-group-overlap-size);
 	}
 
 
@@ -65,18 +65,18 @@ export const avatarGroupStyles = css `
 		position: relative;
 		z-index: 0;
 		flex-shrink: 0;
-		margin-inline-start: calc(-1 * var(--_overlap-size));
+		margin-inline-start: calc(-1 * var(--_avatar-group-overlap-size));
 		border: none;
-		border-radius: var(--_corner-radius);
-		box-shadow: 0 0 0 var(--_ring-thickness) var(--_ring-color);
-		background-color: var(--_overflow-background-color);
-		width: var(--_avatar-size);
-		height: var(--_avatar-size);
+		border-radius: var(--_avatar-group-corner-radius);
+		box-shadow: 0 0 0 var(--_avatar-group-ring-thickness) var(--_avatar-group-ring-color);
+		background-color: var(--_avatar-group-overflow-background-color);
+		width: var(--_avatar-group-size);
+		height: var(--_avatar-group-size);
 		padding: 0;
 		align-items: center;
 		justify-content: center;
-		color: var(--_overflow-content-color);
-		font: var(--_overflow-font);
+		color: var(--_avatar-group-overflow-content-color);
+		font: var(--_avatar-group-overflow-font);
 	}
 
 	/* The smallest step the neutral scale has, one notch off the resting fill.
@@ -84,7 +84,7 @@ export const avatarGroupStyles = css `
 	   control that already looks like a button, and here they read as a jump.
 	   It only has to confirm that this disc is clickable. */
 	.avatar-group__overflow-button:hover {
-		background-color: var(--_overflow-hover-background-color);
+		background-color: var(--_avatar-group-overflow-hover-background-color);
 	}
 
 	.avatar-group__overflow-button:focus-visible {
@@ -104,18 +104,18 @@ export const avatarGroupStyles = css `
 	.avatar-group ::slotted(nldd-avatar) {
 		position: relative;
 		flex-shrink: 0;
-		margin-inline-start: calc(-1 * var(--_overlap-size));
-		border-radius: var(--_corner-radius);
-		box-shadow: 0 0 0 var(--_ring-thickness) var(--_ring-color);
-		width: var(--_avatar-size) !important;
-		height: var(--_avatar-size) !important;
+		margin-inline-start: calc(-1 * var(--_avatar-group-overlap-size));
+		border-radius: var(--_avatar-group-corner-radius);
+		box-shadow: 0 0 0 var(--_avatar-group-ring-thickness) var(--_avatar-group-ring-color);
+		width: var(--_avatar-group-size) !important;
+		height: var(--_avatar-group-size) !important;
 	}
 
 	/* A box-shadow does not paint in forced colors, so the separation comes
 	   back as a real border there. */
 	@media (forced-colors: active) {
 		.avatar-group ::slotted(nldd-avatar) {
-			border: var(--_ring-thickness) solid Canvas;
+			border: var(--_avatar-group-ring-thickness) solid Canvas;
 		}
 	}
 `;

package/dist/components/content/blockquote/blockquote.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAoF5B,CAAC"}
+{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAqF5B,CAAC"}

package/dist/components/content/blockquote/blockquote.styles.js

@@ -11,20 +11,20 @@ export const blockquoteStyles = css `
 	/* # Host */
 
 	:host {
-		--_spacing: var(--semantics-blockquotes-md-spacing);
-		--_quote-font: var(--semantics-blockquotes-md-quote-font);
-		--_attribution-font: var(--semantics-blockquotes-md-attribution-font);
+		--_blockquote-spacing: var(--semantics-blockquotes-md-spacing);
+		--_blockquote-quote-font: var(--semantics-blockquotes-md-quote-font);
+		--_blockquote-attribution-font: var(--semantics-blockquotes-md-attribution-font);
 
 		@media (max-width: ${smMax}) {
-			--_spacing: var(--semantics-blockquotes-sm-spacing);
-			--_quote-font: var(--semantics-blockquotes-sm-quote-font);
-			--_attribution-font: var(--semantics-blockquotes-sm-attribution-font);
+			--_blockquote-spacing: var(--semantics-blockquotes-sm-spacing);
+			--_blockquote-quote-font: var(--semantics-blockquotes-sm-quote-font);
+			--_blockquote-attribution-font: var(--semantics-blockquotes-sm-attribution-font);
 		}
 
 		@container layout-container (max-width: ${smMax}) {
-			--_spacing: var(--semantics-blockquotes-sm-spacing);
-			--_quote-font: var(--semantics-blockquotes-sm-quote-font);
-			--_attribution-font: var(--semantics-blockquotes-sm-attribution-font);
+			--_blockquote-spacing: var(--semantics-blockquotes-sm-spacing);
+			--_blockquote-quote-font: var(--semantics-blockquotes-sm-quote-font);
+			--_blockquote-attribution-font: var(--semantics-blockquotes-sm-attribution-font);
 		}
 
 		${inheritedTextReset}
@@ -43,11 +43,12 @@ export const blockquoteStyles = css `
 		display: flex;
 		margin: 0;
 		border-left: var(--semantics-blockquotes-border);
-		padding-inline: var(--_spacing);
+		padding-inline: var(--_blockquote-spacing);
 		padding-bottom: 0;
 		flex-direction: column;
-		gap: calc(var(--_spacing) / 2);
+		gap: calc(var(--_blockquote-spacing) / 2);
 		color: var(--semantics-content-color);
+		text-wrap: pretty;
 	}
 
 
@@ -56,13 +57,13 @@ export const blockquoteStyles = css `
 	.blockquote__quote {
 		display: flex;
 		flex-direction: column;
-		gap: calc(var(--_spacing) / 2);
-		font: var(--_quote-font);
+		gap: calc(var(--_blockquote-spacing) / 2);
+		font: var(--_blockquote-quote-font);
 	}
 
 	.blockquote__attribution {
 		display: block;
-		font: var(--_attribution-font);
+		font: var(--_blockquote-attribution-font);
 	}
 
 	.blockquote__attribution::before {

package/dist/components/content/blockquote/blockquote.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;uBAaZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}
+{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;uBAaZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}

package/dist/components/content/code-viewer/code-viewer.js

@@ -21,7 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * `language` ships zero grammar code.
  *
  * ### Theming
- * Token colors are the `--components-code-viewer-token-*` custom properties
+ * Token colors are the `--semantics-code-syntax-*` custom properties
  * (shared with the editor via the CodeMirror highlight style). Override them
  * per-instance to swap the theme.
  *

package/dist/components/content/code-viewer/code-viewer.styles.js

@@ -9,24 +9,24 @@ export const codeViewerStyles = css `
 	/* # Host */
 
 	:host {
-		--_corner-radius: var(--semantics-surfaces-corner-radius);
-		--_background-color: var(--semantics-surfaces-tinted-background-color);
-		--_border-width: var(--semantics-surfaces-border-width);
-		--_border-color: var(--semantics-surfaces-tinted-border-color);
-		--_border-shadow: inset 0 0 0 var(--_border-width) var(--_border-color);
-		--_block-padding: var(--primitives-space-16);
-		--_inline-padding: var(--primitives-space-16);
-		--_content-color: var(--semantics-content-color);
-		--_font: var(--primitives-font-monospace-sm-regular-snug);
-		--_actions-area-padding: var(--primitives-space-8);
-		--_actions-area-size: calc(var(--semantics-controls-md-min-size) + var(--_actions-area-padding) * 2);
-		--_actions-z-index: 1;
+		--_code-viewer-corner-radius: var(--semantics-surfaces-corner-radius);
+		--_code-viewer-background-color: var(--semantics-surfaces-tinted-background-color);
+		--_code-viewer-border-width: var(--semantics-surfaces-border-width);
+		--_code-viewer-border-color: var(--semantics-surfaces-tinted-border-color);
+		--_code-viewer-border-shadow: inset 0 0 0 var(--_code-viewer-border-width) var(--_code-viewer-border-color);
+		--_code-viewer-block-padding: var(--primitives-space-16);
+		--_code-viewer-inline-padding: var(--primitives-space-16);
+		--_code-viewer-content-color: var(--semantics-content-color);
+		--_code-viewer-font: var(--primitives-font-monospace-sm-regular-snug);
+		--_code-viewer-actions-area-padding: var(--primitives-space-8);
+		--_code-viewer-actions-area-size: calc(var(--semantics-controls-md-min-size) + var(--_code-viewer-actions-area-padding) * 2);
+		--_code-viewer-actions-z-index: 1;
 
 		${inheritedTextReset}
 		display: flex;
 		position: relative;
 		/* Own stacking context so the absolutely-positioned actions button
-		   (z-index: var(--_actions-z-index)) stays scoped to the code-viewer
+		   (z-index: var(--_code-viewer-actions-z-index)) stays scoped to the code-viewer
 		   and can't paint over other layers on the page. */
 		isolation: isolate;
 		/* iOS Safari inflates text in wide scrollable blocks (text autosizing);
@@ -40,16 +40,16 @@ export const codeViewerStyles = css `
 	}
 
 	:host([appearance="box-base"]) {
-		--_background-color: var(--semantics-surfaces-base-background-color);
-		--_border-color: var(--semantics-surfaces-base-border-color);
+		--_code-viewer-background-color: var(--semantics-surfaces-base-background-color);
+		--_code-viewer-border-color: var(--semantics-surfaces-base-border-color);
 	}
 
 	:host([appearance="simple"]) {
-		--_corner-radius: 0;
-		--_background-color: transparent;
-		--_border-color: transparent;
-		--_block-padding: 0;
-		--_inline-padding: 0;
+		--_code-viewer-corner-radius: 0;
+		--_code-viewer-background-color: transparent;
+		--_code-viewer-border-color: transparent;
+		--_code-viewer-block-padding: 0;
+		--_code-viewer-inline-padding: 0;
 	}
 
 
@@ -58,20 +58,20 @@ export const codeViewerStyles = css `
 	.code-viewer {
 		box-sizing: border-box;
 		position: relative;
-		border-radius: var(--_corner-radius);
+		border-radius: var(--_code-viewer-corner-radius);
 		/* Inner box-shadow paints the border ring inside the radius
 		   without taking layout space — matches nldd-box / nldd-banner.
-		   appearance="simple" suppresses the ring via --_border-color. The
+		   appearance="simple" suppresses the ring via --_code-viewer-border-color. The
 		   forced-colors fallback at the bottom restores a real border. */
-		box-shadow: var(--_border-shadow);
-		background-color: var(--_background-color);
+		box-shadow: var(--_code-viewer-border-shadow);
+		background-color: var(--_code-viewer-background-color);
 		min-width: 0;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: auto;
-		padding: var(--_block-padding) var(--_inline-padding);
-		color: var(--_content-color);
-		font: var(--_font);
+		padding: var(--_code-viewer-block-padding) var(--_code-viewer-inline-padding);
+		color: var(--_code-viewer-content-color);
+		font: var(--_code-viewer-font);
 	}
 
 	/* Reserve the actions space only when the copy button actually renders: not
@@ -79,16 +79,16 @@ export const codeViewerStyles = css `
 	   set by JS when it isn't). Both attributes suppress the button, so both drop
 	   the reserved space. */
 	:host(:not([no-copy]):not([copy-unavailable])) .code-viewer {
-		min-height: var(--_actions-area-size);
-		padding-right: var(--_actions-area-size);
+		min-height: var(--_code-viewer-actions-area-size);
+		padding-right: var(--_code-viewer-actions-area-size);
 	}
 
 	:host([appearance="simple"]:not([no-copy]):not([copy-unavailable])) {
-		--_actions-area-padding: 0;
+		--_code-viewer-actions-area-padding: 0;
 	}
 
 	:host([appearance="simple"]:not([no-copy]):not([copy-unavailable])) .code-viewer {
-		min-height: var(--_actions-area-size);
+		min-height: var(--_code-viewer-actions-area-size);
 		padding-right: 0;
 	}
 
@@ -98,7 +98,7 @@ export const codeViewerStyles = css `
 	.code-viewer:has(.cm-scroller:focus-visible) {
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
-		box-shadow: var(--semantics-focus-ring-box-shadow), var(--_border-shadow);
+		box-shadow: var(--semantics-focus-ring-box-shadow), var(--_code-viewer-border-shadow);
 	}
 
 	.cm-content {
@@ -116,9 +116,9 @@ export const codeViewerStyles = css `
 
 	.code-viewer__actions {
 		position: absolute;
-		top: var(--_actions-area-padding);
-		right: var(--_actions-area-padding);
-		z-index: var(--_actions-z-index);
+		top: var(--_code-viewer-actions-area-padding);
+		right: var(--_code-viewer-actions-area-padding);
+		z-index: var(--_code-viewer-actions-z-index);
 	}
 
 	.code-viewer__live-region {
@@ -138,7 +138,7 @@ export const codeViewerStyles = css `
 
 	@media (forced-colors: active) {
 		:host .code-viewer {
-			border: var(--_border-width) solid CanvasText;
+			border: var(--_code-viewer-border-width) solid CanvasText;
 		}
 
 		:host([appearance="simple"]) .code-viewer {

package/dist/components/content/icon/icon-aliases.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-aliases.d.ts","sourceRoot":"","sources":["../../../../src/components/content/icon/icon-aliases.js"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,sBADW,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6wB/B"}
+{"version":3,"file":"icon-aliases.d.ts","sourceRoot":"","sources":["../../../../src/components/content/icon/icon-aliases.js"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,sBADW,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAqyB/B"}

package/dist/components/content/icon/icon-aliases.js

@@ -190,8 +190,22 @@ export const aliases = {
     'remove-document': 'file-badge-minus',
     // file-badge-plus
     'new-document': 'file-badge-plus',
+    // file-markdown
+    'markdown-document': 'file-markdown',
+    // file-odf
+    'odf-document': 'file-odf',
+    // file-odg
+    'odg-document': 'file-odg',
+    // file-odp
+    'odp-document': 'file-odp',
+    // file-ods
+    'ods-document': 'file-ods',
+    // file-odt
+    'odt-document': 'file-odt',
     // file-on-file
     'documents': 'file-on-file',
+    // file-pdf
+    'pdf-document': 'file-pdf',
     // file-text
     'text-document': 'file-text',
     // file-text-badge-check-mark
@@ -467,6 +481,8 @@ export const aliases = {
     'traject': 'point-bottom-left-to-point-top-right-s-curve-path',
     // power-plug
     'power': 'power-plug',
+    // power-plug-socket
+    'plug-connected': 'power-plug-socket',
     // pipeline-corner-2
     'pipeline': 'pipeline-corner-2',
     // pencil-ruler