@fusion.dev/helix 0.17.2 → 0.19.0

package/custom-elements.json

@@ -1615,15 +1615,7 @@
               }
             },
             {
-              "description": "Trailing actions, such as a call to action.",
-              "name": "actions"
-            },
-            {
-              "description": "Wordmark or logo, at the inline start.",
-              "name": "brand"
-            },
-            {
-              "description": "Trailing content.",
+              "description": "Trailing content, usually a call to action.",
               "name": "end",
               "inheritedFrom": {
                 "name": "HelixHeadlessAppHeader",
@@ -36068,6 +36060,10 @@
                 "description": "A button that empties the text, which is not the same as clearing the filter.",
                 "slug": "clearable"
               },
+              {
+                "description": "Owning the text, which is done by refusing the change rather than by writing the value.",
+                "slug": "controlled"
+              },
               {
                 "description": "Backspace on an empty field asks the same way the close control does.",
                 "slug": "dismissing"
@@ -101301,6 +101297,17 @@
                 "module": "src/video/root/video-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "handlePicture",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A press on the picture plays or pauses it.\n\n**The picture is the biggest target a player has**, and on every other\nplayer a reader has used it is the one that stops the thing. A component\nthat spends the whole frame on a video and then asks for a 32 pixel button\nis one that works only for people who know where the button is.\n\n**Two cases where it must not.** The first is `controls`, where the browser\ndraws its own bar over the picture and owns what a press on it means: acting\nas well would toggle twice, once here and once in the UA, which cancels out\nand looks broken.\n\nThe second is a player whose chrome has gone idle. There, the first press is\nasking for the controls back rather than asking to pause, which is what\nevery touch player does: `stir` brings them, and the press is spent. A\nsecond press, with the bar showing, means what it says. This is also why the\ncheck is `idle` rather than a pointer-type test: it is the same answer for a\nmouse left resting until the bar faded.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVideo",
+                "module": "src/video/root/video-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleFullscreenChange",

package/dist/app-header/root/app-header-root.d.ts

@@ -22,8 +22,8 @@ import type { CSSResultGroup } from 'lit';
  * @documentation https://helix.fusion.dev/components/app-header
  *
  * @slot - Primary navigation.
- * @slot actions - Trailing actions, such as a call to action.
- * @slot brand - Wordmark or logo, at the inline start.
+ * @slot end - Trailing content, usually a call to action.
+ * @slot start - Leading content, usually a wordmark.
  *
  * @csspart content - The centered row inside the banner.
  *

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

@@ -317,6 +317,37 @@ order: 1;
 scale: -1 1;
 }
 
+:host([orientation="vertical"]:not([indicator-placement])) [part="indicators"] {
+align-self: var(--_carousel-indicators-along);
+flex-direction: column;
+grid-area: 2 / 3;
+justify-self: center;
+padding-block-start: var(--helix-space-none);
+padding-inline: var(--helix-space-none);
+padding-inline-start: var(--helix-space-sm);
+}
+
+:host([orientation="vertical"]:not([controls-placement])) [part="controls"] {
+align-self: var(--_carousel-controls-along);
+flex-direction: column;
+grid-area: 2 / 3;
+justify-self: center;
+padding-block-start: var(--helix-space-none);
+padding-inline: var(--helix-space-none);
+padding-inline-start: var(--helix-space-sm);
+}
+
+:host([orientation="vertical"]:not([indicator-placement])) [part="indicator"] {
+transition:
+background-color var(--_carousel-indicator-motion),
+block-size var(--_carousel-indicator-motion);
+}
+
+:host([orientation="vertical"]:not([indicator-placement])) [part="indicator"][data-current] {
+block-size: var(--helix-space-lg);
+inline-size: var(--helix-space-xs);
+}
+
 @media print {
 :host {
 box-shadow: none;

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.17.2",
+  "version": "0.19.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.17.2",
-    "@fusion.dev/helix-headless": "0.17.2",
-    "@fusion.dev/helix-styles": "0.17.2"
+    "@fusion.dev/helix-core": "0.19.0",
+    "@fusion.dev/helix-headless": "0.19.0",
+    "@fusion.dev/helix-styles": "0.19.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.17.2",
-    "@fusion.dev/helix-testing": "0.17.2",
+    "@fusion.dev/helix-cem": "0.19.0",
+    "@fusion.dev/helix-testing": "0.19.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^3.3.0",

package/types/jsx.d.ts

@@ -18683,9 +18683,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: Primary navigation.
-   * - `actions`: Trailing actions, such as a call to action.
-   * - `brand`: Wordmark or logo, at the inline start.
-   * - `end`: Trailing content.
+   * - `end`: Trailing content, usually a call to action.
    * - `start`: Leading content, usually a wordmark.
    *
    * ## CSS Custom Properties
@@ -34642,9 +34640,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: Primary navigation.
-   * - `actions`: Trailing actions, such as a call to action.
-   * - `brand`: Wordmark or logo, at the inline start.
-   * - `end`: Trailing content.
+   * - `end`: Trailing content, usually a call to action.
    * - `start`: Leading content, usually a wordmark.
    *
    * ## CSS Custom Properties