@fusion.dev/helix 0.145.0 → 0.147.0

package/dist/steps/step/step.css.js

@@ -1,157 +1,6 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-
---_step-inset: var(--helix-space-sm);
-
-align-content: start;
-align-items: start;
-column-gap: var(--helix-space-2xs);
-counter-increment: helix-step;
-display: grid;
-flex: 0 0 auto;
-grid-template-columns: var(--_steps-columns, minmax(0, 1fr));
-min-inline-size: 0;
-position: relative;
-row-gap: var(--_steps-row-gap, var(--helix-space-2xs));
-}
-
-:host::before,
-:host::after {
-background-color: var(--steps-connector-color, var(--helix-color-border));
-content: "";
-position: absolute;
-z-index: 0;
-}
-
-:host::before {
-block-size: var(--_steps-lead-block-size, var(--helix-border-thin));
-inline-size: var(--_steps-lead-inline-size, 0);
-inset-block-start: var(--_steps-lead-block-start, 50%);
-inset-inline-start: var(--_steps-lead-inline-start, 0);
-}
-
-:host::after {
-block-size: var(--_steps-trail-block-size, var(--helix-border-thin));
-inline-size: var(--_steps-trail-inline-size, 0);
-inset-block-start: var(--_steps-trail-block-start, 50%);
-inset-inline-start: var(--_steps-trail-inline-start, 0);
-}
-
-:host(:first-child)::before,
-:host(:last-child)::after {
-display: none;
-}
-
-[part="marker"] {
-align-items: center;
-grid-column: var(--_steps-marker-column, 1);
-grid-row: 1;
-justify-self: var(--_steps-marker-justify, center);
-block-size: var(--_steps-mark-box, var(--helix-size-icon));
-box-sizing: border-box;
-color: var(--_steps-marker-color, var(--helix-color-border));
-display: inline-flex;
-flex: 0 0 auto;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-semibold);
-inline-size: var(--_steps-mark-box, var(--helix-size-icon));
-justify-content: center;
-position: relative;
-transition: color var(--helix-duration-fast) var(--helix-easing-standard);
-z-index: 1;
-}
-
-[part="marker"] slot {
-align-items: center;
-display: inline-flex;
-justify-content: center;
-}
-
-[part="marker"]::after {
-content: var(--_steps-count, none);
-}
-
-[part="marker"] svg {
-block-size: var(--_steps-m, var(--helix-size-icon));
-display: var(--_steps-mark, inline);
-flex: 0 0 auto;
-inline-size: var(--_steps-m, var(--helix-size-icon));
-}
-
-slot[name="marker"]::slotted(*) {
---icon-size: var(--_steps-m, var(--helix-size-icon));
-}
-
-:host([complete]) [part="marker"] {
-color: var(--steps-complete-color, var(--_steps-ink-complete, var(--helix-color-success)));
-}
-
-:host([current]) [part="marker"] {
-color: var(--steps-current-color, var(--_steps-ink-current, var(--helix-color-primary)));
-}
-
-:host([complete][current]) [part="marker"] {
-color: var(--steps-complete-color, var(--_steps-ink-complete, var(--helix-color-success)));
-}
-
-[part="body"] {
-align-items: var(--_steps-body-align, center);
-grid-column: var(--_steps-body-column, 1);
-grid-row: var(--_steps-body-row, 2);
-display: flex;
-flex-direction: column;
-min-inline-size: 0;
-position: relative;
-z-index: 1;
-}
-
-[part="label"] {
---helix-size-control: var(--helix-size-control-sm);
---helix-size-control-loose: calc(var(--helix-size-control) * 1.2);
---helix-size-control-tight: calc(var(--helix-size-control) * 0.8);
---helix-size-icon: var(--helix-size-icon-sm);
---helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);
---helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);
---helix-space-control: var(--_step-inset);
---helix-text-control: var(--helix-text-sm);
---button-foreground-color: var(--helix-color-foreground-muted);
-
-max-inline-size: 100%;
-}
-
-:host([complete]) [part="label"],
-:host([current]) [part="label"] {
---button-foreground-color: var(--helix-color-foreground);
-}
-
-[part="description"] {
-color: var(--helix-color-foreground-subtle);
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-padding-inline: var(--_step-inset);
-}
-
-:host([disabled]) [part="marker"],
-:host([disabled]) [part="description"] {
-opacity: 0.5;
-}
-
-[part="content"] {
-display: var(--_steps-content, none);
-grid-column: var(--_steps-body-column, 1);
-grid-row: calc(var(--_steps-body-row, 2) + 1);
-grid-template-rows: 0fr;
-padding-inline: var(--_step-inset);
-transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard);
-}
-
-:host([current]) [part="content"] {
-grid-template-rows: 1fr;
-}
-
-[part="content"] > slot {
-display: block;
-min-block-size: 0;
-overflow: hidden;
-}`);
+export const styles = createSheet(`:host {--_step-inset: var(--helix-space-sm);align-content: start;align-items: start;column-gap: var(--helix-space-2xs);counter-increment: helix-step;display: grid;flex: 0 0 auto;grid-template-columns: var(--_steps-columns, minmax(0, 1fr));min-inline-size: 0;position: relative;row-gap: var(--_steps-row-gap, var(--helix-space-2xs));}:host::before,
+:host::after {background-color: var(--steps-connector-color, var(--helix-color-border));content: "";position: absolute;z-index: 0;}:host::before {block-size: var(--_steps-lead-block-size, var(--helix-border-thin));inline-size: var(--_steps-lead-inline-size, 0);inset-block-start: var(--_steps-lead-block-start, 50%);inset-inline-start: var(--_steps-lead-inline-start, 0);}:host::after {block-size: var(--_steps-trail-block-size, var(--helix-border-thin));inline-size: var(--_steps-trail-inline-size, 0);inset-block-start: var(--_steps-trail-block-start, 50%);inset-inline-start: var(--_steps-trail-inline-start, 0);}:host(:first-child)::before,
+:host(:last-child)::after {display: none;}[part="marker"] {align-items: center;grid-column: var(--_steps-marker-column, 1);grid-row: 1;justify-self: var(--_steps-marker-justify, center);block-size: var(--_steps-mark-box, var(--helix-size-icon));box-sizing: border-box;color: var(--_steps-marker-color, var(--helix-color-border));display: inline-flex;flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold);inline-size: var(--_steps-mark-box, var(--helix-size-icon));justify-content: center;position: relative;transition: color var(--helix-duration-fast) var(--helix-easing-standard);z-index: 1;}[part="marker"] slot {align-items: center;display: inline-flex;justify-content: center;}[part="marker"]::after {content: var(--_steps-count, none);}[part="marker"] svg {block-size: var(--_steps-m, var(--helix-size-icon));display: var(--_steps-mark, inline);flex: 0 0 auto;inline-size: var(--_steps-m, var(--helix-size-icon));}slot[name="marker"]::slotted(*) {--icon-size: var(--_steps-m, var(--helix-size-icon));}:host([complete]) [part="marker"] {color: var(--steps-complete-color, var(--_steps-ink-complete, var(--helix-color-success)));}:host([current]) [part="marker"] {color: var(--steps-current-color, var(--_steps-ink-current, var(--helix-color-primary)));}:host([complete][current]) [part="marker"] {color: var(--steps-complete-color, var(--_steps-ink-complete, var(--helix-color-success)));}[part="body"] {align-items: var(--_steps-body-align, center);grid-column: var(--_steps-body-column, 1);grid-row: var(--_steps-body-row, 2);display: flex;flex-direction: column;min-inline-size: 0;position: relative;z-index: 1;}[part="label"] {--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-space-control: var(--_step-inset);--helix-text-control: var(--helix-text-sm);--button-foreground-color: var(--helix-color-foreground-muted);max-inline-size: 100%;}:host([complete]) [part="label"],
+:host([current]) [part="label"] {--button-foreground-color: var(--helix-color-foreground);}[part="description"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);padding-inline: var(--_step-inset);}:host([disabled]) [part="marker"],
+:host([disabled]) [part="description"] {opacity: 0.5;}[part="content"] {display: var(--_steps-content, none);grid-column: var(--_steps-body-column, 1);grid-row: calc(var(--_steps-body-row, 2) + 1);grid-template-rows: 0fr;padding-inline: var(--_step-inset);transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard);}:host([current]) [part="content"] {grid-template-rows: 1fr;}[part="content"] > slot {display: block;min-block-size: 0;overflow: hidden;}`);

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

@@ -1,112 +1,4 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
---_switch-height: var(--switch-block-size, var(--helix-size-switch));
-
---_switch-width: var(--switch-inline-size, calc(var(--_switch-height) * 1.75));
-
---_switch-inset: calc(var(--helix-space-2xs) / 2);
-
---_field-control-inline-size: var(--_switch-width);
-display: inline-flex;
-flex-direction: column;
-gap: var(--helix-space-2xs);
-}
-
-[part="field"] {
-align-items: center;
-cursor: pointer;
-display: inline-flex;
-gap: var(--helix-space-xs);
-}
-
-:host(:disabled) [part="field"] {
-cursor: default;
-}
-
-:host(:disabled) {
-opacity: 0.5;
-}
-
-[part="track"] {
-background-color: var(--helix-color-surface-sunken);
-block-size: var(--_switch-height);
-border: var(--helix-border-thin) solid var(--helix-color-border);
-border-radius: var(--helix-radii-full);
-display: grid;
-flex: 0 0 auto;
-inline-size: var(--_switch-width);
-position: relative;
-transition:
+export const styles = createSheet(`:host {--_switch-height: var(--switch-block-size, var(--helix-size-switch));--_switch-width: var(--switch-inline-size, calc(var(--_switch-height) * 1.75));--_switch-inset: calc(var(--helix-space-2xs) / 2);--_field-control-inline-size: var(--_switch-width);display: inline-flex;flex-direction: column;gap: var(--helix-space-2xs);}[part="field"] {align-items: center;cursor: pointer;display: inline-flex;gap: var(--helix-space-xs);}:host(:disabled) [part="field"] {cursor: default;}:host(:disabled) {opacity: 0.5;}[part="track"] {background-color: var(--helix-color-surface-sunken);block-size: var(--_switch-height);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-full);display: grid;flex: 0 0 auto;inline-size: var(--_switch-width);position: relative;transition:
 background-color var(--helix-duration-fast) var(--helix-easing-standard),
