@fusion.dev/helix-styles 0.146.0 → 0.148.0

package/dist/base.css

@@ -345,16 +345,38 @@ helix-text[tone="warning"]:is([emphasis="muted"], [emphasis="subtle"]) {
   );
   border-color: transparent;
 }
-helix-button-group:not([variant="spaced"]) > :not(:first-child) [data-button],
-helix-button-group:not([variant="spaced"]) > [data-button]:not(:first-child) {
+helix-button-group:not([variant="spaced"], [orientation="vertical"])
+  > :not(:first-child)
+  [data-button],
+helix-button-group:not([variant="spaced"], [orientation="vertical"])
+  > [data-button]:not(:first-child) {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-helix-button-group:not([variant="spaced"]) > :not(:last-child) [data-button],
-helix-button-group:not([variant="spaced"]) > [data-button]:not(:last-child) {
+helix-button-group:not([variant="spaced"], [orientation="vertical"])
+  > :not(:last-child)
+  [data-button],
+helix-button-group:not([variant="spaced"], [orientation="vertical"])
+  > [data-button]:not(:last-child) {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+helix-button-group[orientation="vertical"]:not([variant="spaced"])
+  > :not(:first-child)
+  [data-button],
+helix-button-group[orientation="vertical"]:not([variant="spaced"])
+  > [data-button]:not(:first-child) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+helix-button-group[orientation="vertical"]:not([variant="spaced"])
+  > :not(:last-child)
+  [data-button],
+helix-button-group[orientation="vertical"]:not([variant="spaced"])
+  > [data-button]:not(:last-child) {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
 helix-button-group:not([variant="spaced"], [orientation="vertical"]) > button:not(:first-child) {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
@@ -524,6 +546,40 @@ helix-toggle[disabled]::part(item) {
   );
   color: var(--navigation-item-hover-color, var(--helix-color-foreground));
 }
+:where(helix-outline) :where(ul, ol) {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+:where(helix-outline) :where(ul, ol) :where(ul, ol) {
+  padding-inline-start: var(--outline-indent, var(--helix-space-sm));
+}
+:where(helix-outline) :where(li) > :where(a) {
+  border-radius: var(--outline-link-radius, var(--helix-radii-sm));
+  color: var(--outline-link-color, var(--helix-color-foreground-muted));
+  display: block;
+  font-size: var(--outline-link-font-size, var(--helix-text-xs));
+  font-weight: var(--helix-weight-medium);
+  line-height: var(--helix-leading-normal);
+  margin-inline-start: var(--outline-rail, var(--helix-space-2xs));
+  padding-block: var(--outline-link-padding-block, var(--helix-space-2xs));
+  padding-inline: var(--outline-link-padding-inline, var(--helix-space-sm));
+  text-decoration: none;
+  transition:
+    background-color var(--helix-duration-fast) var(--helix-easing-standard),
+    color var(--helix-duration-fast) var(--helix-easing-standard);
+}
+:where(helix-outline) :where(li) > :where(a):hover {
+  background-color: var(
+    --outline-link-hover-background-color,
+    color-mix(in oklab, var(--helix-color-foreground) 5%, transparent)
+  );
+  color: var(--outline-link-hover-color, var(--helix-color-foreground));
+}
+:where(helix-outline) :where(li) > :where(a[aria-current]) {
+  color: var(--outline-link-current-color, var(--helix-color-foreground));
+  font-weight: var(--outline-link-current-weight, var(--helix-weight-semibold));
+}
 [data-dock] {
   --_dock-inset: var(--helix-space-lg);
   position: fixed;

package/dist/elements.css

@@ -92,6 +92,7 @@ helix-number-input:not(:defined),
 helix-object-inspector:not(:defined),
 helix-option:not(:defined),
 helix-option-group:not(:defined),
+helix-option-separator:not(:defined),
 helix-orb:not(:defined),
 helix-outline:not(:defined),
 helix-pagination:not(:defined),
@@ -119,6 +120,7 @@ helix-skip-link:not(:defined),
 helix-slider:not(:defined),
 helix-sparkline:not(:defined),
 helix-speed-dial:not(:defined),
+helix-speed-dial-group:not(:defined),
 helix-speed-dial-item:not(:defined),
 helix-splitter:not(:defined),
 helix-stat:not(:defined),
@@ -254,6 +256,7 @@ helix-number-input[align],
 helix-object-inspector[align],
 helix-option[align],
 helix-option-group[align],
+helix-option-separator[align],
 helix-orb[align],
 helix-outline[align],
 helix-pagination[align],
@@ -281,6 +284,7 @@ helix-skip-link[align],
 helix-slider[align],
 helix-sparkline[align],
 helix-speed-dial[align],
+helix-speed-dial-group[align],
 helix-speed-dial-item[align],
 helix-splitter[align],
 helix-stat[align],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-styles",
   "description": "Design tokens and base layer. Pure CSS, no JavaScript.",
-  "version": "0.146.0",
+  "version": "0.148.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {