@fusion.dev/helix-styles 0.104.0 → 0.105.0

package/dist/elements.css

@@ -68,6 +68,11 @@ helix-list-item:not(:defined),
 helix-listbox:not(:defined),
 helix-loader:not(:defined),
 helix-map:not(:defined),
+helix-map-area:not(:defined),
+helix-map-marker:not(:defined),
+helix-map-points:not(:defined),
+helix-map-position:not(:defined),
+helix-map-route:not(:defined),
 helix-megamenu:not(:defined),
 helix-menu:not(:defined),
 helix-menu-item:not(:defined),
@@ -216,6 +221,11 @@ helix-list-item[align],
 helix-listbox[align],
 helix-loader[align],
 helix-map[align],
+helix-map-area[align],
+helix-map-marker[align],
+helix-map-points[align],
+helix-map-position[align],
+helix-map-route[align],
 helix-megamenu[align],
 helix-menu[align],
 helix-menu-item[align],

package/dist/tokens.json

@@ -30,31 +30,31 @@
   "tokens": [
     {
       "category": "color",
-      "description": "The page. Told apart by nothing, because it is the ground.",
+      "description": "The page background. Every other surface sits on it.",
       "name": "--helix-color-background",
       "value": "light-dark(var(--_helix-neutral-0), var(--_helix-neutral-1000))"
     },
     {
       "category": "color",
-      "description": "A plane on the page: a card, or a panel you own. Told apart by a fill, an edge or a lift, whichever the policy leads with.",
+      "description": "A surface on the page, such as a card or a panel. The separation policy sets it apart with a fill, a border, or a shadow.",
       "name": "--helix-color-surface",
       "value": "light-dark(var(--_helix-neutral-50), var(--_helix-neutral-900))"
     },
     {
       "category": "color",
-      "description": "Lifted while still lying on the page: a selected tab, a hovered row. Told apart by its fill, which goes down the ramp rather than up.",
+      "description": "A raised surface on the page, such as a selected tab or a hovered row. Its fill is one step down the ramp.",
       "name": "--helix-color-surface-raised",
       "value": "light-dark(var(--_helix-neutral-100), var(--_helix-neutral-800))"
     },
     {
       "category": "color",
-      "description": "Over the page rather than on it: a menu, a popover, a dialog. Told apart by its shadow and by what it covers.",
+      "description": "A surface over the page, such as a menu, a popover, or a dialog. Its shadow sets it apart.",
       "name": "--helix-color-surface-overlay",
       "value": "light-dark(var(--_helix-neutral-0), var(--_helix-neutral-800))"
     },
     {
       "category": "color",
-      "description": "A well a value goes into: an input, a track, a groove. Told apart by its fill, inward.",
+      "description": "A recessed surface that holds a value, such as an input, a track, or a groove. Its fill sets it apart.",
       "name": "--helix-color-surface-sunken",
       "value": "light-dark(var(--_helix-neutral-200), var(--_helix-neutral-950))"
     },
@@ -505,19 +505,19 @@
     },
     {
       "category": "font",
-      "description": "Everything, unless it is one of the two below.",
+      "description": "All text except code and display headings.",
       "name": "--helix-font-sans",
       "value": "var(--_helix-family-sans)"
     },
     {
       "category": "font",
-      "description": "Code, and anything that has to line up in a column.",
+      "description": "Code, and text that needs to line up in columns.",
       "name": "--helix-font-mono",
       "value": "var(--_helix-family-mono)"
     },
     {
       "category": "font",
-      "description": "Headings meant to be looked at rather than read. Falls back to the sans face.",
+      "description": "Large display headings. Falls back to the sans face.",
       "name": "--helix-font-display",
       "value": "var(--_helix-family-display, var(--_helix-family-sans))"
     },
