Skip to content

v0.2.000

Choose a tag to compare

View all tags
@amirsaam amirsaam released this 29 Jul 12:50
· 41 commits to main since this release
0.2.000
c80c36c

Tailwind CSS v4 Compliance & Comprehensive Test Coverage

This release brings the entire token library into full alignment with Tailwind CSS v4.3.3, adds 34 new Layout modifier functions, and increases snapshot test coverage from 145 → 169 tests.

Breaking changes

  • brightness()/grayscale()/invert()/saturate()/sepia()/backdrop* numeric methods — .percent(Int) removed; now take Int directly (produces brightness-50, not brightness-50%)
  • borderCollapse() — removed .revert (v3-only)
  • boxShadow() — removed .inner (v3-only shadow-inner)
  • textShadow() — removed .xl, .xxl, .inner; prefix changed shadow-* → text-shadow-*
  • wordBreak() — removed .words (break-words) and .anywhere (break-anywhere) (v3-only)

v4 renames & additions

Utility v3 v4
BoxShadow shadow-sm shadow-xs
BoxShadow shadow shadow-sm
BoxShadow — added .xxs = "shadow-2xs"
TextShadow — added .xxs = "text-shadow-2xs"
TextOverflow overflow-ellipsis added .ellipsis = "text-ellipsis"
Whitespace whitespace-normal fixed rawValue from "normal"
TransitionBehavior transition-allow-discrete transition-discrete
TransitionTiming — added .initial = "ease-initial"
ScrollSnapType — added .mandatory, .proximity
ScrollSnapAlign snap-none snap-align-none
Blur .md = "blur" (bare) "blur-md"; added .xxxl = "blur-3xl"
BackdropBlur .md = "backdrop-blur" (bare) "backdrop-blur-md"; added .xxxl = "backdrop-blur-3xl"
DropShadow .md = "drop-shadow" (bare) "drop-shadow-md"
BorderRadius .md = "rounded" (bare) "rounded-md"; added .fourxl = "rounded-4xl"
TextWrap "wrap" "text-wrap"
VerticalAlign "baseline" "align-baseline"

New modifier functions

  • Layout: flexWrap, flexGrow, flexShrink, alignContent, alignSelf, gapY, insetTop, insetRight, insetBottom, insetLeft, insetX, insetY, aspect, columns, order, float, clear, overflowX, overflowY, overscrollBehavior/X/Y, objectFit, objectPosition, isolation, boxSizing, breakAfter/Before/Inside, boxDecorationBreak, gridTemplateColumns/Rows, gridColumn/Start/End, gridRow/Start/End, gridAutoFlow/Columns/Rows, flexBasis, justifyItems, justifySelf, placeContent/Items/Self

Bug fixes

  • inset directional functions — renamed from top()/right()/bottom()/left() to insetTop()/insetRight()/insetBottom()/insetLeft() (avoided ambiguity with Spacing)
  • inset double-prefix — fixed inset-inset-* bug in directional variants
  • TWTInset — added .arbitrary(String) for bracket syntax
  • TWTLineHeight — added .value(Double) and .arbitrary(String) cases
  • Color opacity — all color modifier functions now forward the opacity: parameter correctly
  • Various tokens — added missing .container, .fraction, .arbitrary cases

Testing

  • 169 snapshot tests (up from 145) across 17 suites
  • Every Layout modifier function covered with at least one test + variant test
  • Value patterns (.size(N), .number(N), .value(N), .arbitrary("…"), .fraction) tested per function

Full Changelog: 0.1.102...0.2.000

Assets 2
Loading