-border-color var(--helix-duration-fast) var(--helix-easing-standard);
-}
-
-[part="thumb"] {
-align-items: center;
-color: var(--switch-icon-color, var(--helix-color-foreground-muted));
-display: flex;
-justify-content: center;
-
-background-color: var(--switch-thumb-color, var(--helix-color-surface-overlay));
-block-size: calc(var(--_switch-height) - var(--_switch-inset) * 2);
-border: var(--helix-border-thin) solid var(--helix-color-border);
-border-radius: var(--helix-radii-full);
-inline-size: calc(var(--_switch-height) - var(--_switch-inset) * 2);
-inset-block-start: 50%;
-
-inset-inline-start: calc(var(--_switch-inset) - var(--helix-border-thin));
-pointer-events: none;
-position: absolute;
-translate: 0 -50%;
-transition: translate var(--helix-duration-fast) var(--helix-easing-emphasized);
-}
-
-:host(:state(checked)) [part="thumb"] {
-border-color: transparent;
-color: var(--switch-icon-color, var(--switch-on-color, var(--helix-color-primary)));
-}
-
-[part="thumb"] ::slotted(*) {
---icon-size: calc((var(--_switch-height) - var(--_switch-inset) * 2) * 0.7);
-}
-
-:host(:state(checked)) [part="track"] {
-background-color: var(--switch-on-color, var(--helix-color-primary));
-border-color: var(--switch-on-color, var(--helix-color-primary));
-}
-
-[part="control"] {
-appearance: none;
-block-size: 100%;
-cursor: inherit;
-grid-area: 1 / 1;
-inline-size: 100%;
-margin: var(--helix-space-none);
-opacity: 0;
-}
-
-:host(:state(checked)) [part="thumb"] {
-
-background-color: var(--switch-thumb-color, var(--helix-color-foreground-on-primary));
-
-translate: calc(var(--_switch-width) - var(--_switch-height)) -50%;
-}
-
-[part="track"]:has([part="control"]:focus-visible) [part="thumb"] {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: var(--helix-size-focus-offset);
-}
-
-:host(:state(invalid)) [part="track"] {
-border-color: var(--helix-color-danger);
-}
-
-[part="label"][data-empty] {
-display: none;
-}
-
-@media print {
-:host {
-print-color-adjust: exact;
-}
-}`);
+border-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="thumb"] {align-items: center;color: var(--switch-icon-color, var(--helix-color-foreground-muted));display: flex;justify-content: center;background-color: var(--switch-thumb-color, var(--helix-color-surface-overlay));block-size: calc(var(--_switch-height) - var(--_switch-inset) * 2);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-full);inline-size: calc(var(--_switch-height) - var(--_switch-inset) * 2);inset-block-start: 50%;inset-inline-start: calc(var(--_switch-inset) - var(--helix-border-thin));pointer-events: none;position: absolute;translate: 0 -50%;transition: translate var(--helix-duration-fast) var(--helix-easing-emphasized);}:host(:state(checked)) [part="thumb"] {border-color: transparent;color: var(--switch-icon-color, var(--switch-on-color, var(--helix-color-primary)));}[part="thumb"] ::slotted(*) {--icon-size: calc((var(--_switch-height) - var(--_switch-inset) * 2) * 0.7);}:host(:state(checked)) [part="track"] {background-color: var(--switch-on-color, var(--helix-color-primary));border-color: var(--switch-on-color, var(--helix-color-primary));}[part="control"] {appearance: none;block-size: 100%;cursor: inherit;grid-area: 1 / 1;inline-size: 100%;margin: var(--helix-space-none);opacity: 0;}:host(:state(checked)) [part="thumb"] {background-color: var(--switch-thumb-color, var(--helix-color-foreground-on-primary));translate: calc(var(--_switch-width) - var(--_switch-height)) -50%;}[part="track"]:has([part="control"]:focus-visible) [part="thumb"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:state(invalid)) [part="track"] {border-color: var(--helix-color-danger);}[part="label"][data-empty] {display: none;}@media print {:host {print-color-adjust: exact;}}`);

