CSS Framework changelog

2.0.0 (2026-05-22)

⚠️ Breaking Changes

• Introduce modernized colors to support a more expressive visual languange. Restructure to make the experience better for designers and developers. Remove deprecated legacy tokens.

  Provide migration audit script to help check for removed and deprecated token usage. Located at @riverty/design-tokens/bin/migration-audit.mjs. Source token source files are now using DTCG format.

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 2.0.0

1.4.1 (2026-04-14)

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.5.0
• Updated @riverty/fonts to 2.2.2

1.4.0 (2026-03-12)

🩹 Fixes

• Fixed integration issue in the other codebases.

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.3.0
• Updated @riverty/fonts to 2.2.0

1.3.2 (2026-03-05)

🩹 Fixes

• fix: include all missed files in the patched packages

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.2.2
• Updated @riverty/fonts to 2.1.2

1.3.1 (2026-03-04)

🩹 Fixes

• fix: breakpoint-sm typo

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.2.1
• Updated @riverty/fonts to 2.1.1

1.3.0 (2026-02-10)

🚀 Features

• css-framework: Bootstrap 5.x aligned breakpoint sass-variables (xs, sm, md, lg, xl, xxl) and mixin.

  • Introduced a new _breakpoints.scss file with Bootstrap-style SCSS variables and a breakpoint mixin.
  • Updated main.scss to use the new breakpoints module.

1.2.7 (2025-11-19)

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.2.0

1.2.6 (2025-11-05)

🧱 Updated Dependencies

• Updated @riverty/design-tokens to 1.1.4

1.2.5 (2025-10-23)

🩹 Fixes

• design-tokens: change value for r-link-enabled token for better color contrast in light and dark modes

📦 Dependency Updates

• Updated to @riverty/fonts@2.1.0 (includes new ai icon in Riverty icon set)
• Updated to @riverty/design-tokens with improved link color contrast

1.2.3 (2025-10-07)

🩹 Fixes

• fonts: align with the new fonts package (artifact verification + cleaned distribution). No selector or variable changes; purely to keep dependency graph consistent and avoid mismatched font-face references.

1.2.2 (2025-09-19)

🩹 Fixes

• typography: add margin between consecutive toast components [DSYS-1551]

1.2.1 (2025-03-21)

🩹 Fixes

• Cursor appearance [DSYS-1256]

1.2.0 (2025-02-17)

🚀 Features

• button: support aria-label, fix link button accessibility, ensure rClick always emitted

• Panel: Add global class for content shifting in panel component [DSYS-1200]

1.1.1 (2024-11-08)

🩹 Fixes

• panel: improve initial rendering behavior

1.1.0 (2024-10-18)

🚀 Features

• Add some form layout helper styles

1.0.2 (2024-06-25)

This was a version bump only for @riverty/css-framework to align it with other projects, there were no code changes.

1.0.1 (2024-06-25)

This was a version bump only for @riverty/css-framework to align it with other projects, there were no code changes.

1.0.0 (2024-06-25)

Introducing semantic color tokens and support for dark mode. Includes the simultaneously-released @riverty/design-tokens version 1.0.0.

Read mode about the color structure on riverty.design.

0.9.1 (2024-05-14)

🩹 Fixes

• improve layout for .r-form controls

0.9.0 (2024-04-19)

Changed

• r-hint: renamed from r-form-hint [DSYS-564]

[0.8.1] - 2024-02-02

• Added preparations for form spacing. No need to consider for end-users until further announcements.

[0.8.0] - 2024-01-09

• Added sticky first column behavior for .r-table.
• Added whitespace set of utility classes.

[0.7.0] - 2023-11-29

• Use @riverty/fonts v2.0.0.

[0.6.0] - 2023-11-20

• Prevent Flash of Undefined Custom Elements for Riverty components.
• Add .r-table-container utility class.
• Add horizontal scrolling for elements with the .r-table-container utility class.

[0.5.0] - 2023-10-04

• Add .r-table utility class.

[0.4.0] - 2023-09-08

• Use @riverty/design-tokens v0.4.0.

[0.3.3] - 2023-08-25

• Added preview of .r-typography (please consider it a draft until official documentation is published).

[0.3.2] - 2023-04-14

• Fixed: use design token to specify font-family for r-type-headline-* text styles.

[0.3.1] - 2023-02-20

Added text styles:

• r-type-body-text-s-semibold: S Semibold - System UI - Semibold;
• r-type-link-text-s-semibold: S Link Semibold - System UI - Semibold;
• r-type-body-text-xs-semibold: XS Semibold - System UI - Semibold;
• r-type-link-text-xs-semibold: XS Link Semibold - System UI - Semibold;

[0.3.0] - 2023-02-03

• Removed: some color tokens removed - see @riverty/design-tokens changelog.
• Changed: adjust line-height for some text styles, including headline and body text M & S. Aligns with Figma update as previously communicated.
• Added: r-type-fieldset-label and r-type-fieldset-caption text styles. Corresponds to the Figma ‘Fieldset’ component.
• Fixed: broken line-height for .r-type-body-text-xs and .r-type-link-text-xs.
• Fixed: use design tokens more extensively for internal values.

[0.2.1] - 2022-12-14

• Removed: secondary-button class. Use @riverty/web-components instead.

[0.2.0] - 2022-10-26

• Added: Text styles for body and link using system-ui font stack, r-type-body-text- and r-type-link-text-. See riverty.design/typography for more information.

❗Breaking change: New naming structure for font size tokens. We recommend you update all references to use the new names. You may also include this mapping to keep compatibility with old names:

--r-font-size-desktop-xxl: var(--r-font-size-desktop-900);
--r-font-size-desktop-xl: var(--r-font-size-desktop-800);
--r-font-size-desktop- … : var(--r-font-size-desktop- …);
…

[0.1.4] - 2022-09-07

• Added: class for inline text link .r-type-inline-text-link.

[0.1.1] - 2022-09-06

• Changed: Use to @riverty/design-tokens v0.1.14.

[0.1.0] - 2022-09-05

Same as 0.0.15. Corrected version as intended.

[0.0.15] - 2022-09-05

• Changed: use self-hosted font files by default. This is better for performance in essentially all cases. @riverty/css-framework now uses @riverty/fonts as a dependency, which enabled local access to the web font files.
• Experimental: Secondary button class is now available.

[0.0.14] - 2022-08-24

• Added: load webfonts using font-display: swap.
• Added: smart classes for text styles. .r-type-headline-{size} automatically adapts based on viewport size.
• Changed: update @riverty/design-tokens to use newer font-size token names.

[0.0.12]

• Fix: incorrect font-size tokens for text styles.

[0.0.11]

Changes from @riverty/design-tokens

• Changed: new design token names for font-size (without px suffix).
• Changed: spacing token specified as rem rather than em.

[0.0.6 - 0.0.10]

Internal changes only.

[0.0.5] - 2022-08-12

Initial public version.

Added

• Support GT Ultra web font hosted on cdn.riverty.design.
• Support utility classes for headline text styles.