@weasel-js/theme 1.9.4 → 1.10.0

package/dist/engine.js

@@ -1,6 +1,7 @@
 import { overrideKey, AXES_EXT, ALPHA_EXT } from './chunk-Z675UQ26.js';
-import { mergeAxes, toLch, toHex, generate, DEFAULT_CONSTRAINTS, fullSelection, pick, enumerateSelections, resolveTokens, mixAlpha, pickAll, themeAxes, tokensAt, selectionKey, isByAxis, contrast, tokenAt } from './chunk-7LCRXZDY.js';
-export { CHROMA_WEIGHT, DEFAULT_CONSTRAINTS, anchorFromHex, chromaCap, contrast, deltaE, floorDegrees, generate, hexToRgb, hueGap, hueName, luminance, toHex, toHexPreview, toLab, toLch, vividAt } from './chunk-7LCRXZDY.js';
+import { toLch, toHex, generate, DEFAULT_CONSTRAINTS, resolveTokens, mixAlpha, themeAxes, tokensAt, contrast, tokenAt } from './chunk-2PY2YTDY.js';
+export { CHROMA_WEIGHT, DEFAULT_CONSTRAINTS, anchorFromHex, chromaCap, contrast, deltaE, floorDegrees, generate, hexToRgb, hueGap, hueName, luminance, toHex, toHexPreview, toLab, toLch, vividAt } from './chunk-2PY2YTDY.js';
+import { mergeAxes, fullSelection, pick, enumerateSelections, pickAll, selectionKey, isByAxis } from './chunk-P5F3GZV6.js';
 import { isPlainObject } from '@weasel-js/registry';
 
 // src/engine/steps.ts
