Skip to content

build(deps): Bump org.webjars.npm:codbex__harmonia from 2.6.0 to 2.8.0#6404

Open
dependabot[bot] wants to merge 1 commit into
masterfrom
dependabot/maven/org.webjars.npm-codbex__harmonia-2.8.0
Open

build(deps): Bump org.webjars.npm:codbex__harmonia from 2.6.0 to 2.8.0#6404
dependabot[bot] wants to merge 1 commit into
masterfrom
dependabot/maven/org.webjars.npm-codbex__harmonia-2.8.0

Conversation

@dependabot

@dependabot dependabot Bot commented on behalf of github Jul 24, 2026

Copy link
Copy Markdown
Contributor

Bumps org.webjars.npm:codbex__harmonia from 2.6.0 to 2.8.0.

Changelog

Sourced from org.webjars.npm:codbex__harmonia's changelog.

v2.8.0

A release that expands the utility classes with single-side edge fades and grid column-line placement. The one breaking change is the mask utilities rename covered below.

Mask utilities: renamed and expanded

  • Breaking: h-mask and v-mask were renamed to fade-x and fade-y. The old class names no longer ship. fade-x fades the left and right edges, fade-y the top and bottom, following the same -x / -y axis convention as the rest of the library. Replace any h-mask with fade-x and any v-mask with fade-y.
  • New single-edge fades. fade-t, fade-b, fade-l, and fade-r each fade a single edge (top, bottom, left, right), for hinting at more content in one direction while keeping the opposite edge sharp.

New grid utilities: column start and end

  • col-start-1-12 and col-end-1-12 position a grid item by the column line it starts and ends at (a four-column grid has lines 1 to 5), complementing the existing col-span-*. Both accept the sm, md, lg, and xl breakpoint prefixes.

v2.7.2

Bugfix release

Fixed Split panel percentage min/max not tracking the container on resize

A Split panel whose data-min or data-max was given as a percentage resolved that percentage to a fixed pixel size only once, at the width the page happened to have when the panel first rendered. Shrinking the window afterwards left the panel pinned at that stale floor, so it stopped shrinking with the container and overflowed horizontally (reloading at the narrow width appeared to fix it). Percentage min and max are now re-resolved against the current container size on every layout pass, so a panel keeps shrinking and growing with the space it is given.

v2.7.1

Bugfix release

Fixed SVG and Avatar styling in the sidebar menu button

When there was an SVG or Avatar inside a sidebar menu button and the sidebar was in collapsed mode, both elements scaled to fit the button size, which obscured the active button indicator. Added a size limit to those elements fixed the issue.

v2.7.0

A release that adds a new Responsive utility directive for container-query-style class toggling, opens up the date formatting engine through a $dateFormat magic and a public createDateFormatter function, and configures every date and time component to honor the page's <html lang>. It also brings a collapsed mode to the Step Indicator, richer options and search to the Select, keyboard support to the Tooltip, and a documented set of z-index utility classes. The breaking changes are all in the Slot Picker: its day grid no longer collapses to one column on its own, and a slot is now selectable only when you bind an x-model. See "Slot Picker" below to migrate.

New utility: Responsive

  • Responsive (x-h-responsive) - a behavior-only directive that adds or removes classes based on the element's own width rather than the viewport, so a component can adapt to the space it is actually given (a sidebar, a resized panel, a grid cell) without every combination needing a viewport-prefixed class in the bundle. Pass an array of { op, width, classes?, callback? } conditions where op is one of >=, >, <, <=, == and width is a number of pixels. Conditions are independent predicates, so more than one can match at once, and the directive only ever touches the classes you list.
  • A callback alternative to classes. Each condition may carry a callback function instead of (or alongside) classes. It is called with a single boolean, true when the condition currently matches and false when it does not, once on mount with the initial state and then once each time that state flips, so it does not fire on every resize while the width stays on one side of the breakpoint. classes and callback are each optional, but every condition must have at least one of them.
  • .parent modifier measures the element's parent instead of itself, for when a toggled class collapses the element's own box (for example hidden, which would otherwise report a width of 0 and never recover).

Date Format

  • New $dateFormat magic. $dateFormat(value, config?) returns a formatted date string inline in Alpine expressions (for example inside x-text or :title), or a formatted range when value is a { start, end } object, with empty or invalid input returning ''. $dateFormat.with(config?) returns a reusable formatter object exposing format, parse, formatRange, and parseRange for cases that also need to parse a string back into a Date. The config accepts the same locale, order, delimiter, options, and rangeSeparator keys as the directive's data-* attributes.
  • createDateFormatter is now public. The formatting engine is exported from the package (import { createDateFormatter } from '@codbex/harmonia') and exposed on the browser global (Harmonia.createDateFormatter), so it can be used outside Alpine, in application code or a build step. It returns the same reusable formatter as $dateFormat.with.
  • Locale now follows <html lang>. When no locale is set explicitly, the x-h-date-format directive and the $dateFormat magic now inherit the locale from the page's <html lang> attribute, then the browser locale, so declaring the page language once formats every date accordingly. The plain createDateFormatter function deliberately does not read <html lang> and defers directly to the JavaScript engine's default locale when no locale is given.

Component enhancements

  • Slot Picker - see the breaking changes below, plus a new x-h-slot-picker.responsive modifier that opts back into collapsing the day columns into a single stacked column below the md breakpoint, and a new x-h-slot-picker-title.text-only modifier that drops the built-in title styling (the text, data-slot, and aria-live region stay) so you can style the heading yourself.
  • Select - options gain a data-description attribute that renders a secondary muted line below the label (linked with aria-describedby), and an <svg> or <img> placed inside an option now renders as a leading icon before the label. The search control gains data-include-desc="true", which extends matching to option descriptions for the contains and contains-each filters.
  • Step Indicator - a new collapsed mode, toggled with data-collapsed="true" on x-h-step-indicator, shows only the active step in a compact column and works in both orientations. Two new directives are visible only while collapsed: x-h-step-indicator-counter renders a "Step X of Y" label (localizable with data-step-label and data-of-label, totals counted automatically from the registered items) and x-h-step-indicator-progress renders a thin role="progressbar" bar filling to the current step.

... (truncated)

Commits

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [org.webjars.npm:codbex__harmonia](https://github.com/codbex/harmonia) from 2.6.0 to 2.8.0.
- [Changelog](https://github.com/codbex/harmonia/blob/main/CHANGELOG.md)
- [Commits](https://github.com/codbex/harmonia/commits)

---
updated-dependencies:
- dependency-name: org.webjars.npm:codbex__harmonia
  dependency-version: 2.8.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants