@taprootio/espalier 3.1.0 → 3.2.0

package/espalier.token-manifest.json

@@ -107,6 +107,12 @@
       "component": "esp-box",
       "description": "The opacity of the background layer."
     },
+    {
+      "name": "--esp-box-shadow",
+      "category": "component",
+      "component": "esp-box",
+      "description": "The box's drop shadow. Defaults to the theme's `--esp-shadow-1` elevation."
+    },
     {
       "name": "--esp-breadcrumb-color",
       "category": "component",
@@ -143,6 +149,11 @@
       "component": "esp-button",
       "description": "The padding inside the button label and icon areas."
     },
+    {
+      "name": "--esp-card-min",
+      "category": "root-theme",
+      "description": ""
+    },
     {
       "name": "--esp-checkbox-focus-shadow",
       "category": "component",
@@ -1434,6 +1445,16 @@
       "component": "esp-lightbox",
       "description": "The opacity of the overlay background (falls through to --esp-vellum-opacity, default: 0.85)."
     },
+    {
+      "name": "--esp-measure",
+      "category": "root-theme",
+      "description": ""
+    },
+    {
+      "name": "--esp-measure-wide",
+      "category": "root-theme",
+      "description": ""
+    },
     {
       "name": "--esp-menu-background",
       "category": "component",
@@ -1700,7 +1721,7 @@
       "name": "--esp-page-main-max-width",
       "category": "component",
       "component": "esp-page",
-      "description": "Maximum width of the main content well. Defaults from `kind`: `1536px` (wide), `768px` (narrow), or unbounded (full). An explicit value overrides every kind default, including `full`. Surplus width beyond it becomes canvas gutters."
+      "description": "Maximum width of the main content well. Defaults from `kind`: `1536px` (wide), `768px` (narrow), or unbounded (full). An explicit value overrides every kind default, including `full` — except `site`, whose main region is always unbounded because sections own their wells. Surplus width beyond it becomes canvas gutters."
     },
     {
       "name": "--esp-page-main-min-width",
@@ -1810,6 +1831,12 @@
       "component": "esp-page",
       "description": "The box shadow drawn on the left and right edges of the content surface. On by default; casts into the gutters and is clipped away when the surface fills the viewport, so it only shows above the cap. Set to `none` to remove it."
     },
+    {
+      "name": "--esp-page-well-max-width",
+      "category": "component",
+      "component": "esp-page",
+      "description": "The shared content-column width in `kind=\"site\"`: the header and footer alignment contract and every `esp-section` well default to it. Defaults to `72rem`."
+    },
     {
       "name": "--esp-progress-border-color",
       "category": "component",
@@ -1924,6 +1951,12 @@
       "component": "esp-repeater",
       "description": "Padding used by repeater state panels and the loading/error footer."
     },
+    {
+      "name": "--esp-row-gap",
+      "category": "component",
+      "component": "esp-row",
+      "description": "Overrides the gap between children. Defaults to the `gap` attribute's step, `normal` when unset."
+    },
     {
       "name": "--esp-scheme",
       "category": "root-theme",
@@ -2007,11 +2040,50 @@
       "component": "esp-search",
       "description": "Title color for result rows. Defaults to `var(--esp-color-headings)`."
     },
+    {
+      "name": "--esp-section-background",
+      "category": "component",
+      "component": "esp-section",
+      "description": "The band's background. Defaults to the local `--esp-color-background`, which inside a `context` zone is the zone's canvas."
+    },
+    {
+      "name": "--esp-section-max-width",
+      "category": "component",
+      "component": "esp-section",
+      "description": "The content well's cap. Defaults to `var(--esp-page-well-max-width, 72rem)`; `none` lets content span the band."
+    },
+    {
+      "name": "--esp-section-padding-block",
+      "category": "component",
+      "component": "esp-section",
+      "description": "Vertical rhythm above and below the well. Defaults to `var(--esp-size-section)`."
+    },
+    {
+      "name": "--esp-section-padding-inline",
+      "category": "component",
+      "component": "esp-section",
+      "description": "Horizontal breathing room inside the band at narrow viewports. Defaults to `var(--esp-size-medium)`."
+    },
     {
       "name": "--esp-seed-color",
       "category": "root-theme",
       "description": ""
     },
