Skip to content

0.15.0

Choose a tag to compare

@github-actions github-actions released this 18 Oct 20:21
· 21 commits to master since this release

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.