@nldd/design-system 0.8.94 → 0.8.96

package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js

@@ -13,15 +13,15 @@ export const navigationSplitViewStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_navigation-split-view-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 		/* Pane min-widths — read by JS via getComputedStyle in firstUpdated */
-		--_primary-sidebar-min-width: var(--primitives-area-320);
-		--_secondary-sidebar-min-width: var(--primitives-area-320);
-		--_main-min-width: var(--primitives-area-480);
-		--_inspector-min-width: var(--primitives-area-320);
+		--_navigation-split-view-primary-sidebar-min-width: var(--primitives-area-320);
+		--_navigation-split-view-secondary-sidebar-min-width: var(--primitives-area-320);
+		--_navigation-split-view-main-min-width: var(--primitives-area-480);
+		--_navigation-split-view-inspector-min-width: var(--primitives-area-320);
 
 		display: flex;
-		background-color: var(--_background-color);
+		background-color: var(--_navigation-split-view-background-color);
 		width: 100%;
 		height: 100%;
 	}
@@ -32,12 +32,12 @@ export const navigationSplitViewStyles = css `
 
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_navigation-split-view-background-color: var(--context-parent-background-color);
 	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_navigation-split-view-background-color: var(--context-parent-background-color);
 	}
 
 	/* Root-scroll mode: flow instead of clipping (see ScrollModeController /
@@ -109,7 +109,7 @@ export const navigationSplitViewStyles = css `
 
 	.navigation-split-view__primary-sidebar-pane {
 		display: flex;
-		min-width: var(--_primary-sidebar-min-width);
+		min-width: var(--_navigation-split-view-primary-sidebar-min-width);
 		min-height: 0;
 		overflow: hidden;
 		flex-direction: column;
@@ -118,7 +118,7 @@ export const navigationSplitViewStyles = css `
 
 	.navigation-split-view__secondary-sidebar-pane {
 		display: flex;
-		min-width: var(--_secondary-sidebar-min-width);
+		min-width: var(--_navigation-split-view-secondary-sidebar-min-width);
 		min-height: 0;
 		overflow: hidden;
 		flex-direction: column;
@@ -132,7 +132,7 @@ export const navigationSplitViewStyles = css `
 
 	.navigation-split-view__main-pane {
 		display: flex;
-		min-width: var(--_main-min-width);
+		min-width: var(--_navigation-split-view-main-min-width);
 		min-height: 0;
 		overflow: hidden;
 		flex-direction: column;
@@ -166,7 +166,7 @@ export const navigationSplitViewStyles = css `
 		--context-dismiss-button-display: none;
 
 		display: flex;
-		min-width: var(--_inspector-min-width);
+		min-width: var(--_navigation-split-view-inspector-min-width);
 		min-height: 0;
 		overflow: hidden;
 		flex-direction: column;

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js

@@ -55,7 +55,7 @@ let NLDDSideBySideSplitView = class NLDDSideBySideSplitView extends LitElement {
     }
     firstUpdated() {
         // Read pane min-width from CSS after first render — styles are guaranteed applied
-        this._paneMinWidth = parseFloat(getComputedStyle(this).getPropertyValue('--_pane-min-width'));
+        this._paneMinWidth = parseFloat(getComputedStyle(this).getPropertyValue('--_side-by-side-split-view-pane-min-width'));
         this._updateVisiblePanes();
     }
     updated(changed) {

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"side-by-side-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.ts"],"names":[],"mappings":"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"}

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js

@@ -8,12 +8,12 @@ export const sideBySideSplitViewStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_side-by-side-split-view-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 		/* Pane min-width — read by JS via getComputedStyle in firstUpdated */
-		--_pane-min-width: var(--primitives-area-320);
+		--_side-by-side-split-view-pane-min-width: var(--primitives-area-320);
 
 		display: flex;
-		background-color: var(--_background-color);
+		background-color: var(--_side-by-side-split-view-background-color);
 		width: 100%;
 		height: 100%;
 	}
@@ -32,12 +32,12 @@ export const sideBySideSplitViewStyles = css `
 
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_side-by-side-split-view-background-color: var(--context-parent-background-color);
 	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_side-by-side-split-view-background-color: var(--context-parent-background-color);
 	}
 
 
@@ -67,7 +67,7 @@ export const sideBySideSplitViewStyles = css `
 
 	.side-by-side-split-view__pane {
 		display: flex;
-		min-width: var(--_pane-min-width);
+		min-width: var(--_side-by-side-split-view-pane-min-width);
 		min-height: 0;
 		overflow: hidden;
 		flex-direction: column;

package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js

@@ -8,7 +8,7 @@ export const splitViewDividerStyles = css `
 	/* # Host */
 
 	:host {
-		--_thickness: var(--semantics-dividers-thickness);
+		--_split-view-divider-thickness: var(--semantics-dividers-thickness);
 
 		display: flex;
 		flex-shrink: 0;
@@ -20,7 +20,7 @@ export const splitViewDividerStyles = css `
 	}
 
 	:host([has-drag-handle]) {
-		--_thickness: var(--primitives-space-12);
+		--_split-view-divider-thickness: var(--primitives-space-12);
 	}
 
 
@@ -30,7 +30,7 @@ export const splitViewDividerStyles = css `
 		display: flex;
 		position: relative;
 		background-color: var(--semantics-dividers-color);
-		width: var(--_thickness);
+		width: var(--_split-view-divider-thickness);
 		height: 100%;
 		align-items: center;
 		justify-content: center;
@@ -38,7 +38,7 @@ export const splitViewDividerStyles = css `
 
 	:host([orientation="horizontal"]) .split-view-divider {
 		width: 100%;
-		height: var(--_thickness);
+		height: var(--_split-view-divider-thickness);
 	}
 
 	@media (forced-colors: active) {

package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js

@@ -10,14 +10,14 @@ export const splitViewPaneStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_split-view-pane-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 
 		display: flex;
 		width: 100%;
 		height: 100%;
 
 		@media (min-width: ${mdMin}) {
-			background-color: var(--_background-color);
+			background-color: var(--_split-view-pane-background-color);
 		}
 	}
 
@@ -27,12 +27,12 @@ export const splitViewPaneStyles = css `
 
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_split-view-pane-background-color: var(--context-parent-background-color);
 	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_split-view-pane-background-color: var(--context-parent-background-color);
 	}
 
 	:host([hide-back]) {

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js

@@ -50,7 +50,7 @@ let NLDDStackedSplitView = class NLDDStackedSplitView extends LitElement {
     }
     firstUpdated() {
         // Read pane min-height from CSS after first render — styles are guaranteed applied
-        this._paneMinHeight = parseFloat(getComputedStyle(this).getPropertyValue('--_pane-min-height'));
+        this._paneMinHeight = parseFloat(getComputedStyle(this).getPropertyValue('--_stacked-split-view-pane-min-height'));
         this._updateVisiblePanes();
     }
     updated(changed) {

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QACN,mFAAmF;QAC3E,gBAAW,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAKrD,eAAU,GAAkC,SAAS,CAAC;QAGtD,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,QAAQ,CAAC;QAEzB,yDAAyD;QACjD,mBAAc,GAAG,CAAC,CAAC;QAEnB,oBAAe,GAA0B,IAAI,CAAC;IAoCvD,CAAC;IAlCS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC5E,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEQ,YAAY;QACpB,mFAAmF;QACnF,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAChG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC5B,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,mBAAmB;QAC1B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjDe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACY;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAChC;AAGV;IADC,KAAK,EAAE;2DACiB;AAbb,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAsDhC"}
+{"version":3,"file":"stacked-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QACN,mFAAmF;QAC3E,gBAAW,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAKrD,eAAU,GAAkC,SAAS,CAAC;QAGtD,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,QAAQ,CAAC;QAEzB,yDAAyD;QACjD,mBAAc,GAAG,CAAC,CAAC;QAEnB,oBAAe,GAA0B,IAAI,CAAC;IAoCvD,CAAC;IAlCS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC5E,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEQ,YAAY;QACpB,mFAAmF;QACnF,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,CAAC;QACnH,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC5B,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,mBAAmB;QAC1B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjDe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACY;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAChC;AAGV;IADC,KAAK,EAAE;2DACiB;AAbb,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAsDhC"}

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js

@@ -8,12 +8,12 @@ export const stackedSplitViewStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_stacked-split-view-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 		/* Pane min-height — read by JS via getComputedStyle in firstUpdated */
-		--_pane-min-height: var(--primitives-area-200);
+		--_stacked-split-view-pane-min-height: var(--primitives-area-200);
 
 		display: flex;
-		background-color: var(--_background-color);
+		background-color: var(--_stacked-split-view-background-color);
 		width: 100%;
 		height: 100%;
 		flex-direction: column;
@@ -31,12 +31,12 @@ export const stackedSplitViewStyles = css `
 
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_stacked-split-view-background-color: var(--context-parent-background-color);
 	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_stacked-split-view-background-color: var(--context-parent-background-color);
 	}
 
 
@@ -66,7 +66,7 @@ export const stackedSplitViewStyles = css `
 	.stacked-split-view__pane {
 		display: flex;
 		min-width: 0;
-		min-height: var(--_pane-min-height);
+		min-height: var(--_stacked-split-view-pane-min-height);
 		overflow: hidden;
 		flex-direction: column;
 		flex-grow: 1;

package/dist/components/layout/window/window.d.ts

@@ -16,7 +16,7 @@
  * @element nldd-window
  *
  * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
- * @attr {string} width - CSS width (default: var(--components-window-default-width))
+ * @attr {string} width - CSS width (default: 640px)
  * @attr {string} height - CSS height (default: content height)
  * @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
  * @attr {string} right - CSS right value

package/dist/components/layout/window/window.js

@@ -16,7 +16,7 @@
  * @element nldd-window
  *
  * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
- * @attr {string} width - CSS width (default: var(--components-window-default-width))
+ * @attr {string} width - CSS width (default: 640px)
  * @attr {string} height - CSS height (default: content height)
  * @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
  * @attr {string} right - CSS right value

package/dist/components/layout/window/window.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAqExB,CAAC"}
+{"version":3,"file":"window.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAuExB,CAAC"}

package/dist/components/layout/window/window.styles.js

@@ -9,6 +9,8 @@ export const windowStyles = css `
 	/* # Host */
 
 	:host {
+		--_window-default-width: var(--primitives-area-640);
+
 		${inheritedTextReset}
 		/* contents, not block: the window is a position:fixed <dialog>, so the host
 		   would only add an empty box. As a block it is a flex item like any other
@@ -33,7 +35,7 @@ export const windowStyles = css `
 		border-radius: var(--semantics-overlays-corner-radius);
 		box-shadow: var(--semantics-overlays-box-shadow);
 		background-color: var(--semantics-surfaces-base-background-color);
-		width: var(--components-window-default-width);
+		width: var(--_window-default-width);
 		max-width: calc(100vw - var(--semantics-overlays-inset) * 2);
 		max-height: calc(100dvh - var(--semantics-overlays-inset) * 2);
 		overflow: hidden;

package/dist/components/layout/window/window.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"window.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;IAS3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DrB,CAAC"}
+{"version":3,"file":"window.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;IAW3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DrB,CAAC"}

package/dist/components/lists-and-tables/cells/cell/cell.js

@@ -50,10 +50,10 @@ let NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, 'cells-contain
         const widthIsKeyword = w === 'full' || w === 'fit-content';
         const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
         if (widthIsValidLength) {
-            this.style.setProperty('--_width', w);
+            this.style.setProperty('--_cell-width', w);
         }
         else {
-            this.style.removeProperty('--_width');
+            this.style.removeProperty('--_cell-width');
         }
         // Normalize invalid CSS lengths back to '' so the default :host([width=''])
         // rule applies and the host doesn't get stuck in the fallback selector.
@@ -61,22 +61,22 @@ let NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, 'cells-contain
             this.width = '';
         }
         if (this.minWidth) {
-            this.style.setProperty('--_min-width', this.minWidth);
+            this.style.setProperty('--_cell-min-width', this.minWidth);
         }
         else {
-            this.style.removeProperty('--_min-width');
+            this.style.removeProperty('--_cell-min-width');
         }
         if (this.maxWidth) {
-            this.style.setProperty('--_max-width', this.maxWidth);
+            this.style.setProperty('--_cell-max-width', this.maxWidth);
         }
         else {
-            this.style.removeProperty('--_max-width');
+            this.style.removeProperty('--_cell-max-width');
         }
         if (this.minHeight) {
-            this.style.setProperty('--_min-height', this.minHeight);
+            this.style.setProperty('--_cell-min-height', this.minHeight);
         }
         else {
-            this.style.removeProperty('--_min-height');
+            this.style.removeProperty('--_cell-min-height');
         }
     }
     render() {

package/dist/components/lists-and-tables/cells/cell/cell.js.map

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

package/dist/components/lists-and-tables/cells/cell/cell.styles.js

@@ -9,19 +9,19 @@ export const cellStyles = css `
 	/* # Host */
 
 	:host {
-		--_width: auto;
-		--_min-width: 0;
-		--_max-width: none;
-		--_min-height: 0;
+		--_cell-width: auto;
+		--_cell-min-width: 0;
+		--_cell-max-width: none;
+		--_cell-min-height: 0;
 
 		${inheritedTextReset}
 		/* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
 		padding-block: var(--context-cell-padding-block, 0px) !important;
 		display: flex;
-		width: var(--_width);
-		min-width: var(--_min-width);
-		max-width: var(--_max-width);
-		min-height: var(--_min-height);
+		width: var(--_cell-width);
+		min-width: var(--_cell-min-width);
+		max-width: var(--_cell-max-width);
+		min-height: var(--_cell-min-height);
 		flex-direction: column;
 		flex-shrink: 0;
 		align-items: flex-start;
@@ -54,7 +54,7 @@ export const cellStyles = css `
 	}
 
 	:host([max-width]) {
-		flex-basis: var(--_max-width);
+		flex-basis: var(--_cell-max-width);
 	}
 
 

package/dist/components/lists-and-tables/cells/description-cell/description-cell.js

@@ -49,31 +49,31 @@ let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitE
         const widthIsKeyword = w === 'full' || w === 'fit-content';
         const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
         if (widthIsValidLength) {
-            this.style.setProperty('--_width', w);
+            this.style.setProperty('--_description-cell-width', w);
         }
         else {
-            this.style.removeProperty('--_width');
+            this.style.removeProperty('--_description-cell-width');
         }
         if (w && !widthIsKeyword && !widthIsValidLength) {
             this.width = '';
         }
         if (this.minWidth) {
-            this.style.setProperty('--_min-width', this.minWidth);
+            this.style.setProperty('--_description-cell-min-width', this.minWidth);
         }
         else {
-            this.style.removeProperty('--_min-width');
+            this.style.removeProperty('--_description-cell-min-width');
         }
         if (this.maxWidth) {
-            this.style.setProperty('--_max-width', this.maxWidth);
+            this.style.setProperty('--_description-cell-max-width', this.maxWidth);
         }
         else {
-            this.style.removeProperty('--_max-width');
+            this.style.removeProperty('--_description-cell-max-width');
         }
         if (this.minHeight) {
-            this.style.setProperty('--_min-height', this.minHeight);
+            this.style.setProperty('--_description-cell-min-height', this.minHeight);
         }
         else {
-            this.style.removeProperty('--_min-height');
+            this.style.removeProperty('--_description-cell-min-height');
         }
     }
     render() {

package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"description-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.ts"],"names":[],"mappings":"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"}

