@nldd/design-system 0.8.94 → 0.8.96

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

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

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

@@ -9,26 +9,26 @@ export const imageStyles = css `
 	/* # Host */
 
 	:host {
-		--_corner-radius: var(--components-image-corner-radius);
-		--_background-color: var(--components-image-background-color);
-		--_caption-gap: var(--components-image-caption-gap);
-		--_caption-color: var(--components-image-caption-color);
-		--_caption-font: var(--components-image-caption-font);
-		--_credit-color: var(--components-image-credit-color);
-		--_credit-font: var(--components-image-credit-font);
-		--_error-text-color: var(--components-image-error-text-color);
-		--_error-font: var(--components-image-error-font);
-		--_error-padding: var(--primitives-space-8);
-		--_error-gap: var(--primitives-space-2);
-		--_caption-row-gap: var(--primitives-space-8);
-		--_object-fit: cover;
-		--_object-position: center;
-		--_max-width: 100%;
+		--_image-corner-radius: var(--primitives-corner-radius-none);
+		--_image-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-50));
+		--_image-caption-gap: var(--primitives-space-4);
+		--_image-caption-color: var(--semantics-content-color);
+		--_image-caption-font: var(--primitives-font-body-sm-regular-tight);
+		--_image-credit-color: var(--semantics-content-secondary-color);
+		--_image-credit-font: var(--primitives-font-body-sm-regular-tight);
+		--_image-error-text-color: var(--semantics-content-color);
+		--_image-error-font: var(--primitives-font-body-sm-regular-snug);
+		--_image-error-padding: var(--primitives-space-8);
+		--_image-error-gap: var(--primitives-space-2);
+		--_image-caption-row-gap: var(--primitives-space-8);
+		--_image-object-fit: cover;
+		--_image-object-position: center;
+		--_image-max-width: 100%;
 
 		${inheritedTextReset}
 		box-sizing: border-box;
 		display: block;
-		max-width: var(--_max-width);
+		max-width: var(--_image-max-width);
 	}
 
 	:host([hidden]) {
@@ -40,24 +40,24 @@ export const imageStyles = css `
 	   Driven by the reflected attribute so we can also style slotted img/picture
 	   via ::slotted() with the same CSS var. */
 
-	:host([object-fit="contain"]) { --_object-fit: contain; }
-	:host([object-fit="fill"]) { --_object-fit: fill; }
-	:host([object-fit="scale-down"]) { --_object-fit: scale-down; }
-	:host([object-fit="none"]) { --_object-fit: none; }
+	:host([object-fit="contain"]) { --_image-object-fit: contain; }
+	:host([object-fit="fill"]) { --_image-object-fit: fill; }
+	:host([object-fit="scale-down"]) { --_image-object-fit: scale-down; }
+	:host([object-fit="none"]) { --_image-object-fit: none; }
 
 
 	/* ## Object-position variants */
 
-	:host([object-position="top"]) { --_object-position: top; }
-	:host([object-position="bottom"]) { --_object-position: bottom; }
-	:host([object-position="left"]) { --_object-position: left; }
-	:host([object-position="right"]) { --_object-position: right; }
+	:host([object-position="top"]) { --_image-object-position: top; }
+	:host([object-position="bottom"]) { --_image-object-position: bottom; }
+	:host([object-position="left"]) { --_image-object-position: left; }
+	:host([object-position="right"]) { --_image-object-position: right; }
 
 
 	/* ## Shape variants */
 