package/dist/table/cell/table-cell.css.js

@@ -1,34 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-
-align-items: center;
-border-block-end: var(--helix-border-thin) solid var(--helix-color-border);
-box-sizing: border-box;
-
-color: var(--helix-color-foreground);
-display: flex;
-font-size: var(--helix-text-sm);
-
-justify-content: var(--table-cell-align);
-min-block-size: var(--helix-size-control);
-min-inline-size: 0;
-
-overflow-wrap: anywhere;
-
-padding-block: var(--helix-space-xs);
-padding-inline: var(--helix-space-none) var(--helix-space-md);
-text-align: var(--table-cell-align);
-}
-
-:host(:state(text)) slot {
-display: block;
-min-inline-size: 0;
-}
-
-::slotted(*) {
-min-inline-size: 0;
-}
-
-:host([header]) {
-font-weight: var(--helix-weight-medium);
-}`);
+export const styles = createSheet(`:host {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);box-sizing: border-box;color: var(--helix-color-foreground);display: flex;font-size: var(--helix-text-sm);justify-content: var(--table-cell-align);min-block-size: var(--helix-size-control);min-inline-size: 0;overflow-wrap: anywhere;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none) var(--helix-space-md);text-align: var(--table-cell-align);}:host(:state(text)) slot {display: block;min-inline-size: 0;}::slotted(*) {min-inline-size: 0;}:host([header]) {font-weight: var(--helix-weight-medium);}`);

package/dist/table/column/table-column.css.js

@@ -1,109 +1,11 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: contents;
-}
-
-[part="column"] {
-align-items: center;
-border-block-end: var(--helix-border-thin) solid
-var(--_table-heading-rule-color, var(--helix-color-border));
-box-sizing: border-box;
-
-color: var(--_table-heading-color, var(--helix-color-foreground-muted));
-display: flex;
-font-family: var(--helix-font-sans);
-font-size: var(--_table-heading-text, var(--helix-text-sm));
-font-weight: var(--helix-weight-semibold);
-
-min-block-size: var(--helix-size-control-loose);
-min-inline-size: 0;
-padding-block: var(--_table-heading-padding-block, var(--helix-space-none));
-padding-inline: var(
+export const styles = createSheet(`:host {display: contents;}[part="column"] {align-items: center;border-block-end: var(--helix-border-thin) solid
+var(--_table-heading-rule-color, var(--helix-color-border));box-sizing: border-box;color: var(--_table-heading-color, var(--helix-color-foreground-muted));display: flex;font-family: var(--helix-font-sans);font-size: var(--_table-heading-text, var(--helix-text-sm));font-weight: var(--helix-weight-semibold);min-block-size: var(--helix-size-control-loose);min-inline-size: 0;padding-block: var(--_table-heading-padding-block, var(--helix-space-none));padding-inline: var(
 --_table-heading-padding-inline,
 var(--helix-space-none) var(--helix-space-md)
-);
-}
-
-[part="column"] {
-background-color: var(--_table-heading-background-color, transparent);
-inset-block-start: 0;
-position: var(--_table-heading-position, relative);
-z-index: var(--_table-heading-layer, auto);
-}
-
-[part="sort"] {
-all: unset;
-align-items: center;
-box-sizing: border-box;
-cursor: pointer;
-display: inline-flex;
-flex: 1;
-gap: var(--helix-space-2xs);
-min-inline-size: 0;
-}
-
-:host([text-align="center"]) [part="column"],
-:host([text-align="center"]) [part="sort"] {
-justify-content: center;
-}
-
-:host([text-align="end"]) [part="column"],
-:host([text-align="end"]) [part="sort"] {
-justify-content: flex-end;
-}
-
-[part="sort"]:focus-visible,
+);}[part="column"] {background-color: var(--_table-heading-background-color, transparent);inset-block-start: 0;position: var(--_table-heading-position, relative);z-index: var(--_table-heading-layer, auto);}[part="sort"] {all: unset;align-items: center;box-sizing: border-box;cursor: pointer;display: inline-flex;flex: 1;gap: var(--helix-space-2xs);min-inline-size: 0;}:host([text-align="center"]) [part="column"],
+:host([text-align="center"]) [part="sort"] {justify-content: center;}:host([text-align="end"]) [part="column"],
+:host([text-align="end"]) [part="sort"] {justify-content: flex-end;}[part="sort"]:focus-visible,
 [part="grip"]:focus-visible,
