@fusion.dev/helix 0.146.0 → 0.147.0

package/dist/graph/root/graph-root.css.js

@@ -1,456 +1,21 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: contents;
-}
-
-[part="region"] {
-background-color: var(--graph-background-color, var(--helix-color-surface-sunken));
-block-size: var(--graph-block-size, 32rem);
-border: var(--helix-border-thin) solid var(--graph-border-color, var(--helix-color-border));
-border-radius: var(--helix-radii-sm);
-box-sizing: border-box;
-container-type: inline-size;
-display: grid;
-grid-template-rows: auto minmax(0, 1fr) auto;
-overflow: hidden;
-position: relative;
-}
-
-[part="body"] {
-display: grid;
-grid-template-columns: minmax(0, 1fr) var(--graph-panel-size, 18rem);
-min-block-size: 0;
-}
-
-[part="stage"] {
-isolation: isolate;
-min-block-size: 0;
-overflow: hidden;
-position: relative;
-}
-
-[part="viewport"] {
-inset: 0;
-position: absolute;
-}
-
-[part="viewport"] ::slotted(*) {
-block-size: 100%;
-inline-size: 100%;
-}
-
-[part="panel"] {
-background-color: var(--graph-panel-background-color, var(--helix-color-surface));
-border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);
-color: var(--graph-panel-color, var(--helix-color-foreground));
-display: grid;
-
-grid-template-columns: minmax(0, 1fr);
-grid-template-rows: auto minmax(0, 1fr);
-min-block-size: 0;
-}
-
-@container (inline-size < 40rem) {
-[part="body"] {
-grid-template-columns: minmax(0, 1fr);
-grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
-}
-
-[part="panel"] {
-border-block-start: var(--helix-border-thin) solid var(--helix-color-border);
-border-inline-start: none;
-}
-}
-
-:host([no-panel]) [part="body"] {
-grid-template-columns: minmax(0, 1fr);
-grid-template-rows: minmax(0, 1fr);
-position: relative;
-}
-
-:host([no-panel]) [part="panel"] {
-border: var(--helix-border-floating) solid var(--helix-color-border);
-border-radius: var(--helix-radii-sm);
-box-shadow: var(--helix-shadow-floating);
-inline-size: min(var(--graph-panel-size, 18rem), calc(100% - var(--helix-space-sm) * 2));
-inset-block: var(--helix-space-sm);
-inset-inline-end: var(--helix-space-sm);
-overflow: hidden;
-position: absolute;
-z-index: 1;
-}
-
-:host([no-panel]) [part="panel"][hidden] {
-display: none;
-}
-
-:host([no-panel]) [part="body"]:has([part="panel"]:not([hidden])) [part="controls"] {
-inset-inline-end: calc(min(var(--graph-panel-size, 18rem), 100%) + var(--helix-space-sm) * 2);
-}
-
-[part="notes-toggle"] {
-grid-area: notes;
-}
-
-[part="notes-toggle"] svg {
-block-size: 1em;
-inline-size: 1em;
-}
-
-[part="controls"]:has([part="notes-toggle"]):not(:has([part="pan-up"])) {
-grid-template-areas:
+export const styles = createSheet(`:host {display: contents;}[part="region"] {background-color: var(--graph-background-color, var(--helix-color-surface-sunken));block-size: var(--graph-block-size, 32rem);border: var(--helix-border-thin) solid var(--graph-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-sizing: border-box;container-type: inline-size;display: grid;grid-template-rows: auto minmax(0, 1fr) auto;overflow: hidden;position: relative;}[part="body"] {display: grid;grid-template-columns: minmax(0, 1fr) var(--graph-panel-size, 18rem);min-block-size: 0;}[part="stage"] {isolation: isolate;min-block-size: 0;overflow: hidden;position: relative;}[part="viewport"] {inset: 0;position: absolute;}[part="viewport"] ::slotted(*) {block-size: 100%;inline-size: 100%;}[part="panel"] {background-color: var(--graph-panel-background-color, var(--helix-color-surface));border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--graph-panel-color, var(--helix-color-foreground));display: grid;grid-template-columns: minmax(0, 1fr);grid-template-rows: auto minmax(0, 1fr);min-block-size: 0;}@container (inline-size < 40rem) {[part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);}[part="panel"] {border-block-start: var(--helix-border-thin) solid var(--helix-color-border);border-inline-start: none;}}:host([no-panel]) [part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 1fr);position: relative;}:host([no-panel]) [part="panel"] {border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);inline-size: min(var(--graph-panel-size, 18rem), calc(100% - var(--helix-space-sm) * 2));inset-block: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);overflow: hidden;position: absolute;z-index: 1;}:host([no-panel]) [part="panel"][hidden] {display: none;}:host([no-panel]) [part="body"]:has([part="panel"]:not([hidden])) [part="controls"] {inset-inline-end: calc(min(var(--graph-panel-size, 18rem), 100%) + var(--helix-space-sm) * 2);}[part="notes-toggle"] {grid-area: notes;}[part="notes-toggle"] svg {block-size: 1em;inline-size: 1em;}[part="controls"]:has([part="notes-toggle"]):not(:has([part="pan-up"])) {grid-template-areas:
 "zoomin"
 "zoomout"
 "notes"
-"full";
-}
-
-[part="controls"]:has([part="notes-toggle"]):has([part="pan-up"]) {
-grid-template-areas:
+"full";}[part="controls"]:has([part="notes-toggle"]):has([part="pan-up"]) {grid-template-areas:
 ".      up    .      zoomin"
 "start  .     end    zoomout"
 ".      down  .      notes"
-".      .     .      full";
-}
-
-[part="legend"] {
-display: flex;
-flex-wrap: wrap;
-gap: var(--helix-space-2xs);
-inset-block-end: var(--helix-space-sm);
-inset-inline-start: var(--helix-space-sm);
-max-inline-size: calc(100% - var(--helix-space-sm) * 3 - var(--helix-size-control-sm));
-position: absolute;
-}
-
-:host([controls-placement="bottom-start"]) [part="legend"] {
-inset-inline: auto var(--helix-space-sm);
-}
-
-@container (inline-size < 40rem) {
-[part="legend"] {
-flex-wrap: nowrap;
-inset-block-end: calc(var(--helix-space-sm) - var(--helix-space-2xs));
-inset-inline-start: calc(var(--helix-space-sm) - var(--helix-space-2xs));
-overflow-x: auto;
-padding: var(--helix-space-2xs);
-scrollbar-width: none;
-}
-}
-
-[part~="legend-item"] {
-align-items: center;
-background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));
-block-size: var(--helix-size-control-tight);
-border: var(--helix-border-floating) solid var(--helix-color-border);
-border-radius: var(--helix-radii-sm);
-box-shadow: var(--helix-shadow-floating);
-color: var(--helix-color-foreground);
-cursor: pointer;
-display: inline-flex;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-gap: var(--helix-space-2xs);
-padding-inline: var(--helix-space-xs);
-white-space: nowrap;
-}
-
-[part~="legend-item"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: var(--helix-size-focus-offset);
-}
-
-[part~="legend-item"]:nth-child(24n + 1) {
---_graph-swatch: var(--helix-color-series-1);
-}
-
-[part~="legend-item"]:nth-child(24n + 2) {
---_graph-swatch: var(--helix-color-series-2);
-}
-
-[part~="legend-item"]:nth-child(24n + 3) {
---_graph-swatch: var(--helix-color-series-3);
-}
-
-[part~="legend-item"]:nth-child(24n + 4) {
---_graph-swatch: var(--helix-color-series-4);
-}
-
-[part~="legend-item"]:nth-child(24n + 5) {
---_graph-swatch: var(--helix-color-series-5);
-}
-
-[part~="legend-item"]:nth-child(24n + 6) {
---_graph-swatch: var(--helix-color-series-6);
-}
-
-[part~="legend-item"]:nth-child(24n + 7) {
---_graph-swatch: var(--helix-color-series-7);
-}
-
-[part~="legend-item"]:nth-child(24n + 8) {
---_graph-swatch: var(--helix-color-series-8);
-}
-
-[part~="legend-item"]:nth-child(24n + 9) {
---_graph-swatch: var(--helix-color-series-9);
-}
-
-[part~="legend-item"]:nth-child(24n + 10) {
---_graph-swatch: var(--helix-color-series-10);
-}
-
-[part~="legend-item"]:nth-child(24n + 11) {
---_graph-swatch: var(--helix-color-series-11);
-}
-
-[part~="legend-item"]:nth-child(24n + 12) {
---_graph-swatch: var(--helix-color-series-12);
-}
-
-[part~="legend-item"]:nth-child(24n + 13) {
---_graph-swatch: var(--helix-color-series-13);
-}
-
-[part~="legend-item"]:nth-child(24n + 14) {
---_graph-swatch: var(--helix-color-series-14);
-}
-
-[part~="legend-item"]:nth-child(24n + 15) {
---_graph-swatch: var(--helix-color-series-15);
-}
-
-[part~="legend-item"]:nth-child(24n + 16) {
---_graph-swatch: var(--helix-color-series-16);
-}
-
-[part~="legend-item"]:nth-child(24n + 17) {
---_graph-swatch: var(--helix-color-series-17);
-}
-
-[part~="legend-item"]:nth-child(24n + 18) {
---_graph-swatch: var(--helix-color-series-18);
-}
-
-[part~="legend-item"]:nth-child(24n + 19) {
---_graph-swatch: var(--helix-color-series-19);
-}
-
-[part~="legend-item"]:nth-child(24n + 20) {
---_graph-swatch: var(--helix-color-series-20);
-}
-
-[part~="legend-item"]:nth-child(24n + 21) {
---_graph-swatch: var(--helix-color-series-21);
-}
-
-[part~="legend-item"]:nth-child(24n + 22) {
---_graph-swatch: var(--helix-color-series-22);
-}
-
-[part~="legend-item"]:nth-child(24n + 23) {
---_graph-swatch: var(--helix-color-series-23);
-}
-
-[part~="legend-item"]:nth-child(24n + 24) {
---_graph-swatch: var(--helix-color-series-24);
-}
-
-[part~="legend-item"][data-tone="accent"] {
---_graph-swatch: var(--helix-color-accent);
-}
-
-[part~="legend-item"][data-tone="danger"] {
---_graph-swatch: var(--helix-color-danger);
-}
-
-[part~="legend-item"][data-tone="info"] {
---_graph-swatch: var(--helix-color-info);
-}
-
-[part~="legend-item"][data-tone="neutral"] {
---_graph-swatch: var(--helix-color-foreground-muted);
-}
-
-[part~="legend-item"][data-tone="primary"] {
---_graph-swatch: var(--helix-color-primary);
-}
-
-[part~="legend-item"][data-tone="success"] {
---_graph-swatch: var(--helix-color-success);
-}
-
-[part~="legend-item"][data-tone="warning"] {
---_graph-swatch: var(--helix-color-warning);
-}
-
-[part="legend-swatch"] {
-block-size: var(--helix-space-xs);
-border: var(--helix-border-thin) solid var(--_graph-swatch, var(--helix-color-foreground-muted));
-border-radius: var(--helix-radii-full);
-box-sizing: border-box;
-background-color: var(--_graph-swatch, var(--helix-color-foreground-muted));
-flex: 0 0 auto;
-inline-size: var(--helix-space-xs);
-}
-
-[part~="legend-item-hidden"] {
-color: var(--helix-color-foreground-subtle);
-}
-
-[part~="legend-item-hidden"] [part="legend-swatch"] {
-background-color: transparent;
-}
-
-[part="search"] {
-align-items: center;
-border-block-end: var(--helix-border-thin) solid var(--helix-color-border);
-display: flex;
-gap: var(--helix-space-2xs);
-padding: var(--helix-space-2xs);
-padding-inline-start: var(--helix-space-xs);
-}
-
-[part="filter-icon"] {
-align-items: center;
-color: var(--helix-color-foreground-subtle);
-display: inline-flex;
-flex: 0 0 auto;
-}
-
-[part="filter-icon"] svg,
-slot[name="filter-icon"]::slotted(*) {
---icon-size: var(--helix-size-icon-tight);
-
-block-size: var(--helix-size-icon-tight);
-inline-size: var(--helix-size-icon-tight);
-}
-
-[part="search-field"] {
-appearance: none;
-background-color: transparent;
-block-size: var(--helix-size-control-tight);
-border: none;
-box-sizing: border-box;
-color: var(--helix-color-foreground);
-flex: 1 1 auto;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-sm);
-font-weight: var(--helix-weight-medium);
-min-inline-size: 0;
-padding-inline: var(--helix-space-2xs);
-}
-
-[part="search-field"]::placeholder {
-color: var(--helix-color-foreground-subtle);
-}
-
-[part="search-field"]:focus-visible {
-outline: none;
-}
-
-[part="search"]:has([part="search-field"]:focus-visible),
-[part="list"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: calc(var(--helix-size-focus-offset) * -1);
-}
-
-[part="count"] {
-color: var(--helix-color-foreground-muted);
-flex: 0 0 auto;
-font-size: var(--helix-text-xs);
-font-variant-numeric: tabular-nums;
-
-padding-inline-end: calc(var(--helix-space-xs) - var(--helix-space-2xs));
-}
-
-[part="list"] {
-min-block-size: 0;
-overflow-y: auto;
-overscroll-behavior: contain;
-padding-block: var(--helix-space-2xs);
-}
-
-[part~="note"] {
-align-items: center;
-box-sizing: border-box;
-cursor: pointer;
-display: flex;
-font-size: var(--graph-note-text, var(--helix-text-sm));
-gap: var(--helix-space-sm);
-min-block-size: var(--helix-size-control-tight);
-padding-block: var(--helix-space-2xs);
-padding-inline: var(--graph-note-padding-inline, var(--helix-space-xs));
-user-select: none;
-}
-
-[part~="note"]:hover,
-[part="list"]:focus-visible [part~="note-cursor"] {
---_graph-wash: var(
+".      .     .      full";}[part="legend"] {display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);inset-block-end: var(--helix-space-sm);inset-inline-start: var(--helix-space-sm);max-inline-size: calc(100% - var(--helix-space-sm) * 3 - var(--helix-size-control-sm));position: absolute;}:host([controls-placement="bottom-start"]) [part="legend"] {inset-inline: auto var(--helix-space-sm);}@container (inline-size < 40rem) {[part="legend"] {flex-wrap: nowrap;inset-block-end: calc(var(--helix-space-sm) - var(--helix-space-2xs));inset-inline-start: calc(var(--helix-space-sm) - var(--helix-space-2xs));overflow-x: auto;padding: var(--helix-space-2xs);scrollbar-width: none;}}[part~="legend-item"] {align-items: center;background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-tight);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);white-space: nowrap;}[part~="legend-item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part~="legend-item"]:nth-child(24n + 1) {--_graph-swatch: var(--helix-color-series-1);}[part~="legend-item"]:nth-child(24n + 2) {--_graph-swatch: var(--helix-color-series-2);}[part~="legend-item"]:nth-child(24n + 3) {--_graph-swatch: var(--helix-color-series-3);}[part~="legend-item"]:nth-child(24n + 4) {--_graph-swatch: var(--helix-color-series-4);}[part~="legend-item"]:nth-child(24n + 5) {--_graph-swatch: var(--helix-color-series-5);}[part~="legend-item"]:nth-child(24n + 6) {--_graph-swatch: var(--helix-color-series-6);}[part~="legend-item"]:nth-child(24n + 7) {--_graph-swatch: var(--helix-color-series-7);}[part~="legend-item"]:nth-child(24n + 8) {--_graph-swatch: var(--helix-color-series-8);}[part~="legend-item"]:nth-child(24n + 9) {--_graph-swatch: var(--helix-color-series-9);}[part~="legend-item"]:nth-child(24n + 10) {--_graph-swatch: var(--helix-color-series-10);}[part~="legend-item"]:nth-child(24n + 11) {--_graph-swatch: var(--helix-color-series-11);}[part~="legend-item"]:nth-child(24n + 12) {--_graph-swatch: var(--helix-color-series-12);}[part~="legend-item"]:nth-child(24n + 13) {--_graph-swatch: var(--helix-color-series-13);}[part~="legend-item"]:nth-child(24n + 14) {--_graph-swatch: var(--helix-color-series-14);}[part~="legend-item"]:nth-child(24n + 15) {--_graph-swatch: var(--helix-color-series-15);}[part~="legend-item"]:nth-child(24n + 16) {--_graph-swatch: var(--helix-color-series-16);}[part~="legend-item"]:nth-child(24n + 17) {--_graph-swatch: var(--helix-color-series-17);}[part~="legend-item"]:nth-child(24n + 18) {--_graph-swatch: var(--helix-color-series-18);}[part~="legend-item"]:nth-child(24n + 19) {--_graph-swatch: var(--helix-color-series-19);}[part~="legend-item"]:nth-child(24n + 20) {--_graph-swatch: var(--helix-color-series-20);}[part~="legend-item"]:nth-child(24n + 21) {--_graph-swatch: var(--helix-color-series-21);}[part~="legend-item"]:nth-child(24n + 22) {--_graph-swatch: var(--helix-color-series-22);}[part~="legend-item"]:nth-child(24n + 23) {--_graph-swatch: var(--helix-color-series-23);}[part~="legend-item"]:nth-child(24n + 24) {--_graph-swatch: var(--helix-color-series-24);}[part~="legend-item"][data-tone="accent"] {--_graph-swatch: var(--helix-color-accent);}[part~="legend-item"][data-tone="danger"] {--_graph-swatch: var(--helix-color-danger);}[part~="legend-item"][data-tone="info"] {--_graph-swatch: var(--helix-color-info);}[part~="legend-item"][data-tone="neutral"] {--_graph-swatch: var(--helix-color-foreground-muted);}[part~="legend-item"][data-tone="primary"] {--_graph-swatch: var(--helix-color-primary);}[part~="legend-item"][data-tone="success"] {--_graph-swatch: var(--helix-color-success);}[part~="legend-item"][data-tone="warning"] {--_graph-swatch: var(--helix-color-warning);}[part="legend-swatch"] {block-size: var(--helix-space-xs);border: var(--helix-border-thin) solid var(--_graph-swatch, var(--helix-color-foreground-muted));border-radius: var(--helix-radii-full);box-sizing: border-box;background-color: var(--_graph-swatch, var(--helix-color-foreground-muted));flex: 0 0 auto;inline-size: var(--helix-space-xs);}[part~="legend-item-hidden"] {color: var(--helix-color-foreground-subtle);}[part~="legend-item-hidden"] [part="legend-swatch"] {background-color: transparent;}[part="search"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);padding: var(--helix-space-2xs);padding-inline-start: var(--helix-space-xs);}[part="filter-icon"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;flex: 0 0 auto;}[part="filter-icon"] svg,
+slot[name="filter-icon"]::slotted(*) {--icon-size: var(--helix-size-icon-tight);block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight);}[part="search-field"] {appearance: none;background-color: transparent;block-size: var(--helix-size-control-tight);border: none;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);min-inline-size: 0;padding-inline: var(--helix-space-2xs);}[part="search-field"]::placeholder {color: var(--helix-color-foreground-subtle);}[part="search-field"]:focus-visible {outline: none;}[part="search"]:has([part="search-field"]:focus-visible),
+[part="list"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="count"] {color: var(--helix-color-foreground-muted);flex: 0 0 auto;font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;padding-inline-end: calc(var(--helix-space-xs) - var(--helix-space-2xs));}[part="list"] {min-block-size: 0;overflow-y: auto;overscroll-behavior: contain;padding-block: var(--helix-space-2xs);}[part~="note"] {align-items: center;box-sizing: border-box;cursor: pointer;display: flex;font-size: var(--graph-note-text, var(--helix-text-sm));gap: var(--helix-space-sm);min-block-size: var(--helix-size-control-tight);padding-block: var(--helix-space-2xs);padding-inline: var(--graph-note-padding-inline, var(--helix-space-xs));user-select: none;}[part~="note"]:hover,
+[part="list"]:focus-visible [part~="note-cursor"] {--_graph-wash: var(
 --graph-note-hover-color,
 light-dark(
 color-mix(in oklab, var(--helix-color-foreground) 8%, transparent),
 color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)
 )
-);
-
-background-image: linear-gradient(var(--_graph-wash), var(--_graph-wash));
-}
-
-[part="note-name"] {
-flex: 0 1 auto;
-max-inline-size: 70%;
-min-inline-size: 0;
-overflow: hidden;
-text-overflow: ellipsis;
-white-space: nowrap;
-}
-
-[part="note-relation"] {
-color: var(--graph-note-relation-color, var(--helix-color-foreground-muted));
-flex: 1 1 0;
-font-size: var(--helix-text-xs);
-min-inline-size: 0;
-overflow: hidden;
-text-align: end;
-text-overflow: ellipsis;
-white-space: nowrap;
-}
-
-[part~="note-selected"] {
-background-color: var(--graph-note-selected-background-color, var(--helix-color-surface-sunken));
-}
-
-[part~="note-selected"] [part="note-name"] {
-font-weight: var(--graph-note-selected-weight, var(--helix-weight-semibold));
-}
-
-[part="header"],
-[part="footer"] {
-min-inline-size: 0;
-}
-
-@media (forced-colors: active) {
-[part~="legend-item-hidden"] {
-color: GrayText;
-}
-
-[part="list"]:focus-visible [part~="note-cursor"] {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: calc(var(--helix-size-focus-offset) * -1);
-}
-
-[part~="note-selected"],
-[part~="note-selected"] [part="note-relation"] {
-background-color: Highlight;
-color: HighlightText;
-forced-color-adjust: none;
-}
-}
-
-@media print {
-:host {
-print-color-adjust: economy;
-}
-}`);
+);background-image: linear-gradient(var(--_graph-wash), var(--_graph-wash));}[part="note-name"] {flex: 0 1 auto;max-inline-size: 70%;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="note-relation"] {color: var(--graph-note-relation-color, var(--helix-color-foreground-muted));flex: 1 1 0;font-size: var(--helix-text-xs);min-inline-size: 0;overflow: hidden;text-align: end;text-overflow: ellipsis;white-space: nowrap;}[part~="note-selected"] {background-color: var(--graph-note-selected-background-color, var(--helix-color-surface-sunken));}[part~="note-selected"] [part="note-name"] {font-weight: var(--graph-note-selected-weight, var(--helix-weight-semibold));}[part="header"],
+[part="footer"] {min-inline-size: 0;}@media (forced-colors: active) {[part~="legend-item-hidden"] {color: GrayText;}[part="list"]:focus-visible [part~="note-cursor"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part~="note-selected"],
+[part~="note-selected"] [part="note-relation"] {background-color: Highlight;color: HighlightText;forced-color-adjust: none;}}@media print {:host {print-color-adjust: economy;}}`);

package/dist/grid/root/grid-root.css.js

@@ -1,172 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-
---_grid-column-gap: var(--_grid-gap);
-
---_grid-gap: var(--helix-space-none);
---_grid-row-gap: var(--_grid-gap);
-
-column-gap: var(--_grid-column-gap);
-display: grid;
-grid-template-areas: var(--grid-areas, none);
-grid-template-columns: var(--grid-columns, var(--_grid-template, minmax(0, 1fr)));
-grid-template-rows: var(--grid-rows, none);
-row-gap: var(--_grid-row-gap);
-}
-
-:host([columns="2"]) {
-grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(2, minmax(0, 1fr))));
-}
-:host([columns="3"]) {
-grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(3, minmax(0, 1fr))));
-}
-:host([columns="4"]) {
-grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(4, minmax(0, 1fr))));
-}
-:host([columns="5"]) {
-grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(5, minmax(0, 1fr))));
-}
-:host([columns="6"]) {
-grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(6, minmax(0, 1fr))));
-}
-
-:host([gap="none"]) {
---_grid-gap: var(--helix-space-none);
-}
-:host([gap="2xs"]) {
---_grid-gap: var(--helix-space-2xs);
-}
-:host([gap="xs"]) {
---_grid-gap: var(--helix-space-xs);
-}
-:host([gap="sm"]) {
---_grid-gap: var(--helix-space-sm);
-}
-
-:host([gap="md"]) {
---_grid-gap: var(--helix-space-md);
-}
-:host([gap="lg"]) {
---_grid-gap: var(--helix-space-lg);
-}
-:host([gap="xl"]) {
---_grid-gap: var(--helix-space-xl);
-}
-:host([gap="2xl"]) {
---_grid-gap: var(--helix-space-2xl);
-}
-
-:host([gap="3xl"]) {
---_grid-gap: var(--helix-space-3xl);
-}
-
-:host([row-gap="none"]) {
---_grid-row-gap: var(--helix-space-none);
-}
-:host([row-gap="2xs"]) {
---_grid-row-gap: var(--helix-space-2xs);
-}
-:host([row-gap="xs"]) {
---_grid-row-gap: var(--helix-space-xs);
-}
-:host([row-gap="sm"]) {
---_grid-row-gap: var(--helix-space-sm);
-}
-:host([row-gap="md"]) {
---_grid-row-gap: var(--helix-space-md);
-}
-:host([row-gap="lg"]) {
---_grid-row-gap: var(--helix-space-lg);
-}
-:host([row-gap="xl"]) {
---_grid-row-gap: var(--helix-space-xl);
-}
-:host([row-gap="2xl"]) {
---_grid-row-gap: var(--helix-space-2xl);
-}
-:host([row-gap="3xl"]) {
---_grid-row-gap: var(--helix-space-3xl);
-}
-
-:host([column-gap="none"]) {
---_grid-column-gap: var(--helix-space-none);
-}
-:host([column-gap="2xs"]) {
---_grid-column-gap: var(--helix-space-2xs);
-}
-:host([column-gap="xs"]) {
---_grid-column-gap: var(--helix-space-xs);
-}
-:host([column-gap="sm"]) {
---_grid-column-gap: var(--helix-space-sm);
-}
-:host([column-gap="md"]) {
---_grid-column-gap: var(--helix-space-md);
-}
-:host([column-gap="lg"]) {
---_grid-column-gap: var(--helix-space-lg);
-}
-:host([column-gap="xl"]) {
---_grid-column-gap: var(--helix-space-xl);
-}
-:host([column-gap="2xl"]) {
---_grid-column-gap: var(--helix-space-2xl);
-}
-:host([column-gap="3xl"]) {
---_grid-column-gap: var(--helix-space-3xl);
-}
-
-:host([align-items="start"]) {
-align-items: start;
-}
-:host([align-items="center"]) {
-align-items: center;
-}
-:host([align-items="end"]) {
-align-items: end;
-}
-
-:host([justify-items="start"]) {
-justify-items: start;
-}
-:host([justify-items="center"]) {
-justify-items: center;
-}
-:host([justify-items="end"]) {
-justify-items: end;
-}
-
-:host([auto-flow="column"]) {
-grid-auto-flow: column;
-}
-:host([auto-flow="dense"]) {
-grid-auto-flow: dense;
-}
-:host([auto-flow="column-dense"]) {
-grid-auto-flow: column dense;
-}
-
-::slotted([data-grid-span="full"]) {
-grid-column: 1 / -1;
-}
-::slotted([data-grid-span="2"]) {
-grid-column: span 2;
-}
-::slotted([data-grid-span="3"]) {
-grid-column: span 3;
-}
-::slotted([data-grid-span="4"]) {
-grid-column: span 4;
-}
-::slotted([data-grid-span="5"]) {
-grid-column: span 5;
-}
-::slotted([data-grid-span="6"]) {
-grid-column: span 6;
-}
-
-@media print {
-:host {
-print-color-adjust: economy;
-}
-}`);
+export const styles = createSheet(`:host {--_grid-column-gap: var(--_grid-gap);--_grid-gap: var(--helix-space-none);--_grid-row-gap: var(--_grid-gap);column-gap: var(--_grid-column-gap);display: grid;grid-template-areas: var(--grid-areas, none);grid-template-columns: var(--grid-columns, var(--_grid-template, minmax(0, 1fr)));grid-template-rows: var(--grid-rows, none);row-gap: var(--_grid-row-gap);}:host([columns="2"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(2, minmax(0, 1fr))));}:host([columns="3"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(3, minmax(0, 1fr))));}:host([columns="4"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(4, minmax(0, 1fr))));}:host([columns="5"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(5, minmax(0, 1fr))));}:host([columns="6"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(6, minmax(0, 1fr))));}:host([gap="none"]) {--_grid-gap: var(--helix-space-none);}:host([gap="2xs"]) {--_grid-gap: var(--helix-space-2xs);}:host([gap="xs"]) {--_grid-gap: var(--helix-space-xs);}:host([gap="sm"]) {--_grid-gap: var(--helix-space-sm);}:host([gap="md"]) {--_grid-gap: var(--helix-space-md);}:host([gap="lg"]) {--_grid-gap: var(--helix-space-lg);}:host([gap="xl"]) {--_grid-gap: var(--helix-space-xl);}:host([gap="2xl"]) {--_grid-gap: var(--helix-space-2xl);}:host([gap="3xl"]) {--_grid-gap: var(--helix-space-3xl);}:host([row-gap="none"]) {--_grid-row-gap: var(--helix-space-none);}:host([row-gap="2xs"]) {--_grid-row-gap: var(--helix-space-2xs);}:host([row-gap="xs"]) {--_grid-row-gap: var(--helix-space-xs);}:host([row-gap="sm"]) {--_grid-row-gap: var(--helix-space-sm);}:host([row-gap="md"]) {--_grid-row-gap: var(--helix-space-md);}:host([row-gap="lg"]) {--_grid-row-gap: var(--helix-space-lg);}:host([row-gap="xl"]) {--_grid-row-gap: var(--helix-space-xl);}:host([row-gap="2xl"]) {--_grid-row-gap: var(--helix-space-2xl);}:host([row-gap="3xl"]) {--_grid-row-gap: var(--helix-space-3xl);}:host([column-gap="none"]) {--_grid-column-gap: var(--helix-space-none);}:host([column-gap="2xs"]) {--_grid-column-gap: var(--helix-space-2xs);}:host([column-gap="xs"]) {--_grid-column-gap: var(--helix-space-xs);}:host([column-gap="sm"]) {--_grid-column-gap: var(--helix-space-sm);}:host([column-gap="md"]) {--_grid-column-gap: var(--helix-space-md);}:host([column-gap="lg"]) {--_grid-column-gap: var(--helix-space-lg);}:host([column-gap="xl"]) {--_grid-column-gap: var(--helix-space-xl);}:host([column-gap="2xl"]) {--_grid-column-gap: var(--helix-space-2xl);}:host([column-gap="3xl"]) {--_grid-column-gap: var(--helix-space-3xl);}:host([align-items="start"]) {align-items: start;}:host([align-items="center"]) {align-items: center;}:host([align-items="end"]) {align-items: end;}:host([justify-items="start"]) {justify-items: start;}:host([justify-items="center"]) {justify-items: center;}:host([justify-items="end"]) {justify-items: end;}:host([auto-flow="column"]) {grid-auto-flow: column;}:host([auto-flow="dense"]) {grid-auto-flow: dense;}:host([auto-flow="column-dense"]) {grid-auto-flow: column dense;}::slotted([data-grid-span="full"]) {grid-column: 1 / -1;}::slotted([data-grid-span="2"]) {grid-column: span 2;}::slotted([data-grid-span="3"]) {grid-column: span 3;}::slotted([data-grid-span="4"]) {grid-column: span 4;}::slotted([data-grid-span="5"]) {grid-column: span 5;}::slotted([data-grid-span="6"]) {grid-column: span 6;}@media print {:host {print-color-adjust: economy;}}`);