@@ -1249,6 +1250,138 @@ function toDTCG(theme) {
 
 // src/hooks.ts
 var TOKEN_HOOKS = [
+  {
+    name: "titlebar-surface",
+    type: "color",
+    value: "var(--_edge)",
+    description: "Background of the strip a `titlebar` frame carries its title in: a color, a gradient, or stripes. Unset, the frame\u2019s edge color. A frame that names a tone paints the tone instead."
+  },
+  {
+    name: "titlebar-fg",
+    type: "color",
+    value: "var(--_edge-ink)",
+    description: "Text color on a `titlebar` frame\u2019s strip. Unset, black or white, whichever reads on the edge color."
+  },
+  {
+    name: "titlebar-align",
+    type: "string",
+    value: "start",
+    description: "Text alignment of a `titlebar` frame\u2019s title along its strip."
+  },
+  {
+    name: "titlebar-weight",
+    type: "fontWeight",
+    value: "var(--wzl-font-weight-bold)",
+    description: "Font weight of a `titlebar` frame\u2019s title."
+  },
+  {
+    name: "titlebar-label-surface",
+    type: "color",
+    value: "transparent",
+    description: "Background behind a `titlebar` frame\u2019s title alone, for a strip drawn in stripes that must not run through the letters."
+  },
+  {
+    name: "titlebar-label-pad",
+    type: "dimension",
+    value: "0",
+    description: "Inline padding of the patch --wzl-titlebar-label-surface paints behind a `titlebar` frame\u2019s title."
+  },
+  {
+    name: "titlebar-border",
+    type: "border",
+    value: "1px solid var(--_edge)",
+    description: "Border of a `titlebar` frame. A theme whose --wzl-bevel-raised draws the edge sets it to a border of no width."
+  },
+  {
+    name: "titlebar-inset",
+    type: "dimension",
+    value: "0",
+    description: "Padding between a `titlebar` frame\u2019s edge and its strip and body: the width of the bevel a theme draws there."
+  },
+  {
+    name: "bevel-raised",
+    type: "shadow",
+    value: "none",
+    description: "Box shadow of a raised face: a Button, a PropertyPanel, a menu, popover, tooltip, or Dialog, a thumb, the chosen segment of a segmented control, a toolbar\u2019s strip, and every edge of a tab but the one its panel is on. A theme that draws its edges in relief declares it; unset, each keeps the shadow it draws for itself, which for most is none."
+  },
+  {
+    name: "bevel-pressed",
+    type: "shadow",
+    value: "none",
+    description: "Box shadow of a Button held down, or of a Button or a toolbar\u2019s button that stays down. Unset, a Button draws its own inset (--btn-relief-pressed) and a toolbar\u2019s button none."
+  },
+  {
+    name: "bevel-sunken",
+    type: "shadow",
+    value: "none",
+    description: "Box shadow of a well: the frame a field draws its value in, a checkbox, a radio, the track of a switch, a slider, or a segmented control, and a cell of a flat one."
+  },
+  {
+    name: "field-border",
+    type: "border",
+    value: "1px solid var(--wzl-border)",
+    description: "Border of a field\u2019s frame. A theme whose --wzl-bevel-sunken draws the edge sets it to a border of no width."
+  },
+  {
+    name: "field-focus-shadow",
+    type: "shadow",
+    value: "0 0 0 1px var(--wzl-focus-ring)",
+    description: "Box shadow of a field\u2019s frame while it holds focus. It replaces --wzl-bevel-sunken there, so a beveled theme restates the bevel in it."
+  },
+  {
+    name: "button-radius",
+    type: "dimension",
+    value: "calc(var(--btn-height) * 0.1)",
+    description: "Corner radius of a Button. Unset, a tenth of its height."
+  },
+  {
+    name: "button-surface",
+    type: "color",
+    value: "var(--btn-glass)",
+    description: "Background of a secondary Button. Unset, neutral glass mixed from the surfaces."
+  },
+  {
+    name: "button-pressed-surface",
+    type: "color",
+    value: "var(--btn-glass-pressed)",
+    description: "Background of a secondary Button while it is held down."
+  },
+  {
+    name: "button-primary-surface",
+    type: "color",
+    value: "var(--btn-glass)",
+    description: "Background of a primary Button. Unset, glass tinted with --wzl-accent."
+  },
+  {
+    name: "button-primary-pressed-surface",
+    type: "color",
+    value: "var(--btn-glass-pressed)",
+    description: "Background of a primary Button while it is held down."
+  },
+  {
+    name: "button-primary-fg",
+    type: "color",
+    value: "var(--wzl-fg-on-accent)",
+    description: "Text color of a primary Button, for a theme whose --wzl-button-primary-surface is not an accent fill."
+  },
+  {
+    name: "button-primary-bevel",
+    type: "shadow",
+    value: "var(--wzl-bevel-raised)",
+    description: "Box shadow of a primary Button, where it differs from --wzl-bevel-raised: the heavier frame of a default button."
+  },
+  {
+    name: "button-gloss",
+    type: "number",
+    value: "1",
+    description: "Opacity of the specular sheen over a Button\u2019s upper half. 0 for a flat face."
+  },
+  {
+    name: "button-text-shadow",
+    type: "shadow",
+    value: "var(--btn-engraving)",
+    description: "Text shadow of a primary or secondary Button\u2019s label. Unset, an engraving stamp under the glyphs in dark mode."
+  },
   {
     name: "detail-figure-min-width",
     type: "dimension",
@@ -1321,6 +1454,12 @@ var TOKEN_HOOKS = [
     value: "300px",
     description: "Width of the Prefs category column."
   },
+  {
+    name: "prop-columns",
+    type: "string",
+    value: "1fr 1fr",
+    description: "Column tracks of a Properties list, group body, and subpanel. A container too narrow for two columns sets `minmax(0, 1fr)` to stack every row."
+  },
   {
     name: "prop-number-width",
     type: "dimension",
@@ -1399,6 +1538,12 @@ var TOKEN_HOOKS = [
     value: "var(--wzl-fg-subtle)",
     description: "Color of the bracket a Tree draws down a branch."
   },
+  {
+    name: "tree-leaf-indent",
+    type: "dimension",
+    value: "0",
+    description: "How far in from its branches' glyphs a Tree with guides sets a row that folds nothing."
+  },
   {
     name: "dialog-max-width",
     type: "dimension",
@@ -1422,6 +1567,12 @@ var TOKEN_HOOKS = [
     type: "dimension",
     value: "auto",
     description: "Width a PropertyPanel\u2019s title row gives its actions. Set, it holds that width whatever the actions are."
+  },
+  {
+    name: "prop-panel-actions-align",
+    type: "string",
+    value: "center",
+    description: "How a PropertyPanel\u2019s title row lines its actions up with the title: center, or baseline for actions that are text."
   }
 ];