-[part="resizer"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: var(--helix-size-focus-offset);
-}
-
-[part="column"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: calc(var(--helix-size-focus-offset) * -1);
-}
-
-[part="grip"] {
-all: unset;
-align-items: center;
-border-radius: var(--helix-radii-sm);
-box-sizing: border-box;
-color: var(--helix-color-foreground-muted);
-cursor: grab;
-display: inline-flex;
-flex: none;
-margin-inline-end: var(--helix-space-2xs);
-touch-action: none;
-}
-
-[part="grip"]:active {
-cursor: grabbing;
-}
-
-[part="grip-mark"] {
-block-size: 1em;
-inline-size: 1em;
-}
-
-[part="resizer"] {
-cursor: col-resize;
-inline-size: var(--helix-space-sm);
-inset-block: 0;
-inset-inline-end: 0;
-position: absolute;
-touch-action: none;
-}
-
-[part="resizer"]::after {
-border-inline-end: var(--helix-border-thin) solid transparent;
-content: "";
-inset-block: var(--helix-space-xs);
-inset-inline-end: 0;
-position: absolute;
-}
-
-[part="resizer"]:hover::after,
-[part="resizer"]:focus-visible::after {
-border-inline-end-color: var(--helix-color-foreground-muted);
-}`);
+[part="resizer"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="column"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="grip"] {all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: grab;display: inline-flex;flex: none;margin-inline-end: var(--helix-space-2xs);touch-action: none;}[part="grip"]:active {cursor: grabbing;}[part="grip-mark"] {block-size: 1em;inline-size: 1em;}[part="resizer"] {cursor: col-resize;inline-size: var(--helix-space-sm);inset-block: 0;inset-inline-end: 0;position: absolute;touch-action: none;}[part="resizer"]::after {border-inline-end: var(--helix-border-thin) solid transparent;content: "";inset-block: var(--helix-space-xs);inset-inline-end: 0;position: absolute;}[part="resizer"]:hover::after,
+[part="resizer"]:focus-visible::after {border-inline-end-color: var(--helix-color-foreground-muted);}`);

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

