@nldd/design-system 0.8.43 → 0.8.45

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

@@ -5,14 +5,19 @@ export const stackedSplitViewStyles = css `
 	/* # Host */
 
 	:host {
+		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-background-color));
+		/* Pane min-height — read by JS via getComputedStyle in firstUpdated */
+		--_pane-min-height: var(--primitives-area-200);
+
 		display: flex;
-		flex-direction: column;
+		background-color: var(--_background-color);
 		width: 100%;
 		height: 100%;
-		background-color: var(--_background-color);
+		flex-direction: column;
+	}
 
-		--_pane-min-height: var(--primitives-area-200); /* Pane min-height — read by JS via getComputedStyle in firstUpdated */
-		--_background-color: var(--context-parent-background-color, var(--semantics-surfaces-background-color));
+	:host([hidden]) {
+		display: none;
 	}
 
 	:host([background="default"]) {
@@ -25,32 +30,32 @@ export const stackedSplitViewStyles = css `
 		--_background-color: var(--context-parent-background-color);
 	}
 
-	:host([hidden]) {
-		display: none;
-	}
-
 
 	/* # Block */
 
 	.stacked-split-view {
 		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-height: 0;
 		min-width: 0;
+		min-height: 0;
 		overflow: hidden;
+		flex-direction: column;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
 	}
 
 
-	/* # Pane */
+	/* # Elements */
 
 	.stacked-split-view__pane {
 		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-height: var(--_pane-min-height);
 		min-width: 0;
+		min-height: var(--_pane-min-height);
 		overflow: hidden;
+		flex-direction: column;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
 	}
 
 	.stacked-split-view__pane[hidden] {
@@ -58,8 +63,10 @@ export const stackedSplitViewStyles = css `
 	}
 
 	::slotted(*) {
-		flex: 1;
 		min-height: 0;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
 	}
 `;
 //# sourceMappingURL=stacked-split-view.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DxC,CAAC"}
+{"version":3,"file":"stacked-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqExC,CAAC"}

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":"AAKA,eAAO,MAAM,YAAY,yBAmGxB,CAAC"}
+{"version":3,"file":"window.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBA2FxB,CAAC"}

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

@@ -19,19 +19,19 @@ export const windowStyles = css `
 
 	.window {
 		display: flex;
-		flex-direction: column;
+		position: fixed;
+		margin: auto;
+		outline: none;
 		border: none;
-		padding: 0;
-		background-color: var(--semantics-surfaces-background-color);
 		border-radius: var(--semantics-overlays-corner-radius);
 		box-shadow: var(--semantics-overlays-box-shadow);
-		overflow: hidden;
-		position: fixed;
-		margin: auto;
+		background-color: var(--semantics-surfaces-background-color);
 		width: var(--components-window-default-width);
 		max-width: calc(100vw - var(--semantics-overlays-inset) * 2);
 		max-height: calc(100dvh - var(--semantics-overlays-inset) * 2);
-		outline: none;
+		overflow: hidden;
+		padding: 0;
+		flex-direction: column;
 	}
 
 	.window:not([open]) {
@@ -39,20 +39,25 @@ export const windowStyles = css `
 	}
 
 	.window:focus-visible:not(.is-pointer-focus) {
-		box-shadow: var(--semantics-focus-ring-box-shadow), var(--semantics-overlays-box-shadow);
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow), var(--semantics-overlays-box-shadow);
 	}
 
-
-	/* # Backdrop (modal only) */
-
 	.window::backdrop {
 		background-color: var(--semantics-overlays-backdrop-color);
 	}
 
 
-	/* # Draggable — whole window as drag target (no handle) */
+	/* # Elements */
+
+	.window__body {
+		display: flex;
+		min-height: 0;
+		width: 100%;
+		flex-direction: column;
+		flex-grow: 1;
+	}
 
 	:host([movable]:not([has-drag-handle])) .window__body {
 		cursor: grab;
@@ -62,11 +67,13 @@ export const windowStyles = css `
 		cursor: grabbing;
 	}
 
+	/* Drag handle cursor is set via JS in _detectDragHandle because
+	   ::slotted cannot reach nested elements (e.g. nldd-top-title-bar
+	   inside nldd-page). */
 
-	/* Drag handle cursor is set via JS in _detectDragHandle
-	   because ::slotted cannot reach nested elements
-	   (e.g. nldd-top-title-bar inside nldd-page). */
-
+	::slotted(*) {
+		min-height: 0;
+	}
 
 	/* ## Responsive: sm — fixed insets, no dragging */
 
@@ -85,20 +92,5 @@ export const windowStyles = css `
 			cursor: default;
 		}
 	}
