actual-css 0.14.0 → 0.15.0

package/CHANGELOG.md

@@ -2,6 +2,62 @@
 
 ## [Unreleased]
 
+## [0.15.0] - 2026-10-18
+### Added
+- `.tabs-attached` and `.tab-panel`: folder-style horizontal tabs joined to their panel, with shared surface, padding and shadow hooks.
+- `--control-default-bg`: inherited resting field fill shared with external widget bridges.
+- `theming.md`: a custom button focus recipe that preserves the outline and elevation when focus and hover coincide.
+- `modular-import.md`: replacing a component while keeping its markup, states and theme tokens, with a minimal Steps recipe linked from Philosophy.
+- `neo-brutalist` demo theme: pastel intents under black ink, offset shadows on framed objects, lifting buttons, a plus accordion marker.
+- `demo/templates/neo-brutalist.html`: a risograph print studio page on that theme, with page-loaded fonts.
+- Theming docs: where a font goes when a theme is in use (`:root`, not `[data-theme]`).
+- Card docs: tones (`.card.soft` plus an intent class).
+- Date picker docs and `date-fields.html`: the token bridge maps the panel shadow to `--shadow-popout`.
+- `--btn-shadow`: a resting button elevation that inherits and that the solid hover overlay keeps.
+- `--control-shadow`: a resting elevation for `.input`, `.textarea` and `.select` that keyboard focus keeps.
+- `--table-header-bg` and `--table-header-fg`: theme hooks for the `.table` header band, also read by the data grid template bridge.
+- `--accordion-marker-icon` and `--accordion-marker-open-rotate`: swap the accordion marker glyph and its open turn (plus to cross with `--icon-plus` and `45deg`).
+- `.badge > .avatar`: a leading avatar sized to the badge for person chips (mention, assignee, contributor).
+- `.timeline`: vertical history of dated events, with intent dots and an optional avatar or icon slot.
+- Dashboard and Admini demos: activity feeds use `.timeline` instead of local feed CSS.
+- Diagrams docs and `diagrams.html`: Pele 1.6.0 on Actual tokens through a demo `<pele-diagram>` web component.
+- File upload docs and `file-upload.html`: Dropzone 6.3.5 rows composed from `.list`, `.progress` and `.close`, and FilePond 5.0.0-beta.74 on a `--default-*` token bridge.
+
+### Fixed
+- `::selection`: SVG text uses the theme's selection foreground, keeping Pele diagram labels legible when selected.
+- `.card.solid`: bare and `.prose` links follow the card's text color at rest, hover and keyboard focus, including when a theme sets `--link`.
+- `.skeleton`: `--skeleton-track` and `--skeleton-highlight` are translucent ink tints, so a placeholder keeps its edges on cards, soft cards and dark surfaces.
+- `.choice-card.chip`: `--state-selected-text` takes priority over explicit intents to keep checks legible on light selected fills.
+- `.alert` with `.alert-icon`: an icon taller than one line, or an alert stretched by an equal-height grid, no longer opens a gap between the title and the body.
+
+### Removed
+- The `bootstrap-v6` demo theme: the core focus line and field treatment it demonstrated are now the defaults.
+
+### Changed
+- `.badge > .close`: a trailing disc inside the pill, mirroring a leading `.avatar`; a transparent hit area keeps the 24px target.
+- `edge` theme: the default button drops its hover overlay through `--btn-hover-overlay` instead of `box-shadow: none`.
+- Date picker docs and demos: `@lekoala/date-picker` 0.5.1; focus maps through `--dp-focus` / `--dp-focus-width` instead of two override rules.
+- Date picker docs and demos: `setDefaultControlClasses()` gives every calendar header real `.select`, `.input` and `.btn` controls.
+- Combobox docs and demos: `@lekoala/combobox` 0.7.1; the control reads `--border-width`, `--control-shadow` and `--control-hover-border` like `.input`.
+- Combobox docs and demos: `setDefaultChipClass()` gives every chip the `.badge primary` skin without per-element attributes.
+- `data-grid.html`: `data-grid-component` 3.7.0 with `themes/actual.css`, global Actual control classes and responsive column disclosure.
+- `contrast-contexts.html` and `neo-brutalist.html`: combobox and date picker bridges follow the current recipes (0.7.1 / 0.5.1).
+- `@lekoala/floating` 0.3.1: `repositionAt()` throws on an unknown placement outside a browser too.
+
+## [0.14.1] - 2026-10-14
+### Added
+- `actual-css/js/enhance` logs a console warning when a second copy of the runtime loads (dist bundle plus source modules, or two bundles).
+
+### Changed
+- `@lekoala/floating` 0.3: a wrapped inline trigger flipped above anchors to its first line, and start/end alignment follows CSS `direction` without a `dir` attribute.
+- `data-tooltip-placement` and `data-flyout-placement`: an unknown value logs one console warning and falls back to the default placement.
+- `dist/`, `site/` and `demo/assets/` are no longer committed: run `bun run build:all` after a clone; npm, GitHub releases and Pages ship the CI build.
+- GitHub Pages deploys from CI (`build:pages`, `scripts/pages.js`) instead of serving the branch.
+
+### Fixed
+- `.color-swatch`: an inline swatch (a flyout trigger beside its label) centers on the text instead of sitting above the baseline.
+- `data-enhance-config`: a relaxed config keeps `key:`-like text inside a double-quoted string (`{url: "http://x"}`) instead of throwing.
+
 ## [0.14.0] - 2026-10-13
 ### Breaking changes
 

