@fusion.dev/helix 0.103.0 → 0.103.1

package/custom-elements.json

@@ -70021,8 +70021,20 @@
             "part": "Root",
             "examples": [
               {
-                "description": "A map the consumer brings, keeping the pan pad their own library does not draw and dropping the zoom it does.",
+                "description": "The frame at rest: a named region, the controls it draws, and the credit the tiles require.",
                 "slug": "framed"
+              },
+              {
+                "description": "No controls at all, for a map whose own are already findable: what is left is the name, the chrome and the credit.",
+                "slug": "quiet"
+              },
+              {
+                "description": "Keeping the pan pad a map library does not draw and dropping the zoom it does, in the corner theirs is not in.",
+                "slug": "tailored"
+              },
+              {
+                "description": "Answering the frame: it asks with `helix-map-pan` and `helix-map-zoom`, and your map does the moving.",
+                "slug": "wired"
               }
             ],
             "source": "helix/styled/src/map"
@@ -70064,6 +70076,14 @@
             }
           ],
           "cssParts": [
+            {
+              "description": "The strip the credit sits in, under the map.",
+              "name": "attribution",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMap",
+                "module": "src/map/root/map-root.ts"
+              }
+            },
             {
               "description": "The group the pan and zoom buttons sit in.",
               "name": "controls",
@@ -70072,6 +70092,14 @@
                 "module": "src/map/root/map-root.ts"
               }
             },
+            {
+              "description": "The strip below the map, for what a consumer slots there.",
+              "name": "footer",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMap",
+                "module": "src/map/root/map-root.ts"
+              }
+            },
             {
               "description": "The button that fills the screen.",
               "name": "fullscreen",
@@ -70080,6 +70108,14 @@
                 "module": "src/map/root/map-root.ts"
               }
             },
+            {
+              "description": "The strip above the map, for what a consumer slots there.",
+              "name": "header",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMap",
+                "module": "src/map/root/map-root.ts"
+              }
+            },
             {
               "description": "The button that moves the map down.",
               "name": "pan-down",

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

@@ -15,11 +15,6 @@ overflow: hidden;
 position: relative;
 }
 
-[part="region"]:focus-within {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: calc(var(--helix-size-focus-offset) * -1);
-}
-
 [part="viewport"] {
 min-block-size: 0;
 overflow: hidden;
@@ -118,6 +113,11 @@ justify-content: center;
 padding: 0;
 }
 
+[part="controls"] button:focus-visible {
+outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
+outline-offset: var(--helix-size-focus-offset);
+}
+
 [part="controls"] button:hover {
 background-color: var(--helix-color-surface-raised);
 }
@@ -129,6 +129,8 @@ transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
 }
 
 ::slotted([slot="attribution"]) {
+
+border-block-start: var(--helix-border-thin) solid var(--helix-color-border);
 color: var(--helix-color-foreground-subtle);
 font-size: var(--helix-text-xs);
 padding: var(--helix-space-2xs) var(--helix-space-xs);

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.103.0",
+  "version": "0.103.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -47,13 +47,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.103.0",
-    "@fusion.dev/helix-headless": "0.103.0",
-    "@fusion.dev/helix-styles": "0.103.0"
+    "@fusion.dev/helix-core": "0.103.1",
+    "@fusion.dev/helix-headless": "0.103.1",
+    "@fusion.dev/helix-styles": "0.103.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.103.0",
-    "@fusion.dev/helix-testing": "0.103.0",
+    "@fusion.dev/helix-cem": "0.103.1",
+    "@fusion.dev/helix-testing": "0.103.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -31985,8 +31985,11 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attribution`: The strip the credit sits in, under the map.
    * - `controls`: The group the pan and zoom buttons sit in.
+   * - `footer`: The strip below the map, for what a consumer slots there.
    * - `fullscreen`: The button that fills the screen.
+   * - `header`: The strip above the map, for what a consumer slots there.
    * - `pan-down`: The button that moves the map down.
    * - `pan-end`: The button that moves the map the way the text ends, which is right on an English page.
    * - `pan-start`: The button that moves the map the way the text starts, which is left on an English page.
@@ -52218,8 +52221,11 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attribution`: The strip the credit sits in, under the map.
    * - `controls`: The group the pan and zoom buttons sit in.
+   * - `footer`: The strip below the map, for what a consumer slots there.
    * - `fullscreen`: The button that fills the screen.
+   * - `header`: The strip above the map, for what a consumer slots there.
    * - `pan-down`: The button that moves the map down.
    * - `pan-end`: The button that moves the map the way the text ends, which is right on an English page.
    * - `pan-start`: The button that moves the map the way the text starts, which is left on an English page.