+    {
+      "name": "--esp-shadow-1",
+      "category": "root-theme",
+      "description": ""
+    },
+    {
+      "name": "--esp-shadow-2",
+      "category": "root-theme",
+      "description": ""
+    },
+    {
+      "name": "--esp-shadow-3",
+      "category": "root-theme",
+      "description": ""
+    },
     {
       "name": "--esp-size-big",
       "category": "root-theme",
@@ -2095,6 +2167,11 @@
       "category": "root-theme",
       "description": ""
     },
+    {
+      "name": "--esp-size-section",
+      "category": "root-theme",
+      "description": ""
+    },
     {
       "name": "--esp-size-small",
       "category": "root-theme",
@@ -2169,6 +2246,12 @@
       "component": "esp-slider",
       "description": "Height of the slider track. Defaults to `6px`."
     },
+    {
+      "name": "--esp-stack-gap",
+      "category": "component",
+      "component": "esp-stack",
+      "description": "Overrides the gap between children. Defaults to the `gap` attribute's step, `normal` when unset."
+    },
     {
       "name": "--esp-status-indicator-border-radius",
       "category": "component",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taprootio/espalier",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "packageManager": "bun@1.3.12",
   "description": "Espalier — a themeable, accessible, framework-agnostic, enterprise-grade design system built on web standards and love.",
   "customElements": "custom-elements.json",
@@ -122,6 +122,10 @@
       "types": "./dist/form-item/esp-form-item.d.ts",
       "import": "./dist/form-item/esp-form-item.js"
     },
+    "./flyout": {
+      "types": "./dist/flyout/esp-flyout.d.ts",
+      "import": "./dist/flyout/esp-flyout.js"
+    },
     "./grid": {
       "types": "./dist/grid/esp-grid.d.ts",
       "import": "./dist/grid/esp-grid.js"
@@ -178,6 +182,18 @@
       "types": "./dist/page/esp-page.d.ts",
       "import": "./dist/page/esp-page.js"
     },
+    "./section": {
+      "types": "./dist/section/esp-section.d.ts",
+      "import": "./dist/section/esp-section.js"
+    },
+    "./stack": {
+      "types": "./dist/stack/esp-stack.d.ts",
+      "import": "./dist/stack/esp-stack.js"
+    },
+    "./row": {
+      "types": "./dist/row/esp-row.d.ts",
+      "import": "./dist/row/esp-row.js"
+    },
     "./pickers/pick-one": {
       "types": "./dist/pickers/esp-pick-one.d.ts",
       "import": "./dist/pickers/esp-pick-one.js"
@@ -198,6 +214,10 @@
       "types": "./dist/popover/esp-popover.d.ts",
       "import": "./dist/popover/esp-popover.js"
     },
+    "./progress": {
+      "types": "./dist/progress/esp-progress.d.ts",
+      "import": "./dist/progress/esp-progress.js"
+    },
     "./radio-button": {
       "types": "./dist/radio-button/esp-radio-button.d.ts",
       "import": "./dist/radio-button/esp-radio-button.js"
@@ -242,6 +262,14 @@
       "types": "./dist/textarea/esp-textarea.d.ts",
       "import": "./dist/textarea/esp-textarea.js"
     },
+    "./toaster": {
+      "types": "./dist/toaster/esp-toaster.d.ts",
+      "import": "./dist/toaster/esp-toaster.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/esp-tooltip.d.ts",
+      "import": "./dist/tooltip/esp-tooltip.js"
+    },
     "./tree": {
       "types": "./dist/tree/esp-tree.d.ts",
       "import": "./dist/tree/esp-tree.js"