@fusion.dev/helix-styles 0.218.0 → 0.220.0

package/dist/base.css

@@ -775,7 +775,7 @@ helix-toast:not([data-color-mode]) {
 :where([data-prose] p),
 :where([data-prose] ul, [data-prose] ol),
 :where([data-prose] pre, [data-prose] helix-code-block),
-:where([data-prose] table),
+:where([data-prose] table, [data-prose] helix-table),
 :where([data-prose] blockquote, [data-prose] helix-callout) {
   margin-block: var(--helix-space-none) var(--helix-space-sm);
 }
@@ -1022,6 +1022,16 @@ helix-toast:not([data-color-mode]) {
     color-mix(in oklab, var(--helix-color-primary) 32%, transparent)
   );
 }
+::highlight(helix-find-match) {
+  background-color: light-dark(
+    oklch(from var(--helix-color-warning) 0.93 0.07 h),
+    color-mix(in oklab, var(--helix-color-warning) 32%, transparent)
+  );
+}
+::highlight(helix-find-current) {
+  background-color: oklch(from var(--helix-color-warning) 0.8 0.16 h);
+  color: oklch(from var(--helix-color-warning) 0.25 0.04 h);
+}
 [data-hidden-visually] {
   block-size: 1px;
   border: var(--helix-space-none);

package/dist/elements.css

@@ -53,6 +53,7 @@ helix-filter-field:not(:defined),
 helix-filter-input:not(:defined),
 helix-filter-menu:not(:defined),
 helix-filter-operator:not(:defined),
+helix-find:not(:defined),
 helix-flex:not(:defined),
 helix-format-date:not(:defined),
 helix-graph:not(:defined),
@@ -91,6 +92,7 @@ helix-menu:not(:defined),
 helix-menu-item:not(:defined),
 helix-menu-section:not(:defined),
 helix-meter:not(:defined),
+helix-meter-segment:not(:defined),
 helix-motion-toggle:not(:defined),
 helix-navigation:not(:defined),
 helix-notification:not(:defined),
@@ -236,6 +238,7 @@ helix-filter-field[align],
 helix-filter-input[align],
 helix-filter-menu[align],
 helix-filter-operator[align],
+helix-find[align],
 helix-flex[align],
 helix-format-date[align],
 helix-graph[align],
@@ -274,6 +277,7 @@ helix-menu[align],
 helix-menu-item[align],
 helix-menu-section[align],
 helix-meter[align],
+helix-meter-segment[align],
 helix-motion-toggle[align],
 helix-navigation[align],
 helix-notification[align],

package/dist/tokens.css

@@ -477,7 +477,7 @@
   --helix-border-thin: 1px;
   --helix-border-thick: 2px;
   --helix-border-surface: var(--helix-border-thin);
-  --helix-border-floating: 0;
+  --helix-border-floating: var(--helix-border-thin);
   --helix-shadow-none: none;
   --helix-shadow-sm: 0 1px 2px var(--_helix-shadow-ink-sm);
   --helix-shadow-md: 0 4px 12px var(--_helix-shadow-ink-md);

package/dist/tokens.json

@@ -49,7 +49,7 @@
     },
     {
       "category": "color",
-      "description": "A surface over the page, such as a menu, a popover, or a dialog. Its shadow sets it apart.",
+      "description": "A surface over the page, such as a menu, a popover, or a dialog. Its edge and its shadow set it apart.",
       "name": "--helix-color-surface-overlay",
       "value": "light-dark(var(--_helix-neutral-0), var(--_helix-neutral-800))"
     },
@@ -686,9 +686,9 @@
     },
     {
       "category": "border",
-      "description": "The border of a surface that floats over content.",
+      "description": "The border of a surface that floats over content. Set it to zero to separate floating surfaces by their shadow alone.",
       "name": "--helix-border-floating",
-      "value": "0"
+      "value": "var(--helix-border-thin)"
     },
     {
       "category": "shadow",

package/package.json

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