-
-
-	/* # Body */
-
-	.window__body {
-		display: flex;
-		flex-direction: column;
-		flex-grow: 1;
-		min-height: 0;
-		width: 100%;
-	}
-
-	::slotted(*) {
-		min-height: 0;
-	}
 `;
 //# sourceMappingURL=window.styles.js.map

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,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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAqET,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B1B,CAAC"}
+{"version":3,"file":"window.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4ET,KAAK;;;;;;;;;;;;;;;CAe1B,CAAC"}

package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAwFtB,CAAC"}
+{"version":3,"file":"cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyFtB,CAAC"}

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

@@ -11,14 +11,14 @@ export const cellStyles = css `
 		--_min-height: 0;
 
 		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		flex-shrink: 0;
-		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
 		min-height: var(--_min-height);
+		flex-direction: column;
+		flex-shrink: 0;
+		align-items: flex-start;
+		justify-content: center;
 	}
 
 	:host([hidden]) {
@@ -28,20 +28,21 @@ export const cellStyles = css `
 
 	/* # Width */
 
-	:host([width='full']) {
+	:host([width="full"]) {
 		flex-grow: 1;
 		flex-shrink: 1;
+		flex-basis: 0;
 	}
 
-	:host([width='fit-content']),
+	:host([width="fit-content"]),
 	:host(:not([width])),
-	:host([width='']) {
+	:host([width=""]) {
+		width: fit-content;
 		flex-grow: 0;
 		flex-basis: auto;
-		width: fit-content;
 	}
 
-	:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
+	:host([width]:not([width="full"]):not([width="fit-content"]):not([width=""])) {
 		flex-shrink: 0;
 	}
 
@@ -52,32 +53,32 @@ export const cellStyles = css `
 
 	/* # Vertical alignment */
 
-	:host([vertical-alignment='center']),
+	:host([vertical-alignment="center"]),
 	:host(:not([vertical-alignment])) {
 		align-self: stretch;
 	}
 
-	:host([vertical-alignment='top']) {
+	:host([vertical-alignment="top"]) {
 		align-self: flex-start;
 	}
 
-	:host([vertical-alignment='bottom']) {
+	:host([vertical-alignment="bottom"]) {
 		align-self: flex-end;
 	}
 
 
 	/* # Horizontal alignment */
 
-	:host([horizontal-alignment='left']),
+	:host([horizontal-alignment="left"]),
 	:host(:not([horizontal-alignment])) {
 		align-items: flex-start;
 	}
 
-	:host([horizontal-alignment='center']) {
+	:host([horizontal-alignment="center"]) {
 		align-items: center;
 	}
 
-	:host([horizontal-alignment='right']) {
+	:host([horizontal-alignment="right"]) {
 		align-items: flex-end;
 	}
 

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

@@ -1 +1 @@
-{"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwF5B,CAAC"}
+{"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF5B,CAAC"}

package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAsGjC,CAAC"}
+{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAmGjC,CAAC"}

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

@@ -11,12 +11,12 @@ export const descriptionCellStyles = css `
 		--_min-height: 0;
 
 		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
 		min-height: var(--_min-height);
+		flex-direction: column;
+		justify-content: center;
 	}
 
 	:host([hidden]) {
@@ -26,21 +26,22 @@ export const descriptionCellStyles = css `
 
 	/* # Width */
 
-	:host([width='full']),
+	:host([width="full"]),
 	:host(:not([width])),
-	:host([width='']) {
+	:host([width=""]) {
 		flex-grow: 1;
 		flex-shrink: 1;
+		flex-basis: 0;
 	}
 
-	:host([width='fit-content']) {
+	:host([width="fit-content"]) {
+		width: fit-content;
 		flex-grow: 0;
 		flex-shrink: 0;
 		flex-basis: auto;
-		width: fit-content;
 	}
 
-	:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
+	:host([width]:not([width="full"]):not([width="fit-content"]):not([width=""])) {
 		flex-shrink: 0;
 	}
 
@@ -49,55 +50,51 @@ export const descriptionCellStyles = css `
 	}
 
 
-	/* # Vertical alignment
-	 *
-	 * 'center' (default): the cell stretches to fill the full row height, then
-	 * centers its content within that space. When min-height is set, the cell is
-	 * at least that tall and the content sits centered inside it. For strict top
-	 * alignment without a minimum height, use vertical-alignment="top".
-	 */
+	/* # Vertical alignment */
 
-	:host([vertical-alignment='center']),
+	/* "center" (default) stretches to the full row height then centers content;
+	   use vertical-alignment="top" for strict top without a minimum height */
+
+	:host([vertical-alignment="center"]),
 	:host(:not([vertical-alignment])) {
 		align-self: stretch;
 	}
 
-	:host([vertical-alignment='top']) {
+	:host([vertical-alignment="top"]) {
 		align-self: flex-start;
 	}
 
-	:host([vertical-alignment='bottom']) {
+	:host([vertical-alignment="bottom"]) {
 		align-self: flex-end;
 	}
 
 
-	/* # Title */
+	/* # Elements */
 
-	::slotted([slot='title']) {
+	::slotted([slot="title"]) {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
-		font: var(--primitives-font-body-sm-regular-flat);
+		align-self: stretch;
 		color: var(--context-cell-content-color, var(--semantics-content-secondary-color));
+		font: var(--primitives-font-body-sm-regular-flat);
 	}
 
+	@media (forced-colors: active) {
+		::slotted([slot="title"]) {
+			forced-color-adjust: none;
+		}
+	}
 
-	/* # Description */
-
-	::slotted([slot='description']) {
+	::slotted([slot="description"]) {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
-		font: var(--primitives-font-body-md-regular-tight);
+		align-self: stretch;
 		color: var(--context-cell-content-color, var(--semantics-content-color));
+		font: var(--primitives-font-body-md-regular-tight);
 	}
 
-
-	/* # Forced colors */
-
 	@media (forced-colors: active) {
-		::slotted([slot='title']),
-		::slotted([slot='description']) {
+		::slotted([slot="description"]) {
 			forced-color-adjust: none;
 		}
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGvC,CAAC"}
+{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGvC,CAAC"}

package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAqEhC,CAAC"}
+{"version":3,"file":"drag-handle-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA+DhC,CAAC"}

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

@@ -5,11 +5,15 @@ 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);
+
 		display: inline-flex;
+		cursor: grab;
+		width: fit-content;
 		align-items: center;
 		justify-content: center;
-		width: fit-content;
-		cursor: grab;
 	}
 
 	:host([hidden]) {
@@ -20,18 +24,27 @@ export const dragHandleCellStyles = css `
 		cursor: grabbing;
 	}
 
+	: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);
+	}
+
 
-	/* # Control */
+	/* # Block */
 
 	.drag-handle-cell__control {
 		display: flex;
-		align-items: center;
-		justify-content: center;
-		background-color: var(--semantics-grab-handles-background-color);
-		border: none;
-		padding: 0;
 		margin: 0;
+		border: none;
+		border-radius: var(--_corner-radius);
+		background-color: var(--semantics-grab-handles-background-color);
 		cursor: inherit;
+		width: var(--_width);
+		height: var(--_height);
+		padding: 0;
+		align-items: center;
+		justify-content: center;
 		-webkit-appearance: none;
 		appearance: none;
 	}
@@ -43,26 +56,7 @@ export const dragHandleCellStyles = css `
 	}
 
 
-	/* ## Size: MD (default) */
-
-	:host([size="md"]) .drag-handle-cell__control,
-	:host(:not([size])) .drag-handle-cell__control {
-		width: var(--semantics-controls-sm-min-size);
-		height: var(--semantics-controls-md-min-size);
-		border-radius: var(--semantics-controls-md-corner-radius);
-	}
-
-
-	/* ## Size: SM */
-
-	:host([size="sm"]) .drag-handle-cell__control {
-		width: var(--semantics-controls-xs-min-size);
-		height: var(--semantics-controls-sm-min-size);
-		border-radius: var(--semantics-controls-sm-corner-radius);
-	}
-
-
-	/* # Grip */
+	/* # Elements */
 
 	.drag-handle-cell__control-grip {
 		display: block;

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

@@ -1 +1 @@
-{"version":3,"file":"drag-handle-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEtC,CAAC"}
+{"version":3,"file":"drag-handle-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DtC,CAAC"}

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAwI1B,CAAC"}
+{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAoF1B,CAAC"}