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-transparentto allowb:hoverwithout an existing (48eae6d) - Added
scroll-behaviour: smoothto.of-scroll(1b01b1c) - added
w-max-content. (5d5f383) - changed
aspect-ratio-1-1toaspect-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.markeris 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-nonewas incorrecly setting right instead of bottom. (423bfe6) - Gitignored
todo.md(3560394) - Improved line-height namings (5d39288)
- no longer need to set
fs-mto body. Addedfont-family: monospaceto<code>elements (2c18fb0) - now possible to use
.ink-subtle/ink-emphasison acolor-mode. (a591bdc) - Removed
scale(0.97)from button because it makes tightly grouped (89f41e2) - Removed an i that had snuck in on the
color-modeinverted selector. (7498fe6) - rename
stacktostack-vandstack-horizontaltostack-h(6dc7f0f) - Renamed
.shadow-mediumto.shadow-mid..shadow-highand.shadow-lowremains untouched. (2710e59) - Renamed
d-iblocktod-inline-block,inline-flextod-inline-flex,position-*topos-*. (73d244b) - some layout utilities (prevously
misc.css) were not in a cascade layer. This would have caused issues. (9af05c0) - tweaked
fs-xlto use--line-height-normal. (202fd69)
Miscellaneous Chores
- release 1.0.0 (80033a3)
0.8.0 (2026-09-01)
Features
- moved the alignment utilities to
align.css. Added (64fc99e) - reworked spacing.
pt-*wins overpx-*which wins oversp-*. (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-modeis nowdisplay: contentsas 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
markstyles, .link got a :where (15e39d9) - updated margin between list items inside of
.typeset(0cd9ee0)
0.3.0 (2026-06-17)
Features
Bug Fixes
- tweaked buttons/forms as a result of changing spacing units (d7634cf)
0.2.0 (2026-06-16)
Features
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
0.0.2 (2026-06-05)
Bug Fixes
- incorrect internal package name (54a4280)