Changelog

Release notes for every published version of Varde.

1.0.0 (2026-09-16)

⚠ BREAKING CHANGES

All class names below have been renamed. Existing markup must be updated.

Components & helpers — namespaced with v-

Old New
.button .v-button
.checkbox .v-checkbox
.form-label .v-form-label
.icon ([data-icon]) .v-icon ([data-v-icon])
.input .v-input
.link .v-link
.popover .v-popover
.radio .v-radio
.range .v-range
.select .v-select
.spinner .v-spinner
.table .v-table
.textarea .v-textarea
.typeset .v-typeset
.untypeset .v-untypeset

Stack utilities

Old New
.stack .stack-v
.stack-horizontal .stack-h

Negative margins — sign moved to the front

Old New
.m--{size} .-m-{size}
.mb--{size} .-mb-{size}
.ml--{size} .-ml-{size}
.mr--{size} .-mr-{size}
.mt--{size} .-mt-{size}
.mx--{size} .-mx-{size}
.my--{size} .-my-{size}

{size} is any spacing step or pair, e.g. 4xs, s, xl, 2xl-3xl.

Text / typography utilities

Old New
.t-regular .fw-regular
.t-medium .fw-medium
.t-bold .fw-bold
.t-center .ta-center
.t-left .ta-left
.t-right .ta-right
.t-uppercase .tt-uppercase

.t-tabular is unchanged.

Border utilities — split into bc-/bw-/br- namespaces

Old New
.b-faint .bc-subtle
.b-default .bc-default
.b-prominent .bc-prominent
.b-hairline .bw-hairline
.b-thick .bw-thick
.b-last-none .b-none:last-child
.b-first-none .b-none:first-child
.brtl-none .br-tl-none
.brtr-none .br-tr-none
.brbl-none .br-bl-none
.brbr-none .br-br-none

Color / surface utilities

Old New
.bg-surface-base .surface-base
.bg-surface-tinted .surface-tinted
.bg-surface-dyed .surface-dyed
.fg-default .ink-default
.fg-muted .ink-subtle
.fg-emphasis .ink-prominent

Width utilities — moved to w- namespace

Old New
.mw-* .w-max-*
.minw-0 .w-min-0
.w-min .w-min-content

Position utilities

Old New
.position-absolute .pos-absolute
.position-fixed .pos-fixed
.position-sticky .pos-sticky

Display utilities

Old New
.d-iblock .d-inline-block
.inline-flex .d-inline-flex

Aspect ratio

Old New
.aspect-ratio-1-1 .aspect-square

Shadows

Old New
.shadow-medium .shadow-mid

.shadow-high and .shadow-low are unchanged.

Features

  • added .bc-transparent to allow b:hover without an existing (48eae6d)
  • Added scroll-behaviour: smooth to .of-scroll (1b01b1c)
  • added w-max-content. (5d5f383)
  • changed aspect-ratio-1-1 to aspect-square (836aa3b)
  • changed the negative margin from m--* to -m-*. (ea93204)
  • code examples are now editable. (64df82a)
  • prefix component and helper classes with v- (d252477)
  • Re-worked naming conventions for colors. (3bf53e8)
  • rename and split border utilities (fc56c84)
  • rename width utilities to w- prefixed namespaces (77022f5)
  • renamed text utilities to property-based prefixes (7a3f133)
  • Updated the heading sizes of .v-typeset. Placed max-width unto children. Added <code> colors. (e7f789e)

Bug Fixes

  • foreground.marker is now correct. It was previously unmapped because of prior change. (4361924)
  • Added a masked chevron to .select (69f6d24)
  • Added scripts to allow agents more reliably use headless browsing. (7b5b79b)
  • changed code-* tokens to inherit palette. (7c72062)
  • consolidated line-heights. A few more classes were added. Adjust .fs-* classes accordingly. (14254df)
  • disabled -webkit-tap-highlight-color (b388def)
  • fixed bug where b-b-none was incorrecly setting right instead of bottom. (423bfe6)
  • Gitignored todo.md (3560394)
  • Improved line-height namings (5d39288)
  • no longer need to set fs-m to body. Added font-family: monospace to <code> elements (2c18fb0)
  • now possible to use .ink-subtle/ink-emphasis on a color-mode. (a591bdc)
  • Removed scale(0.97) from button because it makes tightly grouped (89f41e2)
  • Removed an i that had snuck in on the color-mode inverted selector. (7498fe6)
  • rename stack to stack-v and stack-horizontal to stack-h (6dc7f0f)
  • Renamed .shadow-medium to .shadow-mid. .shadow-high and .shadow-low remains untouched. (2710e59)
  • Renamed d-iblock to d-inline-block, inline-flex to d-inline-flex, position-* to pos-*. (73d244b)
  • some layout utilities (prevously misc.css) were not in a cascade layer. This would have caused issues. (9af05c0)
  • tweaked fs-xl to use --line-height-normal. (202fd69)