@@ -558,67 +558,67 @@
     },
     {
       "category": "weight",
-      "description": "Body text, and the weight most of a page is set in.",
+      "description": "Body text. Most of a page uses this weight.",
       "name": "--helix-weight-regular",
       "value": "400"
     },
     {
       "category": "weight",
-      "description": "A label, or a heading that should not shout.",
+      "description": "Labels, and quieter headings.",
       "name": "--helix-weight-medium",
       "value": "500"
     },
     {
       "category": "weight",
-      "description": "A heading, and the heaviest this system goes.",
+      "description": "Headings. The heaviest weight in Helix.",
       "name": "--helix-weight-semibold",
       "value": "600"
     },
     {
       "category": "leading",
-      "description": "Body text set close, for a short measure.",
+      "description": "Body text set close, for short lines.",
       "name": "--helix-leading-tight",
       "value": "1.2"
     },
     {
       "category": "leading",
-      "description": "Body text, and the default a paragraph takes.",
+      "description": "Body text. The default line height for a paragraph.",
       "name": "--helix-leading-normal",
       "value": "1.5"
     },
     {
       "category": "leading",
-      "description": "Body text set open, for a long measure or a small size.",
+      "description": "Body text set open, for long lines or small sizes.",
       "name": "--helix-leading-loose",
       "value": "1.7"
     },
     {
       "category": "leading",
-      "description": "Headings, which want less than a paragraph. Written as a length plus an em so it tightens as the type grows.",
+      "description": "Headings, which need less line height than a paragraph. It is a length plus an em, so it tightens as the type grows.",
       "name": "--helix-leading-heading",
       "value": "calc(0.99em + 0.5rem)"
     },
     {
       "category": "tracking",
-      "description": "Large type, which needs the letters closer than a paragraph does.",
+      "description": "Large type, which needs tighter letter spacing than a paragraph.",
       "name": "--helix-tracking-tight",
       "value": "-0.01em"
     },
     {
       "category": "tracking",
-      "description": "Body text, and the default.",
+      "description": "Body text. The default letter spacing.",
       "name": "--helix-tracking-normal",
       "value": "0"
     },
     {
       "category": "tracking",
-      "description": "Small capitals and labels, which need the room.",
+      "description": "Labels and small capitals, which need extra letter spacing.",
       "name": "--helix-tracking-wide",
       "value": "0.02em"
     },
     {
       "category": "tracking",
-      "description": "An uppercase eyebrow, which needs more room than a label.",
+      "description": "Uppercase eyebrows, which need more letter spacing than a label.",
       "name": "--helix-tracking-wider",
       "value": "0.12em"
     },
@@ -634,13 +634,13 @@
     },
     {
       "category": "border",
-      "description": "The edge a surface in the flow takes. Zero to go shadow-first.",
+      "description": "The border of a surface in the page flow. Set it to zero to separate surfaces with shadows.",
       "name": "--helix-border-surface",
       "value": "var(--helix-border-thin)"
     },
     {
       "category": "border",
-      "description": "The edge a surface over content takes.",
+      "description": "The border of a surface that floats over content.",
       "name": "--helix-border-floating",
       "value": "0"
     },
@@ -666,19 +666,19 @@
     },
     {
       "category": "shadow",
-      "description": "The lift a surface in the flow takes. None to go border-first.",
+      "description": "The shadow of a surface in the page flow. Set it to none to separate surfaces with borders.",
       "name": "--helix-shadow-surface",
       "value": "var(--helix-shadow-none)"
     },
     {
       "category": "shadow",
-      "description": "The lift a surface over content takes.",
+      "description": "The shadow of a surface that floats over content.",
       "name": "--helix-shadow-floating",
       "value": "var(--helix-shadow-lg)"
     },
     {
       "category": "material",
-      "description": "The wash behind a modal.",
+      "description": "The tint behind a modal.",
       "name": "--helix-material-backdrop",
       "value": "blur(var(--helix-material-blur-md)) saturate(1.5)"
     },
@@ -696,7 +696,7 @@
     },
     {
       "category": "material",
-      "description": "The backdrop blur a modal takes.",
+      "description": "The backdrop blur behind a modal.",
       "name": "--helix-material-blur-md",
       "value": "16px"
     },
@@ -708,19 +708,19 @@
     },
     {
       "category": "material",
-      "description": "The translucent ground, for a surface that admits what is behind it.",
+      "description": "The translucent background, for a surface that shows what is behind it.",
       "name": "--helix-material-translucent",
       "value": "color-mix( in oklab, light-dark(var(--_helix-neutral-0), var(--_helix-neutral-900)) 30%, transparent )"
     },
     {
       "category": "material",
-      "description": "The heavier translucent ground, for one that admits less.",
+      "description": "The stronger translucent background, for a surface that shows less of what is behind it.",
       "name": "--helix-material-translucent-strong",
       "value": "color-mix( in oklab, light-dark(var(--_helix-neutral-0), var(--_helix-neutral-900)) 88%, transparent )"
     },
     {
       "category": "material",
-      "description": "The edge a translucent surface needs to have any at all.",
+      "description": "The border a translucent surface needs to keep a visible edge.",
       "name": "--helix-material-border",
       "value": "light-dark( color-mix(in oklab, var(--_helix-neutral-950) 14%, transparent), color-mix(in oklab, var(--_helix-neutral-0) 12%, transparent) )"
     },

package/package.json

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