package/README.md

@@ -64,7 +64,7 @@ size is not worth optimizing:
 ```
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/actual-css@0.14/dist/actual.full.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/actual-css@0.15/dist/actual.full.min.css">
 ```
 
 ## Usage
@@ -137,7 +137,7 @@ registries:
 * **Full runtime, zero-config** — every built-in enhancer, compiled:
 
   ```html
-  <script src="https://cdn.jsdelivr.net/npm/actual-css@0.14/dist/actual.full.js" type="module"></script>
+  <script src="https://cdn.jsdelivr.net/npm/actual-css@0.15/dist/actual.full.js" type="module"></script>
   ```
 
 * **Your own build** — copy the package's `src/js/full.js` as your entry,
@@ -179,8 +179,8 @@ Actual CSS is before 1.0:
 * A patch release (`0.12.0` → `0.12.1`) keeps every class and hook. It fixes
   bugs and may add hooks, so a fix can still move a rendering by a few pixels.
 
-The floating `actual-css@0.14` CDN path takes patches automatically. Pin the exact
-version (`actual-css@0.14.0`) when the rendering must not change without a
+The floating `actual-css@0.15` CDN path takes patches automatically. Pin the exact
+version (`actual-css@0.15.0`) when the rendering must not change without a
 review.
 
 ## Browser support
@@ -229,7 +229,7 @@ MIT
 
 ## Docs
 
-The documentation site is generated into [`site/`](site/) from the
-source pages under [`docs/pages/`](docs/pages/). Start at
-[`site/index.html`](site/index.html), or build it locally with
-`bun run build:docs`.
+The documentation site is published at <https://lekoala.github.io/actual-css/>.
+It is generated from the source pages under [`docs/pages/`](docs/pages/);
+in a clone, run `bun run build:all` (or `build:dist`, `build:js` and
+`build:docs`) and open `site/index.html`.

package/components.json

@@ -12,7 +12,9 @@
       "--accordion-radius",
       "--accordion-pad",
       "--accordion-marker-color",
-      "--accordion-marker-size"
+      "--accordion-marker-size",
+      "--accordion-marker-icon",
+      "--accordion-marker-open-rotate"
     ],
     "states": [
       "open"
@@ -124,6 +126,8 @@
       "--badge-default-fg",
       "--badge-default-border",
       "--badge-default-hover-bg",
+      "--badge-slot-inset",
+      "--badge-slot-size",
       "--badge-bg",
       "--badge-fg",
       "--badge-border"
@@ -132,7 +136,12 @@
       "aria-disabled",
       "aria-hidden",
       "disabled"
-    ]
+    ],
+    "pseudoElements": {
+      ".close": [
+        "::after"
+      ]
+    }
   },
   {
     "name": "bleed",
@@ -201,6 +210,7 @@
       "--btn-radius",
       "--btn-gap",
       "--btn-hover-overlay",
+      "--btn-shadow",
       "--btn-default-bg",
       "--btn-default-fg",
       "--btn-default-border",
@@ -242,7 +252,8 @@
       "--card-bg",
       "--card-fg",
       "--heading",
-      "--busy-overlay-bg"
+      "--busy-overlay-bg",
+      "--surface-link"
     ]
   },
   {
@@ -731,11 +742,15 @@
     "cssImport": "actual-css/css/components/tab",
     "classes": [
       "tab",
-      "tabs"
+      "tabs",
+      "tabs-attached"
     ],
     "publicHooks": [
       "--tab-flex",
-      "--tab-gap"
+      "--tab-gap",
+      "--tab-panel-bg",
+      "--tab-panel-pad",
+      "--tab-panel-shadow"
     ],
     "internalHooks": [
       "--tab-edge",
@@ -768,9 +783,39 @@
     ],
     "publicHooks": [
       "--table-min",
-      "--table-cell-pad"
+      "--table-cell-pad",
+      "--table-header-bg",
+      "--table-header-fg"
     ]
   },
+  {
+    "name": "timeline",
+    "source": "src/css/components/timeline.css",
+    "cssImport": "actual-css/css/components/timeline",
+    "classes": [
+      "timeline"
+    ],
+    "publicHooks": [
+      "--timeline-dot-size",
+      "--timeline-slot-size",
+      "--timeline-gap",
+      "--timeline-inline-gap",
+      "--timeline-line-size"
+    ],
+    "internalHooks": [
+      "--timeline-rail-size",
+      "--timeline-line-box"
+    ],
+    "states": [
+      "aria-hidden"
+    ],
+    "pseudoElements": {
+      ".timeline li": [
+        "::after",
+        "::before"
+      ]
+    }
+  },
   {
     "name": "tooltip",
     "source": "src/css/components/tooltip.css",