@fusion.dev/helix 0.37.0 → 0.39.0

package/dist/element-events.generated.js

@@ -86,7 +86,7 @@ registerElementEvents({
     'helix-number-input': ['change', 'helix-before-change', 'input'],
     'helix-object-inspector': ['helix-copy'],
     'helix-option': ['helix-select'],
-    'helix-outline': ['helix-before-activate'],
+    'helix-outline': ['helix-activate'],
     'helix-pagination': ['helix-navigate'],
     'helix-pagination-size': ['helix-before-change'],
     'helix-pin-input': ['change', 'helix-before-change', 'helix-complete', 'input'],

package/dist/heatmap/root/heatmap-root.d.ts

@@ -18,11 +18,10 @@ import '../../tooltip/index.js';
  * thing two cells can be compared by.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category charts
  * @documentation https://fusion.dev/helix/components/heatmap
  *
- * @slot - The `<table>` this draws, where it is not named by `for`.
  * @slot end - Below the strip, at the trailing edge.
  * @slot start - Below the strip, at the leading edge.
  * @slot summary - Below the strip, in the middle.

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

@@ -99,7 +99,7 @@ clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1));
 }
 
 :host([variant="full"]) [part="surface"],
-:host([data-narrow]) [part="surface"] {
+:host(:state(narrow)) [part="surface"] {
 
 backdrop-filter: var(--megamenu-backdrop, none);
 background-color: var(--megamenu-background-color, var(--helix-color-background));
@@ -125,18 +125,18 @@ position: fixed;
 }
 
 :host([variant="full"]) [part="surface"]:popover-open,
-:host([data-narrow]) [part="surface"]:popover-open {
+:host(:state(narrow)) [part="surface"]:popover-open {
 clip-path: inset(0 0 calc(var(--helix-space-xl) * -1) 0);
 }
 
 @starting-style {
 :host([variant="full"]) [part="surface"]:popover-open,
-:host([data-narrow]) [part="surface"]:popover-open {
+:host(:state(narrow)) [part="surface"]:popover-open {
 clip-path: inset(0 0 100% 0);
 }
 }
 
-:host([data-narrow]) [part="surface"] {
+:host(:state(narrow)) [part="surface"] {
 grid-auto-flow: row;
 grid-template-columns: 1fr;
 

package/dist/megamenu/root/megamenu-root.d.ts

@@ -8,12 +8,13 @@ import type { CSSResultGroup } from 'lit';
  * Everything about what opens it and what closes it is the base class.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category navigation
  * @aliases Mega menu, Flyout, Nav panel
  * @documentation https://fusion.dev/helix/components/megamenu
  *
- * @cssproperty --megamenu-backdrop - A filter behind the panel, for glass.
+ * @cssproperty --megamenu-backdrop - A filter behind the panel, which is `none` until one is
+ *   asked for: this family carries no `material`, so the pair is two hooks rather than a word.
  * @cssproperty --megamenu-background-color - The panel's own fill.
  * @cssproperty --megamenu-border-width - Width of the panel's edge. Follows
  *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a

package/dist/object-inspector/root/object-inspector-root.css.js

@@ -81,11 +81,11 @@ var(--helix-space-sm)
 );
 }
 
-[part="tree"]:focus [part~="row"][data-active] {
+[part="tree"]:focus [part~="row-active"] {
 background-color: var(--helix-color-surface-sunken);
 }
 
-[part="tree"]:focus-visible [part~="row"][data-active] {
+[part="tree"]:focus-visible [part~="row-active"] {
 outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
 outline-offset: calc(var(--helix-size-focus-offset) * -1);
 }

package/dist/object-inspector/root/object-inspector-root.d.ts

@@ -13,7 +13,7 @@ import '../../copy-button/index.js';
  * never has to measure them one by one.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category data
  * @aliases JSON viewer, Object viewer, Inspector, Data explorer
  * @documentation https://fusion.dev/helix/components/object-inspector

package/dist/outline/root/outline-root.d.ts

@@ -8,9 +8,11 @@ import type { CSSResultGroup } from 'lit';
  * the shape a table of contents has taken since printed marginalia: the line
  * says the list is one thing, and the lit segment says where in it you are.
  *
- * Nesting is the consumer's, expressed as `data-level` on a link. An outline
- * that read heading levels itself would have to look at the document, and the
- * document is not always where the headings are.
+ * Nesting is the consumer's, expressed as `data-level` on a link, and the
+ * levels are the heading levels: `2` through `6` each take one more step of
+ * `--outline-indent`, and a link with no `data-level` is the top one. An
+ * outline that read heading levels itself would have to look at the document,
+ * and the document is not always where the headings are.
  *
  * @since 0.1.0
  * @status experimental

package/dist/tooltip/root/tooltip-root.d.ts

@@ -11,14 +11,14 @@ import type { CSSResultGroup } from 'lit';
  * still points at the trigger after the bubble has slid along to stay in view.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category overlays
  * @groups charts
  * @aliases Hint, Popup label
  * @documentation https://fusion.dev/helix/components/tooltip
  *
  * @cssproperty --tooltip-arrow-size - Size of the point at the bubble's edge.
- * @cssproperty --tooltip-backdrop - Blur behind a `glass` bubble.
+ * @cssproperty --tooltip-backdrop - Blur behind a `frosted` or `glass` bubble.
  * @cssproperty --tooltip-background-color - Fill of the bubble.
  * @cssproperty --tooltip-max-inline-size - Widest the bubble grows before wrapping.
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix",
   "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -47,14 +47,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.37.0",
-    "@fusion.dev/helix-headless": "0.37.0",
-    "@fusion.dev/helix-styles": "0.37.0"
+    "@fusion.dev/helix-core": "0.39.0",
+    "@fusion.dev/helix-headless": "0.39.0",
+    "@fusion.dev/helix-styles": "0.39.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.37.0",
-    "@fusion.dev/helix-testing": "0.37.0",
+    "@fusion.dev/helix-cem": "0.39.0",
+    "@fusion.dev/helix-testing": "0.39.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",