@nldd/design-system 0.8.52 → 0.8.53

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

@@ -1,5 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
+import { slottedReset, inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
 const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);
@@ -34,6 +35,7 @@ export const titleStyles = css `
 			--_font: var(--primitives-font-display-3-lg);
 		}
 
+		${inheritedTextReset}
 		display: flex;
 	}
 
@@ -195,25 +197,31 @@ export const titleStyles = css `
 	}
 
 	::slotted([slot="overline"]) {
-		margin: 0;
-		color: var(--semantics-content-secondary-color);
-		font: var(--primitives-font-body-sm-regular-tight);
-		overflow-wrap: anywhere;
+		${slottedReset}
+		${inheritedTextReset}
+		margin: 0 !important;
+		color: var(--semantics-content-secondary-color) !important;
+		font: var(--primitives-font-body-sm-regular-tight) !important;
+		overflow-wrap: anywhere !important;
 	}
 
 	::slotted(:not([slot])) {
-		margin: 0;
-		color: var(--semantics-content-color);
-		font: var(--_font);
-		overflow-wrap: anywhere;
-		text-wrap: pretty;
+		${slottedReset}
+		${inheritedTextReset}
+		margin: 0 !important;
+		color: var(--semantics-content-color) !important;
+		font: var(--_font) !important;
+		overflow-wrap: anywhere !important;
+		text-wrap: pretty !important;
 	}
 
 	::slotted([slot="subtitle"]) {
-		margin: 0;
-		color: var(--semantics-content-secondary-color);
-		font: var(--primitives-font-body-sm-regular-tight);
-		overflow-wrap: anywhere;
+		${slottedReset}
+		${inheritedTextReset}
+		margin: 0 !important;
+		color: var(--semantics-content-secondary-color) !important;
+		font: var(--primitives-font-body-sm-regular-tight) !important;
+		overflow-wrap: anywhere !important;
 	}
 
 	.title__actions {

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

@@ -1 +1 @@
-{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;uBAMP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;uBAQ1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DhD,CAAC"}
+{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;uBAMP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;IAQlB,YAAY;IACZ,kBAAkB;;;;;;;;;IASlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;CAarB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAiFzB,CAAC"}
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,yBAkFzB,CAAC"}

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

@@ -1,4 +1,5 @@
 import { css } from 'lit';
+import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
 export const tooltipStyles = css `
 
 
@@ -14,6 +15,7 @@ export const tooltipStyles = css `
 		--_offset: 4; /* px, unitless — read by JS */
 		--_shift-padding: 8; /* px, unitless — read by JS */
 
+		${inheritedTextReset}
 		display: contents;
 	}
 

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF/B,CAAC"}
+{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAe5B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,CAAC"}

package/dist/components/forms/form-field/form-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,yBAoK3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBA+CnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAmDpC,CAAC"}
+{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBA0K3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkDnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAsDpC,CAAC"}

package/dist/components/forms/form-field/form-field.styles.js

@@ -1,5 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
+import { slottedReset, inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
 const mdMin = unsafeCSS(breakpoints.mdMin);
 export const formFieldStyles = css `
 
@@ -7,8 +8,9 @@ export const formFieldStyles = css `
 	/* # Host */
 
 	:host {
-		--_gap: calc(var(--primitives-space-10) / 2);
+		--_gap: var(--primitives-space-3);
 
+		${inheritedTextReset}
 		display: block;
 		container-type: inline-size;
 	}
@@ -43,6 +45,10 @@ export const formFieldStyles = css `
 	.form-field__header {
 		box-sizing: border-box;
 		display: flex;
+		/* Paints above .form-field__main so a label descender stays readable where it
+		   overlaps the input focus ring — this is what lets the top-aligned --_gap stay
+		   tight. Reset to auto in the side-by-side layout below (no vertical overlap there). */
+		z-index: 1;
 		flex-direction: column;
 	}
 
@@ -51,6 +57,7 @@ export const formFieldStyles = css `
 	:host(:not([label-alignment])[form-label-alignment="left"]) .form-field__header,
 	:host(:not([label-alignment])[form-label-alignment="right"]) .form-field__header {
 		@container (min-width: ${mdMin}) {
+			z-index: auto;
 			width: var(--semantics-forms-label-column-width);
 			min-height: var(--semantics-controls-md-min-size);
 			flex-grow: 0;
@@ -172,6 +179,7 @@ export const formFieldHelpTextStyles = css `
 	/* # Host */
 
 	:host {
+		${inheritedTextReset}
 		display: contents;
 	}
 
@@ -188,30 +196,32 @@ export const formFieldHelpTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
-		border-radius: var(--primitives-corner-radius-xxs);
-		color: var(--semantics-links-color);
-		text-decoration: underline;
-		text-underline-offset: var(--primitives-space-2);
+		${slottedReset}
+		${inheritedTextReset}
+		border-radius: var(--primitives-corner-radius-xxs) !important;
+		color: var(--semantics-links-color) !important;
+		text-decoration: underline !important;
+		text-underline-offset: var(--primitives-space-2) !important;
 	}
 
 	@media (hover: hover) {
 		::slotted(a:hover) {
-			color: var(--semantics-links-is-hovered-color);
+			color: var(--semantics-links-is-hovered-color) !important;
 		}
 	}
 
 	::slotted(a:active) {
-		color: var(--semantics-links-is-active-color);
+		color: var(--semantics-links-is-active-color) !important;
 	}
 
 	::slotted(a:focus-visible) {
-		outline: var(--semantics-focus-ring-outline);
-		outline-offset: var(--semantics-focus-ring-outline-offset);
-		box-shadow: var(--semantics-focus-ring-box-shadow);
+		outline: var(--semantics-focus-ring-outline) !important;
+		outline-offset: var(--semantics-focus-ring-outline-offset) !important;
+		box-shadow: var(--semantics-focus-ring-box-shadow) !important;
 	}
 
 	::slotted(a:focus:not(:focus-visible)) {
-		outline: none;
+		outline: none !important;
 	}
 `;
 export const formFieldErrorTextStyles = css `
@@ -220,6 +230,7 @@ export const formFieldErrorTextStyles = css `
 	/* # Host */
 
 	:host {
+		${inheritedTextReset}
 		display: none;
 	}
 
@@ -240,30 +251,32 @@ export const formFieldErrorTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
-		border-radius: var(--primitives-corner-radius-xxs);
-		color: var(--semantics-links-color);
-		text-decoration: underline;
-		text-underline-offset: var(--primitives-space-2);
+		${slottedReset}
+		${inheritedTextReset}
+		border-radius: var(--primitives-corner-radius-xxs) !important;
+		color: var(--semantics-links-color) !important;
+		text-decoration: underline !important;
+		text-underline-offset: var(--primitives-space-2) !important;
 	}
 
 	@media (hover: hover) {
 		::slotted(a:hover) {
-			color: var(--semantics-links-is-hovered-color);
+			color: var(--semantics-links-is-hovered-color) !important;
 		}
 	}
 
 	::slotted(a:active) {
-		color: var(--semantics-links-is-active-color);
+		color: var(--semantics-links-is-active-color) !important;
 	}
 
 	::slotted(a:focus-visible) {
-		outline: var(--semantics-focus-ring-outline);
-		outline-offset: var(--semantics-focus-ring-outline-offset);
-		box-shadow: var(--semantics-focus-ring-box-shadow);
+		outline: var(--semantics-focus-ring-outline) !important;
+		outline-offset: var(--semantics-focus-ring-outline-offset) !important;
+		box-shadow: var(--semantics-focus-ring-box-shadow) !important;
 	}
 
 	::slotted(a:focus:not(:focus-visible)) {
-		outline: none;
+		outline: none !important;
 	}
 `;
 //# sourceMappingURL=form-field.styles.js.map

package/dist/components/forms/form-field/form-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA6BP,KAAK;;;;;;;;;;;;;;;;;;;;2BAoBL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;2BAQL,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;;;;;;;;;;;;;;;;;;2BAqBL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;2BAOL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C/B,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmD1C,CAAC"}
+{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.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,eAAe,GAAG,GAAG,CAAA;;;;;;;;IAQ9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;2BAsBK,KAAK;;;;;;;;;;;;;;;;;;;;;;;;2BAwBL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;2BAQL,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;;;;;;;;;;;;;;;;;;2BAqBL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;2BAOL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C/B,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;IAMtC,kBAAkB;;;;;;;;;;;;;;;;;IAiBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;IAMvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;IAqBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}