dowel-ui 0.30.0 → 0.32.0

package/dist/theme.css

@@ -901,9 +901,48 @@ body {
   background-color: var(--bg);
   color: var(--text);
   font-family: var(--font-sans);
+  /* The base step, so text nobody gave a class reads at the scale's own body
+   * size. Without it that text inherited the browser's 16px - an empty
+   * state's heading and a card's name came out a step and a half above the
+   * 12px beside them, in every product of the line.
+   *
+   * The line height is the base step's own 20 over 14, written as a ratio
+   * rather than read from `--text-base--line-height`, and that is deliberate.
+   * A length is inherited as a length: with 20px here, every element that
+   * sets a size of its own without a line height - a 10px chart label -
+   * inherited 20px and stood five pixels taller, found in the pictures of
+   * the stand. A ratio is inherited as a ratio. The theme test holds the two
+   * numbers to the tokens. */
+  font-size: var(--text-base);
+  line-height: calc(20 / 14);
   -webkit-font-smoothing: antialiased;
 }
 
+/*
+ * How heavy an icon's line is.
+ *
+ * lucide draws at 2 by default, which is tuned for its own 24px; at the 14 and
+ * 16 the line actually uses, a 2px stroke reads heavier than the text beside
+ * it. 1.75 is the owner's call for the whole line (24.09), made here once
+ * rather than as a `strokeWidth` at every one of a few hundred call sites.
+ *
+ * Only an icon still on lucide's default is changed. `[stroke-width='2']` is
+ * how lucide writes the default, and an icon given another width - by a call
+ * site, or by `absoluteStrokeWidth`, which computes one - keeps it. In
+ * `@layer base` so a `stroke-*` utility on the icon wins too. A product that
+ * draws with some other icon set is untouched: the rule keys off lucide's own
+ * class.
+ */
+:root {
+  --icon-stroke: 1.75;
+}
+
+@layer base {
+  svg.lucide[stroke-width='2'] {
+    stroke-width: var(--icon-stroke);
+  }
+}
+
 /*
  * In `@layer base`, so a component can turn it off.
  *

package/dist/tokens.json

@@ -393,6 +393,13 @@
       "$value": 600
     }
   },
+  "icon": {
+    "$type": "number",
+    "$description": "The weight of an icon's line, in the icon's own units (lucide draws on a 24-unit grid). Lighter than lucide's default 2, because the line draws its icons at 14 and 16px, where 2 reads heavier than the text beside it.",
+    "stroke": {
+      "$value": 1.75
+    }
+  },
   "duration": {
     "$type": "duration",
     "$description": "Motion. Cut to nothing under `prefers-reduced-motion`.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dowel-ui",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "description": "The lacodda line design system: theme tokens and React primitives, distributed as a shadcn-compatible registry.",
   "license": "MIT",
   "type": "module",
@@ -45,6 +45,11 @@
       "types": "./dist/cli/index.d.ts",
       "import": "./dist/cli/index.js"
     },
+    "./marks": {
+      "types": "./dist/marks.d.ts",
+      "import": "./dist/marks.js"
+    },
+    "./marks/*.svg": "./dist/marks/*.svg",
     "./theme.css": "./dist/theme.css",
     "./prose.css": "./dist/prose.css",
     "./tokens.json": "./dist/tokens.json",
@@ -63,11 +68,11 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/node": "^26.5.1",
+    "@types/node": "^26.6.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "class-variance-authority": "^0.7.1",
-    "eslint": "^10.10.0",
+    "eslint": "^10.11.0",
     "react": "^19.3.0",
     "react-dom": "^19.3.0"
   },