package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js

@@ -9,19 +9,19 @@ export const descriptionCellStyles = css `
 	/* # Host */
 
 	:host {
-		--_width: auto;
-		--_min-width: 0;
-		--_max-width: none;
-		--_min-height: 0;
+		--_description-cell-width: auto;
+		--_description-cell-min-width: 0;
+		--_description-cell-max-width: none;
+		--_description-cell-min-height: 0;
 
 		${inheritedTextReset}
 		/* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
 		padding-block: var(--context-cell-padding-block, 0px) !important;
 		display: flex;
-		width: var(--_width);
-		min-width: var(--_min-width);
-		max-width: var(--_max-width);
-		min-height: var(--_min-height);
+		width: var(--_description-cell-width);
+		min-width: var(--_description-cell-min-width);
+		max-width: var(--_description-cell-max-width);
+		min-height: var(--_description-cell-min-height);
 		flex-direction: column;
 		justify-content: center;
 	}
@@ -45,7 +45,7 @@ export const descriptionCellStyles = css `
 		/* min-content rather than 0 as the floor: the cell gives way as soon as
 		   the row is too narrow, but never past the width of its longest word,
 		   so the text stays readable instead of breaking mid-word. */
-		--_min-width: min-content;
+		--_description-cell-min-width: min-content;
 
 		width: fit-content;
 		flex-grow: 0;
