@iyulab/house-style 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [0.1.2] - 2026-10-06
+
+### Fixed
+
+- **Plain links take the house link colour.** The theme defined `--u-link-txt-color` but only
+  `hs-*` classes read it, so a link without a class kept the browser's blue (`#0000EE`, and a
+  different blue again in dark mode). A zero-specificity `:where(a:any-link)` default now applies the
+  token; a class on the link and any application rule still win. The underline stays.
+- **A table's totals get one separating line, not one per row.** `.hs-table tfoot td` drew a top
+  border on every totals row, so subtotal · tax · total read as stripes. The line is now on the first
+  totals row only.
+- A whole card as a link (`a.hs-card`) keeps ink text and no underline, and a `.hs-views__tab`
+  rendered as a link has no underline — both used to take the browser's link styling.
+
+## [0.1.1] - 2026-10-05
+
+### Fixed
+
+- **`import '@iyulab/house-style'` type-checks.** The package entry resolved straight to a `.css`
+  file, which TypeScript cannot read, so a project with `noUncheckedSideEffectImports` (Vite's
+  TypeScript templates turn it on) failed with TS2882. The entry now carries a `types` condition
+  pointing at an empty declaration; bundlers still load `styles/index.css`.
+- The `examples/list-app` starter used the removed `color="gray"` for pending tags; it now uses
+  `neutral`, matching the guide.
+
 ## [0.1.0] - 2026-10-05
 
 First release as a package. Until now `@iyulab/house-style` was only the guide site.

package/README.md

@@ -126,6 +126,10 @@ site; run it locally with (needs network and Playwright's Chromium):
 npm run check:start-here -w @iyulab/house-style
 ```
 
+`check:start-here:local` walks the same path with this working tree's `@iyulab/house-style`
+packed in place of the registry's — run it before tagging a release. The deploy workflow runs
+both on every push to `main`.
+
 ## License
 
 MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/house-style",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "The iyulab house theme: a CSS-only theme for @iyulab components — tokens, component recipes, line-of-business layout patterns and a Tailwind CSS v4 preset — plus the guide site that documents it.",
   "license": "MIT",
   "repository": {
@@ -9,8 +9,12 @@
   },
   "type": "module",
   "style": "./styles/index.css",
+  "types": "./styles/index.d.ts",
   "exports": {
-    ".": "./styles/index.css",
+    ".": {
+      "types": "./styles/index.d.ts",
+      "default": "./styles/index.css"
+    },
     "./styles/*": "./styles/*",
     "./package.json": "./package.json"
   },
@@ -30,6 +34,8 @@
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
     "check:start-here": "node scripts/check-start-here.mjs",
+    "check:start-here:local": "node scripts/check-start-here.mjs --local",
+    "pretest": "node -e \"if(require('fs').existsSync('../../scripts/sibling-dist-check.js'))require('child_process').execFileSync('node',['../../scripts/sibling-dist-check.js'],{stdio:'inherit'})\"",
     "test": "node --test \"tests/*.test.mjs\""
   },
   "engines": {
@@ -53,8 +59,8 @@
   },
   "devDependencies": {
     "@iyulab/components": "^2.0.0",
-    "@iyulab/data-components": "^0.33.0",
-    "@iyulab/enterprise": "^0.22.0",
+    "@iyulab/data-components": "^0.35.0",
+    "@iyulab/enterprise": "^0.24.0",
     "@iyulab/modern-app": "^0.34.0",
     "@iyulab/router": "^0.19.0",
     "@iyulab/u-widgets": "^0.24.0",

package/styles/components.css

@@ -21,6 +21,13 @@
   color: var(--u-txt-color);
   -webkit-font-smoothing: antialiased;
 }
+/* A plain link takes the house link colour instead of the browser's — in light and dark alike.
+ * Zero specificity: a class on the link (`hs-*`, an app's own) and any application rule win.
+ * Visited links keep the same colour (an application, not a document); the underline stays,
+ * so a link in running text is not told apart by colour alone. */
+:where(a:any-link) {
+  color: var(--u-link-txt-color);
+}
 
 /* ── Button — 28 / 32 / 40, medium weight ─────────────────────────────── *
  * Height follows the components' own formula (1.5em line + 2 × padding + 2px border), so

package/styles/index.d.ts

@@ -0,0 +1,5 @@
+// `import '@iyulab/house-style'` is a side-effect import of a stylesheet. TypeScript resolves a bare
+// specifier through `exports` and cannot read `.css`, so with `noUncheckedSideEffectImports` (on in
+// TypeScript 6 projects such as Vite's templates) the import fails to type-check. This empty module
+// is what the `types` condition resolves to; the bundler still loads `styles/index.css`.
+export {};

package/styles/patterns.css

@@ -90,6 +90,7 @@
   font-size: 13px;
   line-height: 20px;
   color: var(--u-txt-color-weak);
+  text-decoration: none;   /* a tab may be a link (`aria-current="page"`) */
   white-space: nowrap;
   cursor: pointer;
 }
@@ -276,9 +277,10 @@
 .hs-table tr[aria-selected='true'] td { background: var(--u-primary-bg-color); }
 .hs-table tfoot td {
   height: var(--hs-row, 40px);
-  border-top: 1px solid var(--u-border-color);
   font-weight: 600;
 }
+/* One line separates the totals from the body — not one per totals row (subtotal · tax · total). */
+.hs-table tfoot tr:first-child td { border-top: 1px solid var(--u-border-color); }
 .hs-table--compact td { height: var(--hs-row-compact, 32px); }
 .hs-table--top td { vertical-align: top; padding-block: var(--u-space-sm, 8px); height: auto; }
 /* Cells (`th` too — header text aligns with its values) */
@@ -359,6 +361,8 @@ tr[aria-selected='true'] .hs-row-actions {
 .hs-card__link:hover { text-decoration: underline; }
 a.hs-card,
 .hs-card--link { cursor: pointer; transition: border-color 0.12s ease-out; }
+/* A whole card as a link reads as a card: ink text, no underline — the border carries hover. */
+a.hs-card { color: inherit; text-decoration: none; }
 a.hs-card:hover,
 .hs-card--link:hover { border-color: var(--u-border-color-strong); }
 @media (prefers-reduced-motion: reduce) {