-	:host([shape="rounded"]) { --_corner-radius: var(--components-image-rounded-corner-radius); }
-	:host([shape="circle"]) { --_corner-radius: 50%; }
+	:host([shape="rounded"]) { --_image-corner-radius: var(--semantics-controls-md-corner-radius); }
+	:host([shape="circle"]) { --_image-corner-radius: 50%; }
 
 
 	/* # Figure
@@ -69,7 +69,7 @@ export const imageStyles = css `
 		display: flex;
 		flex-direction: column;
 		margin: 0;
-		gap: var(--_caption-gap);
+		gap: var(--_image-caption-gap);
 	}
 
 
@@ -84,7 +84,7 @@ export const imageStyles = css `
 		position: relative;
 		overflow: hidden;
 		max-width: 100%;
-		border-radius: var(--_corner-radius);
+		border-radius: var(--_image-corner-radius);
 	}
 
 
@@ -101,8 +101,8 @@ export const imageStyles = css `
 		width: 100%;
 		height: 100%;
 		max-width: 100%;
-		object-fit: var(--_object-fit);
-		object-position: var(--_object-position);
+		object-fit: var(--_image-object-fit);
+		object-position: var(--_image-object-position);
 	}
 
 	::slotted(img) {
@@ -111,8 +111,8 @@ export const imageStyles = css `
 		width: 100% !important;
 		height: 100% !important;
 		max-width: 100% !important;
-		object-fit: var(--_object-fit) !important;
-		object-position: var(--_object-position) !important;
+		object-fit: var(--_image-object-fit) !important;
+		object-position: var(--_image-object-position) !important;
 	}
 
 	/* An inline <svg> is a drawing rather than a file, and it arrives through the
@@ -162,144 +162,144 @@ export const imageStyles = css `
 	   Firefox 113-127 would pass the gate but render transparent/black
 	   stops because rgb(from …) wouldn't parse. Older engines drop the
 	   LQIP gradient entirely and fall through to the neutral
-	   --_background-color set on .image__media. Degraded but harmless:
+	   --_image-background-color set on .image__media. Degraded but harmless:
 	   the placeholder is a "nice to have", not a load-bearing element. */
 
 	@supports (left: mod(1px, 1px)) and (background: oklab(0 0 0)) and (color: rgb(from red r g b)) {
 
 	.image__media--lqip {
-		--_lqip-base-ll: mod(round(down, var(--context-lqip-base) / 64), 4);
-		--_lqip-base-aaa: mod(round(down, var(--context-lqip-base) / 8), 8);
-		--_lqip-base-bbb: mod(var(--context-lqip-base), 8);
-		--_lqip-c1-ll: mod(round(down, var(--context-lqip-c1) / 64), 4);
-		--_lqip-c1-aaa: mod(round(down, var(--context-lqip-c1) / 8), 8);
-		--_lqip-c1-bbb: mod(var(--context-lqip-c1), 8);
-		--_lqip-c2-ll: mod(round(down, var(--context-lqip-c2) / 64), 4);
-		--_lqip-c2-aaa: mod(round(down, var(--context-lqip-c2) / 8), 8);
-		--_lqip-c2-bbb: mod(var(--context-lqip-c2), 8);
-		--_lqip-c3-ll: mod(round(down, var(--context-lqip-c3) / 64), 4);
-		--_lqip-c3-aaa: mod(round(down, var(--context-lqip-c3) / 8), 8);
-		--_lqip-c3-bbb: mod(var(--context-lqip-c3), 8);
-		--_lqip-c4-ll: mod(round(down, var(--context-lqip-c4) / 64), 4);
-		--_lqip-c4-aaa: mod(round(down, var(--context-lqip-c4) / 8), 8);
-		--_lqip-c4-bbb: mod(var(--context-lqip-c4), 8);
-		--_lqip-c5-ll: mod(round(down, var(--context-lqip-c5) / 64), 4);
-		--_lqip-c5-aaa: mod(round(down, var(--context-lqip-c5) / 8), 8);
-		--_lqip-c5-bbb: mod(var(--context-lqip-c5), 8);
-		--_lqip-c6-ll: mod(round(down, var(--context-lqip-c6) / 64), 4);
-		--_lqip-c6-aaa: mod(round(down, var(--context-lqip-c6) / 8), 8);
-		--_lqip-c6-bbb: mod(var(--context-lqip-c6), 8);
-
-		--_lqip-base-clr: oklab(
-			calc(var(--_lqip-base-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-base-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-base-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-base-ll: mod(round(down, var(--context-lqip-base) / 64), 4);
+		--_image-lqip-base-aaa: mod(round(down, var(--context-lqip-base) / 8), 8);
+		--_image-lqip-base-bbb: mod(var(--context-lqip-base), 8);
+		--_image-lqip-c1-ll: mod(round(down, var(--context-lqip-c1) / 64), 4);
+		--_image-lqip-c1-aaa: mod(round(down, var(--context-lqip-c1) / 8), 8);
+		--_image-lqip-c1-bbb: mod(var(--context-lqip-c1), 8);
+		--_image-lqip-c2-ll: mod(round(down, var(--context-lqip-c2) / 64), 4);
+		--_image-lqip-c2-aaa: mod(round(down, var(--context-lqip-c2) / 8), 8);
+		--_image-lqip-c2-bbb: mod(var(--context-lqip-c2), 8);
+		--_image-lqip-c3-ll: mod(round(down, var(--context-lqip-c3) / 64), 4);
+		--_image-lqip-c3-aaa: mod(round(down, var(--context-lqip-c3) / 8), 8);
+		--_image-lqip-c3-bbb: mod(var(--context-lqip-c3), 8);
+		--_image-lqip-c4-ll: mod(round(down, var(--context-lqip-c4) / 64), 4);
+		--_image-lqip-c4-aaa: mod(round(down, var(--context-lqip-c4) / 8), 8);
+		--_image-lqip-c4-bbb: mod(var(--context-lqip-c4), 8);
+		--_image-lqip-c5-ll: mod(round(down, var(--context-lqip-c5) / 64), 4);
+		--_image-lqip-c5-aaa: mod(round(down, var(--context-lqip-c5) / 8), 8);
+		--_image-lqip-c5-bbb: mod(var(--context-lqip-c5), 8);
+		--_image-lqip-c6-ll: mod(round(down, var(--context-lqip-c6) / 64), 4);
+		--_image-lqip-c6-aaa: mod(round(down, var(--context-lqip-c6) / 8), 8);
+		--_image-lqip-c6-bbb: mod(var(--context-lqip-c6), 8);
+
+		--_image-lqip-base-clr: oklab(
+			calc(var(--_image-lqip-base-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-base-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-base-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c1-clr: oklab(
-			calc(var(--_lqip-c1-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c1-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c1-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c1-clr: oklab(
+			calc(var(--_image-lqip-c1-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c1-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c1-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c2-clr: oklab(
-			calc(var(--_lqip-c2-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c2-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c2-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c2-clr: oklab(
+			calc(var(--_image-lqip-c2-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c2-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c2-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c3-clr: oklab(
-			calc(var(--_lqip-c3-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c3-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c3-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c3-clr: oklab(
+			calc(var(--_image-lqip-c3-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c3-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c3-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c4-clr: oklab(
-			calc(var(--_lqip-c4-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c4-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c4-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c4-clr: oklab(
+			calc(var(--_image-lqip-c4-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c4-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c4-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c5-clr: oklab(
-			calc(var(--_lqip-c5-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c5-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c5-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c5-clr: oklab(
+			calc(var(--_image-lqip-c5-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c5-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c5-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
-		--_lqip-c6-clr: oklab(
-			calc(var(--_lqip-c6-ll) / 3 * 0.6 + 0.2)
-			calc(var(--_lqip-c6-aaa) / 8 * 0.7 - 0.35)
-			calc((var(--_lqip-c6-bbb) + 1) / 8 * 0.7 - 0.35)
+		--_image-lqip-c6-clr: oklab(
+			calc(var(--_image-lqip-c6-ll) / 3 * 0.6 + 0.2)
+			calc(var(--_image-lqip-c6-aaa) / 8 * 0.7 - 0.35)
+			calc((var(--_image-lqip-c6-bbb) + 1) / 8 * 0.7 - 0.35)
 		);
 
-		--_lqip-stop10: 2%;
-		--_lqip-stop20: 8%;
-		--_lqip-stop30: 18%;
-		--_lqip-stop40: 32%;
+		--_image-lqip-stop10: 2%;
+		--_image-lqip-stop20: 8%;
+		--_image-lqip-stop30: 18%;
+		--_image-lqip-stop40: 32%;
 
 		background-color: transparent;
 		background-image:
 			radial-gradient(50% 75% at 16.67% 25%,
-				var(--_lqip-c1-clr),
-				rgb(from var(--_lqip-c1-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c1-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c1-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c1-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c1-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c1-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c1-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c1-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c1-clr),
+				rgb(from var(--_image-lqip-c1-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c1-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
 			radial-gradient(50% 75% at 50% 25%,
-				var(--_lqip-c2-clr),
-				rgb(from var(--_lqip-c2-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c2-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c2-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c2-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c2-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c2-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c2-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c2-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c2-clr),
+				rgb(from var(--_image-lqip-c2-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c2-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
 			radial-gradient(50% 75% at 83.33% 25%,
-				var(--_lqip-c3-clr),
-				rgb(from var(--_lqip-c3-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c3-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c3-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c3-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c3-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c3-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c3-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c3-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c3-clr),
+				rgb(from var(--_image-lqip-c3-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c3-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
 			radial-gradient(50% 75% at 16.67% 75%,
-				var(--_lqip-c4-clr),
-				rgb(from var(--_lqip-c4-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c4-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c4-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c4-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c4-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c4-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c4-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c4-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c4-clr),
+				rgb(from var(--_image-lqip-c4-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c4-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
 			radial-gradient(50% 75% at 50% 75%,
-				var(--_lqip-c5-clr),
-				rgb(from var(--_lqip-c5-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c5-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c5-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c5-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c5-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c5-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c5-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c5-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c5-clr),
+				rgb(from var(--_image-lqip-c5-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c5-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
 			radial-gradient(50% 75% at 83.33% 75%,
-				var(--_lqip-c6-clr),
-				rgb(from var(--_lqip-c6-clr) r g b / calc(100% - var(--_lqip-stop10))) 10%,
-				rgb(from var(--_lqip-c6-clr) r g b / calc(100% - var(--_lqip-stop20))) 20%,
-				rgb(from var(--_lqip-c6-clr) r g b / calc(100% - var(--_lqip-stop30))) 30%,
-				rgb(from var(--_lqip-c6-clr) r g b / calc(100% - var(--_lqip-stop40))) 40%,
-				rgb(from var(--_lqip-c6-clr) r g b / var(--_lqip-stop40)) 60%,
-				rgb(from var(--_lqip-c6-clr) r g b / var(--_lqip-stop30)) 70%,
-				rgb(from var(--_lqip-c6-clr) r g b / var(--_lqip-stop20)) 80%,
-				rgb(from var(--_lqip-c6-clr) r g b / var(--_lqip-stop10)) 90%,
+				var(--_image-lqip-c6-clr),
+				rgb(from var(--_image-lqip-c6-clr) r g b / calc(100% - var(--_image-lqip-stop10))) 10%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / calc(100% - var(--_image-lqip-stop20))) 20%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / calc(100% - var(--_image-lqip-stop30))) 30%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / calc(100% - var(--_image-lqip-stop40))) 40%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / var(--_image-lqip-stop40)) 60%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / var(--_image-lqip-stop30)) 70%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / var(--_image-lqip-stop20)) 80%,
+				rgb(from var(--_image-lqip-c6-clr) r g b / var(--_image-lqip-stop10)) 90%,
 				transparent),
-			linear-gradient(0deg, var(--_lqip-base-clr), var(--_lqip-base-clr));
+			linear-gradient(0deg, var(--_image-lqip-base-clr), var(--_image-lqip-base-clr));
 	}
 
 	} /* end @supports for LQIP gradient */
@@ -354,11 +354,11 @@ export const imageStyles = css `
 
 	/* # Error state
 	   Centred icon + alt-text shown when the image fails to load. The media is
-	   painted gray (--_background-color) via :host([errored]) so the icon and
+	   painted gray (--_image-background-color) via :host([errored]) so the icon and
 	   label stay legible — no separate card needed. */
 
 	:host([errored]) .image__media {
-		background-color: var(--_background-color);
+		background-color: var(--_image-background-color);
 	}
 
 	.image__error {
@@ -368,10 +368,10 @@ export const imageStyles = css `
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-		gap: var(--_error-gap);
-		padding: var(--_error-padding);
-		color: var(--_error-text-color);
-		font: var(--_error-font);
+		gap: var(--_image-error-gap);
+		padding: var(--_image-error-padding);
+		color: var(--_image-error-text-color);
+		font: var(--_image-error-font);
 		text-align: center;
 	}
 
@@ -386,15 +386,15 @@ export const imageStyles = css `
 	.image__caption {
 		display: flex;
 		flex-wrap: wrap;
-		gap: var(--_caption-row-gap);
-		color: var(--_caption-color);
-		font: var(--_caption-font);
+		gap: var(--_image-caption-row-gap);
+		color: var(--_image-caption-color);
+		font: var(--_image-caption-font);
 		text-wrap: pretty;
 	}
 
 	.image__credit {
-		color: var(--_credit-color);
-		font: var(--_credit-font);
+		color: var(--_image-credit-color);
+		font: var(--_image-credit-font);
 	}
 
 

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAyIlC,CAAC"}
+{"version":3,"file":"keyboard-shortcut.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBA2IlC,CAAC"}

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js

@@ -9,16 +9,18 @@ export const keyboardShortcutStyles = css `
 	/* # Host */
 
 	:host {
-		--_size: var(--components-keyboard-shortcut-md-size);
-		--_inline-padding: var(--primitives-space-4);
-		--_font-family: var(--primitives-font-family-monospace);
-		--_font-size: var(--primitives-font-size-80);
-		--_font-weight: var(--primitives-font-weight-body-regular);
-		--_line-height: var(--primitives-line-height-flat);
-		--_content-color: var(--components-keyboard-shortcut-content-color);
-		--_separator-color: var(--components-keyboard-shortcut-separator-color);
-		--_highlight-border-color: var(--components-keyboard-shortcut-border-color);
-		--_background-color: var(--components-keyboard-shortcut-background-color);
+		--_keyboard-shortcut-size: var(--primitives-space-24);
+		--_keyboard-shortcut-inline-padding: var(--primitives-space-4);
+		--_keyboard-shortcut-font-family: var(--primitives-font-family-monospace);
+		--_keyboard-shortcut-font-size: var(--primitives-font-size-80);
+		--_keyboard-shortcut-font-weight: var(--primitives-font-weight-body-regular);
+		--_keyboard-shortcut-line-height: var(--primitives-line-height-flat);
+		--_keyboard-shortcut-content-color: var(--semantics-content-color);
+		--_keyboard-shortcut-separator-color: var(--semantics-content-secondary-color);
+		--_keyboard-shortcut-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
+		--_keyboard-shortcut-background-color: var(--semantics-surfaces-tinted-background-color);
+		--_keyboard-shortcut-border-width: var(--primitives-border-width-thin);
+		--_keyboard-shortcut-corner-radius: var(--primitives-corner-radius-xs);
 
 		${inheritedTextReset}
 		display: inline-flex;
@@ -26,34 +28,34 @@ export const keyboardShortcutStyles = css `
 	}
 
 	:host([color="inherit"]) {
-		--_content-color: currentColor;
-		--_separator-color: currentColor;
-		--_highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
-		--_background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 20%, transparent);
+		--_keyboard-shortcut-content-color: currentColor;
+		--_keyboard-shortcut-separator-color: currentColor;
+		--_keyboard-shortcut-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
+		--_keyboard-shortcut-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 20%, transparent);
 	}
 
 	:host([size="sm"]) {
-		--_size: var(--components-keyboard-shortcut-sm-size);
-		--_font-size: var(--primitives-font-size-70);
+		--_keyboard-shortcut-size: var(--primitives-space-20);
+		--_keyboard-shortcut-font-size: var(--primitives-font-size-70);
 	}
 
 	:host([size="inherit"]) {
-		--_size: 1.5em;
-		--_inline-padding: 0.35em;
-		--_font-size: 0.75em;
+		--_keyboard-shortcut-size: 1.5em;
+		--_keyboard-shortcut-inline-padding: 0.35em;
+		--_keyboard-shortcut-font-size: 0.75em;
 	}
 
 	:host([appearance="simple"]) {
-		--_font-family: var(--primitives-font-family-body);
-		--_font-size: var(--primitives-font-size-100);
+		--_keyboard-shortcut-font-family: var(--primitives-font-family-body);
+		--_keyboard-shortcut-font-size: var(--primitives-font-size-100);
 	}
 
 	:host([appearance="simple"][size="sm"]) {
-		--_font-size: var(--primitives-font-size-90);
+		--_keyboard-shortcut-font-size: var(--primitives-font-size-90);
 	}
 
 	:host([appearance="simple"][size="inherit"]) {
-		--_font-size: inherit;
+		--_keyboard-shortcut-font-size: inherit;
 	}
 
 	:host([hidden]) {
@@ -90,19 +92,19 @@ export const keyboardShortcutStyles = css `
 	.keyboard-shortcut__key {
 		box-sizing: border-box;
 		display: inline-flex;
-		box-shadow: inset 0 0 0 var(--components-keyboard-shortcut-border-width) var(--_highlight-border-color);
-		border-radius: var(--components-keyboard-shortcut-corner-radius);
-		background-color: var(--_background-color);
-		min-width: var(--_size);
-		height: var(--_size);
-		padding: 0 var(--_inline-padding);
+		box-shadow: inset 0 0 0 var(--_keyboard-shortcut-border-width) var(--_keyboard-shortcut-highlight-border-color);
+		border-radius: var(--_keyboard-shortcut-corner-radius);
+		background-color: var(--_keyboard-shortcut-background-color);
+		min-width: var(--_keyboard-shortcut-size);
+		height: var(--_keyboard-shortcut-size);
+		padding: 0 var(--_keyboard-shortcut-inline-padding);
 		align-items: center;
 		justify-content: center;
-		color: var(--_content-color);
-		font-family: var(--_font-family);
-		font-size: var(--_font-size);
-		font-weight: var(--_font-weight);
-		line-height: var(--_line-height);
+		color: var(--_keyboard-shortcut-content-color);
+		font-family: var(--_keyboard-shortcut-font-family);
+		font-size: var(--_keyboard-shortcut-font-size);
+		font-weight: var(--_keyboard-shortcut-font-weight);
+		line-height: var(--_keyboard-shortcut-line-height);
 		white-space: nowrap;
 	}
 
@@ -125,17 +127,17 @@ export const keyboardShortcutStyles = css `
 		}
 
 		:host(:not([appearance="simple"])) .keyboard-shortcut__key {
-			border: var(--components-keyboard-shortcut-border-width) solid CanvasText;
+			border: var(--_keyboard-shortcut-border-width) solid CanvasText;
 			background-color: Canvas;
 		}
 	}
 
 	.keyboard-shortcut__separator {
-		color: var(--_separator-color);
-		font-family: var(--_font-family);
-		font-size: var(--_font-size);
-		font-weight: var(--_font-weight);
-		line-height: var(--_line-height);
+		color: var(--_keyboard-shortcut-separator-color);
+		font-family: var(--_keyboard-shortcut-font-family);
+		font-size: var(--_keyboard-shortcut-font-size);
+		font-weight: var(--_keyboard-shortcut-font-weight);
+		line-height: var(--_keyboard-shortcut-line-height);
 	}
 `;
 //# sourceMappingURL=keyboard-shortcut.styles.js.map

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.styles.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoBrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrB,CAAC"}
+{"version":3,"file":"keyboard-shortcut.styles.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;IAsBrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrB,CAAC"}