@taprootio/espalier 3.1.0 → 3.3.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",
@@ -341,41 +352,121 @@
       "category": "root-theme",
       "description": "First categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-1-ink",
+      "category": "root-theme",
+      "description": "First series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-1-wash",
+      "category": "root-theme",
+      "description": "First series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-2",
       "category": "root-theme",
       "description": "Second categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-2-ink",
+      "category": "root-theme",
+      "description": "Second series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-2-wash",
+      "category": "root-theme",
+      "description": "Second series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-3",
       "category": "root-theme",
       "description": "Third categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-3-ink",
+      "category": "root-theme",
+      "description": "Third series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-3-wash",
+      "category": "root-theme",
+      "description": "Third series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-4",
       "category": "root-theme",
       "description": "Fourth categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-4-ink",
+      "category": "root-theme",
+      "description": "Fourth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-4-wash",
+      "category": "root-theme",
+      "description": "Fourth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-5",
       "category": "root-theme",
       "description": "Fifth categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-5-ink",
+      "category": "root-theme",
+      "description": "Fifth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-5-wash",
+      "category": "root-theme",
+      "description": "Fifth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-6",
       "category": "root-theme",
       "description": "Sixth categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-6-ink",
+      "category": "root-theme",
+      "description": "Sixth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-6-wash",
+      "category": "root-theme",
+      "description": "Sixth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-7",
       "category": "root-theme",
       "description": "Seventh categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-7-ink",
+      "category": "root-theme",
+      "description": "Seventh series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-7-wash",
+      "category": "root-theme",
+      "description": "Seventh series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-8",
       "category": "root-theme",
       "description": "Eighth categorical data-series color."
     },
+    {
+      "name": "--esp-color-series-8-ink",
+      "category": "root-theme",
+      "description": "Eighth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
+    },
+    {
+      "name": "--esp-color-series-8-wash",
+      "category": "root-theme",
+      "description": "Eighth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-shadow",
       "category": "root-theme",
@@ -1434,6 +1525,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 +1801,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 +1911,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 +2031,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 +2120,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 +2247,11 @@
       "category": "root-theme",
       "description": ""
     },
+    {
+      "name": "--esp-size-section",
+      "category": "root-theme",
+      "description": ""
+    },
     {
       "name": "--esp-size-small",
       "category": "root-theme",
@@ -2169,6 +2326,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.3.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",
@@ -8,6 +8,9 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "bin": {
+    "espalier": "./dist/cli/espalier.js"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -122,6 +125,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 +185,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 +217,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 +265,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"