@@ -1,44 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: block;
-overflow-x: auto;
-}
-
-[part="table"] {
-display: grid;
-
-grid-template-columns: var(--table-columns, var(--table-template, minmax(0, 1fr)));
-inline-size: 100%;
-}
-
-[part="head"] {
-display: contents;
-}
-
-::slotted([slot="heading"]) {
-color: var(--table-title-color, var(--helix-color-foreground));
-display: block;
-font-family: var(--helix-font-sans);
-font-size: var(--table-title-text, var(--helix-text-md));
-font-weight: var(--helix-weight-semibold);
-margin-block: var(--helix-space-none) var(--table-title-gap, var(--helix-space-sm));
-}
-
-[part="select-all"] {
-align-items: center;
-border-block-end: var(--helix-border-thin) solid var(--helix-color-border);
-box-sizing: border-box;
-display: flex;
-min-block-size: var(--helix-size-control-loose);
-padding-inline: var(--helix-space-none) var(--helix-space-md);
-}
-
-:host([loading]) [part="table"] {
-opacity: 0.5;
-}
-
-@media print {
-:host {
-print-color-adjust: economy;
-}
-}`);
+export const styles = createSheet(`:host {display: block;overflow-x: auto;}[part="table"] {display: grid;grid-template-columns: var(--table-columns, var(--table-template, minmax(0, 1fr)));inline-size: 100%;}[part="head"] {display: contents;}::slotted([slot="heading"]) {color: var(--table-title-color, var(--helix-color-foreground));display: block;font-family: var(--helix-font-sans);font-size: var(--table-title-text, var(--helix-text-md));font-weight: var(--helix-weight-semibold);margin-block: var(--helix-space-none) var(--table-title-gap, var(--helix-space-sm));}[part="select-all"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);box-sizing: border-box;display: flex;min-block-size: var(--helix-size-control-loose);padding-inline: var(--helix-space-none) var(--helix-space-md);}:host([loading]) [part="table"] {opacity: 0.5;}@media print {:host {print-color-adjust: economy;}}`);

package/dist/table/row/table-row.css.js

@@ -1,22 +1,10 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: contents;
-}
-
-[part~="select"] {
-align-items: center;
-border-block-end: var(--helix-border-thin) solid var(--helix-color-border);
-box-sizing: border-box;
-display: flex;
-min-block-size: var(--helix-size-control);
-padding-inline: var(--helix-space-none) var(--helix-space-md);
-}
-
-:host(:state(selected)) [part~="select"],
-:host(:state(selected)) ::slotted(*) {
-background-color: color-mix(
+export const styles = createSheet(`:host {display: contents;}[part~="select"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);box-sizing: border-box;display: flex;min-block-size: var(--helix-size-control);padding-inline: var(--helix-space-none) var(--helix-space-md);}:host(:state(selected)) [part~="select"],
+:host(:state(selected)) ::slotted(*) {background-color: color-mix(
 in srgb,
 var(--helix-color-primary) 10%,
 var(--helix-color-background)
-);
-}`);
+);}:host(:state(link)) ::slotted(*) {cursor: pointer;}:host(:state(link):hover) ::slotted(*) {background-color: var(
+--table-row-hover-background-color,
+color-mix(in oklab, var(--helix-color-foreground) 5%, transparent)
+);}`);