@@ -61,7 +61,7 @@ export const descriptionCellStyles = css `
 	}
 
 	:host([max-width]) {
-		flex-basis: var(--_max-width);
+		flex-basis: var(--_description-cell-max-width);
 	}
 
 

package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js

@@ -8,9 +8,9 @@ export const dragHandleCellStyles = css `
 	/* # Host */
 
 	:host {
-		--_corner-radius: var(--semantics-controls-md-corner-radius);
-		--_width: var(--semantics-controls-sm-min-size);
-		--_height: var(--semantics-controls-md-min-size);
+		--_drag-handle-cell-corner-radius: var(--semantics-controls-md-corner-radius);
+		--_drag-handle-cell-width: var(--semantics-controls-sm-min-size);
+		--_drag-handle-cell-height: var(--semantics-controls-md-min-size);
 
 		display: inline-flex;
 		/* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
@@ -30,9 +30,9 @@ export const dragHandleCellStyles = css `
 	}
 
 	:host([size="sm"]) {
-		--_corner-radius: var(--semantics-controls-sm-corner-radius);
-		--_width: var(--semantics-controls-xs-min-size);
-		--_height: var(--semantics-controls-sm-min-size);
+		--_drag-handle-cell-corner-radius: var(--semantics-controls-sm-corner-radius);
+		--_drag-handle-cell-width: var(--semantics-controls-xs-min-size);
+		--_drag-handle-cell-height: var(--semantics-controls-sm-min-size);
 	}
 
 
@@ -42,11 +42,11 @@ export const dragHandleCellStyles = css `
 		display: flex;
 		margin: 0;
 		border: none;
-		border-radius: var(--_corner-radius);
+		border-radius: var(--_drag-handle-cell-corner-radius);
 		background-color: var(--semantics-grab-handles-background-color);
 		cursor: inherit;
-		width: var(--_width);
-		height: var(--_height);
+		width: var(--_drag-handle-cell-width);
+		height: var(--_drag-handle-cell-height);
 		padding: 0;
 		align-items: center;
 		justify-content: center;

package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js

@@ -8,16 +8,16 @@ export const iconCellStyles = css `
 	/* # Host */
 
 	:host {
-		--_size: var(--primitives-space-24);
-		--_content-color: var(--context-content-color, var(--semantics-content-color));
+		--_icon-cell-size: var(--primitives-space-24);
+		--_icon-cell-content-color: var(--context-content-color, var(--semantics-content-color));
 
 		display: flex;
 		/* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
 		padding-block: var(--context-cell-padding-block, 0px) !important;
-		width: var(--_size);
+		width: var(--_icon-cell-size);
 		flex-direction: column;
 		align-items: center;
-		color: var(--_content-color);
+		color: var(--_icon-cell-content-color);
 	}
 
 	:host([hidden]) {
@@ -25,37 +25,37 @@ export const iconCellStyles = css `
 	}
 
 	:host([size="16"]) {
-		--_size: var(--primitives-space-16);
+		--_icon-cell-size: var(--primitives-space-16);
 	}
 
 	:host([size="20"]) {
-		--_size: var(--primitives-space-20);
+		--_icon-cell-size: var(--primitives-space-20);
 	}
 
 	:host([size="32"]) {
-		--_size: var(--primitives-space-32);
+		--_icon-cell-size: var(--primitives-space-32);
 	}
 
 	/* ## Color */
 
 	:host([color="secondary"]) {
-		--_content-color: var(--context-content-secondary-color, var(--semantics-content-secondary-color));
+		--_icon-cell-content-color: var(--context-content-secondary-color, var(--semantics-content-secondary-color));
 	}
 
 	:host([color="accent"]) {
-		--_content-color: var(--context-content-accent-color, var(--semantics-content-accent-color));
+		--_icon-cell-content-color: var(--context-content-accent-color, var(--semantics-content-accent-color));
 	}
 
 	:host([color="success"]) {
-		--_content-color: var(--context-content-success-color, var(--semantics-content-success-color));
+		--_icon-cell-content-color: var(--context-content-success-color, var(--semantics-content-success-color));
 	}
 
 	:host([color="warning"]) {
-		--_content-color: var(--context-content-warning-color, var(--semantics-content-warning-color));
+		--_icon-cell-content-color: var(--context-content-warning-color, var(--semantics-content-warning-color));
 	}
 
 	:host([color="critical"]) {
-		--_content-color: var(--context-content-critical-color, var(--semantics-content-critical-color));
+		--_icon-cell-content-color: var(--context-content-critical-color, var(--semantics-content-critical-color));
 	}
 
 
@@ -80,8 +80,8 @@ export const iconCellStyles = css `
 
 	/* # Elements */
 
-	/* No width/height here: a slotted nldd-icon defines its own --_size,
-	   which shadows this cell's --_size in ::slotted var() resolution
+	/* No width/height here: a slotted nldd-icon defines its own --_icon-cell-size,
+	   which shadows this cell's --_icon-cell-size in ::slotted var() resolution
 	   (custom props resolve against the slotted element). The icon sizes
 	   itself — width fills the cell, height auto keeps it square. */
 	::slotted(*) {