Changelog

Note

There will still be breaking changes regularly before we reach v1.0. Note however even though some things get renamed we keep the previous classes (undocumented) around. This helps causing minimul disruption in upgrading.

0.19.0 (2025-12-03)

• ✨ add table component
• 💥 🚚 rename lists

0.18.0 (2025-12-03)

• ✨ implement modal
• 📝 fix maximum positioning demo
• 💥 ♻️ rebrand placeholder as slot
• ✨ add select list
• 📝 add checkbox list recipe
• 🐛 fix col/row gap usage
• ♻️ rework focus reusage
• 💥 render tokens reference per brand
• 💥 update typography
• 🎨 fix icons format
• 👷 auto deploy releases to prev
• 🐛 [icon] rotate toyota trade-cycle-management
• 🐛 fix icons reference UI and copy
• ✨ add CloseWatcher to tooltip recipe
• 💄 add visual link button tests
• ✨ setup visual regression testing

Breaking

• Figma tokens update (^6 && ^7) has some small structural changes.
• tng-placeholder has been renamed to tng-slot.

0.17.0 (2025-11-24)

• ✨ add explicit default classes
• 💥 ♻️ prefix internal components
• 🐛 [button] fix lexus borders
• 💥 ✨ [popover] add border
• 🐛 [popover] fix contrast styles
• 🐛 [popover] fix typography
• 🐛 [link] remove default padding

Breaking

Popover

The HTML structure for popover has been updated.

Before

<div class="tng-popover">
  <div class="arrow"></div>
  <div class="header">
    <!--  -->
  </div>
  <p class="tng-text-body">
    <!--  -->
  </p>
</div>

After

<div class="tng-popover">
  <div class="tng-popover-arrow"></div>
  <div class="tng-popover-header">
    <!--  -->
  </div>
  <div class="tng-popover-bubble">
    <p class="tng-text-body">
      <!--  -->
    </p>
  </div>
</div>

0.16.0 (2025-11-20)

• 📝 document primitive tokens
• ✨ finish icon button
• 💥 ✨ finish link / link button
• 📝 [button] expand overflow documentation
• ✨ finish social button
• 🚚 merge recipes into components
• ✨ [button] add overflow constraints

Breaking

Link

tng-text-link has been renamed to tng-link.

0.15.0 (2025-11-19)

• 🚚 rename modules to recipes
• 🐛 [content] fix blockquote contrast scheme
• ✨ implement popover
• ♻️ move schemes to mixin
• 📝 add teams structure
• 🩹 [alert] simplify demo
• 🧑‍💻 [surface] add release note

0.14.1 (2025-11-17)

• ✨ [button] add tertiary ghost
• 🔥 [button] remove unused token
• 🐛 [button] fix gap

0.14.0 (2025-11-14)

• 🧑‍💻 add token values to reference
• 💥 🧑‍💻 merge border utilities
• ♻️ update tokens reference
• 🚚 move changelog into reference guide
• 💥 ♻️ merge box and scheme into surface
• 💥 ✨ add margin utilities

Breaking

Border

stroke-<size> has been renamed to border-<size>.

Surface

tng-box and tng-scheme have been merged into tng-surface.

• There’s no default padding anymore, add p-md to add the old default.
• There’s no default text styling mixin anymore. Add tng-text-body or which-ever typography class you want to the element or any of its children.

Margin

We have added margin utilities analog to the existing padding utilities.

• Margin can be applied to the Wrapper layout component.
• Padding can be applied to the Surface (previously Box) core component.
• The is-centered variant is removed from the Wrapper layout component. You can use the margin utility mi-auto now.

0.13.0 (2025-11-13)

Caution

In this release we have migrated to the reworked token structure. While the styleguide classes have remained largely unchanged make sure to check your token usage.

• 📝 split AEM / React documentation
• ✨ rework tokens

Breaking

Renamed tokens

• All primitive font tokens (--tng-font-*) have been heavily restructured.
• All semantic color tokens (--tng-(border|foreground|surface)-*) have been heavily restructured.
• All component tokens (--tng-(buttons)-*) have been heavily restructured.
• is-danger is renamed to is-error to match the terminology of the tokens.
• (is|on)-inverse is renamed to (is|on)-contrast to match the terminology of the tokens.

0.12.2 (2025-11-06)

• 📝 explicit icon scheme support
• 💄 improve list styles
• 🚸 enhance animations on no preferred motion
• ♻️ tweak styleguide export

0.12.1 (2025-11-05)

• 🐛 fix icons export types

0.12.0 (2025-11-04)

• ✨ align font families, subfamiles and weights
• 📝 document icon differences (5 days ago)

0.11.0 (2025-10-30)

• 📝 Updated and restructured documentation
• 🚚 Rename CSS layer tng.modules to tng.userstyles
• ✨ add list component
• ✨ Added icons from scratch from Figma