package/dist/table/row/table-row.d.ts

@@ -15,6 +15,8 @@ import '../../checkbox/index.js';
  * @documentation https://fusion.dev/helix/components/table
  *
  * @slot - The row's cells.
+ *
+ * @cssproperty --table-row-hover-background-color - The wash across the cells of a row with `href` under the pointer.
  */
 export declare class HelixTableRow extends HelixHeadlessTableRow {
     static tier: string;

package/dist/tabs/panel/tab-panel.css.js

@@ -1,20 +1,5 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-
-display: contents;
-}
-
-[part="panel"] {
-min-block-size: 0;
-min-inline-size: 0;
-outline: none;
-padding-block-start: var(
+export const styles = createSheet(`:host {display: contents;}[part="panel"] {min-block-size: 0;min-inline-size: 0;outline: none;padding-block-start: var(
 --tabs-panel-padding-block-start,
 var(--_tabs-panel-padding-block-start, var(--helix-space-md))
-);
-padding-inline-start: var(--_tabs-panel-padding-inline-start, var(--helix-space-none));
-}
-
-[part="panel"][hidden] {
-display: none;
-}`);
+);padding-inline-start: var(--_tabs-panel-padding-inline-start, var(--helix-space-none));}[part="panel"][hidden] {display: none;}`);