@nldd/design-system 0.8.39 → 0.8.41

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

@@ -9,8 +9,9 @@ export const sheetStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
 		--_custom-width: initial;
+
+		display: block;
 	}
 
 
@@ -165,6 +166,20 @@ export const sheetStyles = css `
 	}
 
 
+	/* # Full-height
+	   Force a bottom sheet to take its full max-height (= viewport minus
+	   the top-inset), so visualisation-heavy content (graph view, full
+	   editors) doesn't shrink to its intrinsic size. The top-inset stays
+	   intact: it gives users a tap target to dismiss the sheet and a
+	   visual cue that this is an overlay, not a full page. The sm
+	   responsive block below covers the case where any placement
+	   collapses to a bottom sheet on small viewports. */
+
+	:host([placement='bottom'][full-height]) .sheet {
+		height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
+	}
+
+
 	/* # Responsive: sm viewport — all placements become bottom sheet */
 
 	@media (max-width: ${smMax}) {
@@ -186,6 +201,10 @@ export const sheetStyles = css `
 				animation: sheet-slide-out-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) both;
 			}
 		}
+
+		:host([full-height]) .sheet {
+			height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
+		}
 	}
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.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;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6FP,KAAK;;;;;;;;;;;;;;;;;;;;;;uBAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwBL,KAAK;;;;;uBAKL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;sBAgBN,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8C1B,CAAC"}
+{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.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;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8FP,KAAK;;;;;;;;;;;;;;;;;;;;;;uBAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwBL,KAAK;;;;;uBAKL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA8BN,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD1B,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,yBAwEtB,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,yBA6EtB,CAAC"}

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

@@ -5,15 +5,16 @@ export const cellStyles = css `
 	/* # Host */
 
 	:host {
+		--_width: auto;
+		--_min-width: 0;
+		--_max-width: none;
+		--_min-height: 0;
+
 		display: flex;
 		flex-direction: column;
 		align-items: stretch;
 		flex-shrink: 0;
 		justify-content: center;
-		--_width: auto;
-		--_min-width: 0;
-		--_max-width: none;
-		--_min-height: 0;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
@@ -30,12 +31,12 @@ export const cellStyles = css `
 	:host([width='stretch']) {
 		flex-grow: 1;
 		flex-shrink: 1;
-		min-width: 0;
 	}
 
 	:host([width='fit-content']),
 	:host(:not([width])) {
 		flex-grow: 0;
+		flex-basis: auto;
 		width: fit-content;
 	}
 
@@ -43,6 +44,10 @@ export const cellStyles = css `
 		flex-shrink: 0;
 	}
 
+	:host([max-width]) {
+		flex-basis: var(--_max-width);
+	}
+
 
 	/* # Vertical alignment
 	 *

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwE5B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E5B,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,yBAgGjC,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,yBAqGjC,CAAC"}

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

@@ -5,13 +5,14 @@ export const descriptionCellStyles = css `
 	/* # Host */
 
 	:host {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		--_width: auto;
 		--_min-width: 0;
 		--_max-width: none;
 		--_min-height: 0;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const descriptionCellStyles = css `
 	:host([width='stretch']),
 	:host(:not([width])) {
 		flex-grow: 1;
-		min-width: 0;
+		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const descriptionCellStyles = css `
 		flex-shrink: 0;
 	}
 
+	:host([max-width]) {
+		flex-basis: var(--_max-width);
+	}
+
 
 	/* # Vertical alignment
 	 *

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGvC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGvC,CAAC"}

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

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

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

@@ -5,13 +5,14 @@ export const textCellStyles = css `
 	/* # Host */
 
 	:host {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		--_width: auto;
 		--_min-width: 0;
 		--_max-width: none;
 		--_min-height: 0;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const textCellStyles = css `
 	:host([width='stretch']),
 	:host(:not([width])) {
 		flex-grow: 1;
-		min-width: 0;
+		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const textCellStyles = css `
 		flex-shrink: 0;
 	}
 
+	:host([max-width]) {
+		flex-basis: var(--_max-width);
+	}
+
 
 	/* # Vertical alignment
 	 *

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

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

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

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

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

@@ -5,13 +5,14 @@ export const titleCellStyles = css `
 	/* # Host */
 
 	:host {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		--_width: auto;
 		--_min-width: 0;
 		--_max-width: none;
 		--_min-height: 0;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const titleCellStyles = css `
 	:host([width='stretch']),
 	:host(:not([width])) {
 		flex-grow: 1;
-		min-width: 0;
+		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const titleCellStyles = css `
 		flex-shrink: 0;
 	}
 
+	:host([max-width]) {
+		flex-basis: var(--_max-width);
+	}
+
 
 	/* # Vertical alignment
 	 *

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

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

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

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

package/dist/components/lists-and-menus/list/list.styles.js

@@ -5,15 +5,16 @@ export const listStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		position: relative;
-		isolation: isolate;
 		--_drag-clone-top: 0px;
 		--_drag-clone-left: 0px;
 		--_drag-clone-width: 0px;
 		--_drag-clone-height: 0px;
 		--_drag-clone-opacity: 0.95;
 		--_drag-clone-z-index: 100;
+
+		display: block;
+		position: relative;
+		isolation: isolate;
 	}
 
 

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

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

package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsP1B,CAAC"}
+{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2P1B,CAAC"}

package/dist/components/lists-and-menus/list-item/list-item.styles.js

@@ -5,16 +5,17 @@ export const listItemStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		width: 100%;
-		-webkit-tap-highlight-color: transparent;
-		container-type: inline-size;
-		container-name: list-item;
 		--_background-color: transparent;
 		--_z-index-content: 0;
 		--_z-index-focus: 1;
 		--_z-index-indicator: calc(var(--_z-index-content) - 1);
 		--_focus-outline-offset: 6px;
+
+		display: block;
+		width: 100%;
+		-webkit-tap-highlight-color: transparent;
+		container-type: inline-size;
+		container-name: list-item;
 	}
 
 	:host([hidden]) {
@@ -129,17 +130,26 @@ export const listItemStyles = css `
 		pointer-events: none;
 	}
 
-	.list-item__action:hover {
-		--_background-color: var(--components-list-item-is-hovered-background-color);
-		--context-cell-content-color: var(--components-list-item-is-hovered-content-color);
-	}
+	/* Hover rules only on hover-capable devices: prevents touch-scrolling
+	 * from briefly flashing the hover state on the row under the finger. */
+	@media (hover: hover) {
+		.list-item__action:hover {
+			--_background-color: var(--components-list-item-is-hovered-background-color);
+			--context-cell-content-color: var(--components-list-item-is-hovered-content-color);
+		}
 
-	:host([selected]) .list-item__action {
-		--_background-color: var(--components-list-item-is-selected-background-color);
-		--context-cell-content-color: var(--components-list-item-is-selected-content-color);
+		:host([selected]) .list-item__action:hover {
+			--_background-color: var(--components-list-item-is-selected-background-color);
+			--context-cell-content-color: var(--components-list-item-is-selected-content-color);
+		}
+
+		:host([selected]) .list-item__action:focus:hover {
+			--_background-color: var(--components-list-item-is-highlighted-background-color);
+			--context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
+		}
 	}
 
-	:host([selected]) .list-item__action:hover {
+	:host([selected]) .list-item__action {
 		--_background-color: var(--components-list-item-is-selected-background-color);
 		--context-cell-content-color: var(--components-list-item-is-selected-content-color);
 	}
@@ -149,11 +159,6 @@ export const listItemStyles = css `
 		--context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
 	}
 
-	:host([selected]) .list-item__action:focus:hover {
-		--_background-color: var(--components-list-item-is-highlighted-background-color);
-		--context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
-	}
-
 
 	/* ## Focus */
 

package/dist/components/lists-and-menus/list-item/list-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsPhC,CAAC"}
+{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8DtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAuF1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAqB7B,CAAC"}
+{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAgEtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAuF1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAqB7B,CAAC"}

package/dist/components/lists-and-menus/menu/menu.styles.js

@@ -5,23 +5,25 @@ export const menuStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		padding: 0;
-		border: none;
-		background: transparent;
-		margin: 0;
-		position: absolute;
-		overflow: visible;
 		--_viewport-margin: 16px;
 		--_menu-width: var(--primitives-area-280);
 		--_menu-max-height: calc(infinity * 1px);
 		--_menu-max-items: 9999;
 		--_menu-item-size: var(--semantics-controls-md-min-size);
 		--_menu-padding: var(--primitives-space-8);
+
 		@media (pointer: fine) {
 			--_menu-item-size: var(--semantics-controls-sm-min-size);
 			--_menu-padding: var(--primitives-space-6);
 		}
+
+		display: block;
+		padding: 0;
+		border: none;
+		background: transparent;
+		margin: 0;
+		position: absolute;
+		overflow: visible;
 		-webkit-tap-highlight-color: transparent;
 	}
 

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

@@ -1 +1 @@
-{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D5B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC"}
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE5B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAsMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAkNpC,CAAC"}
+{"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAuMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0NpC,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js

@@ -5,9 +5,6 @@ export const documentTabBarStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		position: relative;
-		isolation: isolate;
 		--_drag-clone-top: 0px;
 		--_drag-clone-left: 0px;
 		--_drag-clone-width: 0px;
@@ -17,6 +14,10 @@ export const documentTabBarStyles = css `
 		--_short-text-threshold: 200px;
 		--_item-min-width: 100px;
 		--_overflow-button-reserve: 52px; /* Used for overflowButtonReserve. Overflow button width + spacing */
+
+		display: block;
+		position: relative;
+		isolation: isolate;
 		-webkit-tap-highlight-color: transparent;
 	}
 
@@ -250,8 +251,10 @@ export const documentTabBarItemStyles = css `
 		text-decoration: none;
 	}
 
-	.document-tab-bar__item-tab:hover {
-		background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+	@media (hover: hover) {
+		.document-tab-bar__item-tab:hover {
+			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+		}
 	}
 
 	.document-tab-bar__item-tab:active {
@@ -262,8 +265,10 @@ export const documentTabBarItemStyles = css `
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
 	}
 
-	:host([selected]) .document-tab-bar__item-tab:hover {
-		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
+	@media (hover: hover) {
+		:host([selected]) .document-tab-bar__item-tab:hover {
+			background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
+		}
 	}
 
 	/* ## Focus */
@@ -373,8 +378,10 @@ export const documentTabBarItemStyles = css `
 		color: var(--semantics-buttons-neutral-tinted-content-color);
 	}
 
-	.document-tab-bar__item-dismiss-button:hover {
-		background-color: var(--primitives-color-neutral-150);
+	@media (hover: hover) {
+		.document-tab-bar__item-dismiss-button:hover {
+			background-color: var(--primitives-color-neutral-150);
+		}
 	}
 
 	.document-tab-bar__item-dismiss-button:active {
@@ -385,8 +392,10 @@ export const documentTabBarItemStyles = css `
 		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
 	}
 
-	:host([selected]) .document-tab-bar__item-dismiss-button:hover {
-		background-color: var(--primitives-color-accent-650);
+	@media (hover: hover) {
+		:host([selected]) .document-tab-bar__item-dismiss-button:hover {
+			background-color: var(--primitives-color-accent-650);
+		}
 	}
 
 	:host([selected]) .document-tab-bar__item-dismiss-button:active {

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsMtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkN1C,CAAC"}
+{"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0N1C,CAAC"}

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAyK7B,CAAC"}
+{"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8K7B,CAAC"}

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js

@@ -8,6 +8,7 @@ export const menuBarItemStyles = css `
 		--_indicator-z-index: 0;
 		--_content-z-index: 1;
 		--_focus-z-index: 1;
+
 		display: inline-block;
 		position: relative;
 		isolation: isolate;
@@ -59,16 +60,20 @@ export const menuBarItemStyles = css `
 		z-index: var(--_indicator-z-index);
 	}
 
-	.menu-bar-item:hover::before {
-		background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
+	@media (hover: hover) {
+		.menu-bar-item:hover::before {
+			background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
+		}
 	}
 
 	:host([open]) .menu-bar-item::before {
 		background-color: var(--components-menu-bar-item-is-open-indicator-background-color);
 	}
 
-	:host([open]) .menu-bar-item:hover::before {
-		background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
+	@media (hover: hover) {
+		:host([open]) .menu-bar-item:hover::before {
+			background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
+		}
 	}
 
 	/* ## Current indicator (::after) */

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKnC,CAAC"}
+{"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KnC,CAAC"}

package/dist/components/navigation/pagination/pagination.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAgO5B,CAAC"}
+{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuO5B,CAAC"}

package/dist/components/navigation/pagination/pagination.styles.js

@@ -60,11 +60,16 @@ export const paginationStyles = css `
 		text-decoration: none;
 	}
 
-	.pagination__page-button:hover,
 	.pagination__page-button:focus-visible {
 		z-index: 1;
 	}
 
+	@media (hover: hover) {
+		.pagination__page-button:hover {
+			z-index: 1;
+		}
+	}
+
 	.pagination__page-button:focus-visible {
 		outline: none;
 	}
@@ -85,8 +90,10 @@ export const paginationStyles = css `
 		pointer-events: none;
 	}
 
-	.pagination__page-button:hover:not(.is-current)::before {
-		background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+	@media (hover: hover) {
+		.pagination__page-button:hover:not(.is-current)::before {
+			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+		}
 	}
 
 	.pagination__page-button.is-current::before {

package/dist/components/navigation/pagination/pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlC,CAAC"}
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOlC,CAAC"}

package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAkE1B,CAAC"}
+{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAmE1B,CAAC"}

package/dist/components/navigation/skip-link/skip-link.styles.js

@@ -9,6 +9,7 @@ export const skipLinkStyles = css `
 		--_box-shadow: var(--primitives-box-shadows-level-3);
 		--_focus-box-shadow: inset var(--semantics-focus-ring-box-shadow);
 		--_focus-outline-offset: -6px;
+
 		display: block;
 		position: relative;
 	}

package/dist/components/navigation/skip-link/skip-link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}
+{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEhC,CAAC"}

package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBAqDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAuK5B,CAAC"}
+{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBAyDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAyK5B,CAAC"}

package/dist/components/navigation/tab-bar/tab-bar.styles.js

@@ -28,10 +28,14 @@ export const tabBarStyles = css `
 	.tab-bar {
 		display: flex;
 		flex-direction: row;
-		justify-content: center;
+		justify-content: flex-start;
 		align-items: center;
 	}
 
+	:host([full-width]) .tab-bar {
+		justify-content: center;
+	}
+
 	.tab-bar__items {
 		display: flex;
 		flex-direction: row;
@@ -151,8 +155,10 @@ export const tabBarItemStyles = css `
 		pointer-events: none;
 	}
 
-	.tab-bar__item:hover::before {
-		background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+	@media (hover: hover) {
+		.tab-bar__item:hover::before {
+			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+		}
 	}
 
 	:host([selected]) .tab-bar__item::before {