@fusion.dev/helix-styles 0.223.1 → 0.224.0

package/dist/base.css

@@ -302,6 +302,42 @@ helix-text[tone="warning"][emphasis="muted"] {
     var(--helix-color-foreground)
   );
 }
+[data-button][data-button-tone="info"] {
+  --_button-edge: var(--helix-color-info);
+  --_button-fill: var(--helix-color-info-surface);
+  --_button-fill-hover: var(--helix-color-info-surface-hover);
+  --_button-on-tone: var(--helix-color-foreground-on-status);
+  --_button-tone: var(--helix-color-info);
+  --_button-tone-hover: color-mix(
+    in oklab,
+    var(--helix-color-info) 86%,
+    var(--helix-color-foreground)
+  );
+}
+[data-button][data-button-tone="success"] {
+  --_button-edge: var(--helix-color-success);
+  --_button-fill: var(--helix-color-success-surface);
+  --_button-fill-hover: var(--helix-color-success-surface-hover);
+  --_button-on-tone: var(--helix-color-foreground-on-status);
+  --_button-tone: var(--helix-color-success);
+  --_button-tone-hover: color-mix(
+    in oklab,
+    var(--helix-color-success) 86%,
+    var(--helix-color-foreground)
+  );
+}
+[data-button][data-button-tone="warning"] {
+  --_button-edge: var(--helix-color-warning);
+  --_button-fill: var(--helix-color-warning-surface);
+  --_button-fill-hover: var(--helix-color-warning-surface-hover);
+  --_button-on-tone: var(--helix-color-foreground-on-status);
+  --_button-tone: var(--helix-color-warning);
+  --_button-tone-hover: color-mix(
+    in oklab,
+    var(--helix-color-warning) 86%,
+    var(--helix-color-foreground)
+  );
+}
 [data-button]:not(:disabled):hover {
   background-color: var(
     --button-background-color-hover,
@@ -570,6 +606,12 @@ helix-toggle[disabled]::part(item) {
     background-color var(--helix-duration-fast) var(--helix-easing-standard),
     color var(--helix-duration-fast) var(--helix-easing-standard);
 }
+:where(helix-outline[variant="rail"]) :where(li) > :where(a) {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 :where(helix-outline) :where(li) > :where(a):hover {
   background-color: var(
     --outline-link-hover-background-color,
@@ -784,11 +826,12 @@ helix-toast:not([data-color-mode]) {
   margin-block-end: var(--helix-space-none);
 }
 :where(
-  helix-markdown[data-prose],
-  [data-prose] helix-markdown,
-  helix-editor > [data-prose],
-  helix-headless-editor > [data-prose]
-) > :where(h1, h2, h3, h4, h5, h6) {
+    helix-markdown[data-prose],
+    [data-prose] helix-markdown,
+    helix-editor > [data-prose],
+    helix-headless-editor > [data-prose]
+  )
+  > :where(h1, h2, h3, h4, h5, h6) {
   margin-block: var(--helix-space-md) var(--helix-space-xs);
 }
 :where(
@@ -923,7 +966,7 @@ helix-toast:not([data-color-mode]) {
   font-size: var(--helix-text-sm);
 }
 :where(helix-chat-message[data-prose], helix-chat-message [data-prose])
-:where(h1, h2, h3, h4, h5, h6) {
+  :where(h1, h2, h3, h4, h5, h6) {
   font-weight: var(--helix-weight-medium);
   margin-block: var(--helix-space-md) var(--helix-space-sm);
 }
@@ -984,7 +1027,7 @@ helix-toast:not([data-color-mode]) {
   position: relative;
 }
 :where(helix-chat-message[data-prose], helix-chat-message [data-prose])
-:where(blockquote > :last-child) {
+  :where(blockquote > :last-child) {
   margin-block-end: var(--helix-space-none);
 }
 :where(helix-chat-message[data-prose], helix-chat-message [data-prose]) :where(blockquote)::before {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fusion.dev/helix-styles",
   "description": "Design tokens and base layer. Pure CSS, no JavaScript.",
-  "version": "0.223.1",
+  "version": "0.224.0",
   "license": "MIT",
-  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
+  "author": "Fusion Development Group",
   "repository": {
     "directory": "helix/styles",
     "type": "git",
@@ -46,6 +46,6 @@
     "design-system"
   ],
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   }
 }