Miscellaneous Chores

0.8.0 (2026-09-01)

Features

  • moved the alignment utilities to align.css. Added (64fc99e)
  • reworked spacing. pt-* wins over px-* which wins overs p-*. (682bb20)
  • stagger-items has been improved. A lot tighter with more knobs to (b69ca78)

Bug Fixes

  • .lh-* classes should now properly override defaults in .fs-* (05aefec)
  • Added animations to checkbox/radio. Selects height should be better (9edc387)
  • added override for borders. Looks like this: b-*-none (018f4cb)
  • added position-* classes and top/left/right/bottom-0. (18b05e4)
  • Exclude inverted=false from inverted styles. Tweaked tokens. (59e503a)
  • reworked shadows some more. Shadows looks nicer, and are now (a65f7a9)

0.7.0 (2026-08-19)

Features

  • Added .bg-wash:hover (b81e502)
  • added border-radius to remove set 0 on specific (5816502)
  • introducing .b:hover. (a179f50)
  • Update palette. Tweaked form control size. Added sizes for (dd4b8ad)

Bug Fixes

  • color-mode is now display: contents as a default to avoid it (74b5fab)
  • Reworked shadows (77767ab)
  • Tweaked line-height for .fs-xl (23bd196)
  • Tweaked tokens for buttons (db925a5)

0.6.1 (2026-08-11)

Bug Fixes

  • Add cache-control and CDN purge to docs deployment (161a390)

0.6.0 (2026-08-11)

Features

  • .typeset can now be scoped to .untypeset (95d5308)
  • added some .grid-* utilities (75c4824)
  • opt-in theme switching powered by light-dark() (7c15b27)
  • removed data-color from buttons, now inherits from color-mode. (ed3039e)
  • reworked color palettes (fbd58be)

Bug Fixes

  • avoid zooming on ios when focusing small inputs (175dc90)
  • links are now medium font weight (a617633)

0.5.0 (2026-08-07)

Features

  • tweaked color-mode tokens (6516e30)

Bug Fixes

  • upgraded animations for stagger and popover (18dc294)

0.4.0 (2026-08-06)

Features

  • Lighten control colors and refactor stagger-reveal (f4d6a18)
  • Reworking surfaces and color modes. (8285004)

Bug Fixes

  • Add 4xs spacing utilities and update button/link (22848b3)

0.3.1 (2026-06-18)

Bug Fixes

  • removed chart.css, added default mark styles, .link got a :where (15e39d9)
  • updated margin between list items inside of .typeset (0cd9ee0)

0.3.0 (2026-06-17)

Features

  • added .popover helper to bring you niceness! (252c613)
  • spacing units are now fluid units. (32d89d6)

Bug Fixes

  • tweaked buttons/forms as a result of changing spacing units (d7634cf)

0.2.0 (2026-06-16)

Features

  • Add self-alignment utility classes (5842951)
  • added shadows! (53df1bb)

0.1.2 (2026-06-12)

Bug Fixes

  • Because package/tokens is now gone, we no longer need a themes.css (90d0599)

0.1.1 (2026-06-12)

Bug Fixes

  • Add checkout step to release-please workflow (8b0ff03)

0.1.0 (2026-06-12)

⚠ BREAKING CHANGES

  • Re-worked A LOT of the CSS package

Features

  • Re-worked A LOT of the CSS package (9367f43)

0.0.4 (2026-06-07)

Bug Fixes

0.0.3 (2026-06-07)

Bug Fixes

  • add --auth-mode login to blob list in deploy-assets.sh (#11) (1c826fd)

0.0.2 (2026-06-05)

Bug Fixes

  • incorrect internal package name (54a4280)

Search the docs

Type to search · ↑ ↓ to navigate · Esc to close