# @volvo-cars/css ## 3.0.0 ### Major Changes - [#5405](https://github.com/volvo-cars/design-system-web/pull/5405) [`60efddf`](https://github.com/volvo-cars/design-system-web/commit/60efddf5b67e6fce09deb00698da18a056dbf60d) Thanks [@CodeWithPhany](https://github.com/CodeWithPhany)! - ## Breaking changes Tiles now use `slot="title"` for the linked title and `slot="body"` for optional supporting text. Titles are underlined by default. Media tiles are transparent by default; use the framed variant for a secondary background. ### Changed behaviour - **Tile text slots** — move the linked label from `slot="body"` to `slot="title"`, which provides the underline and its hover and pressed feedback. The body slot is now reserved for optional supporting text and is not underlined. Both slots must be direct children of the tile. - **Tile text layout** — titles and bodies stack with an 8px gap and wrapping for long words. Tiles use start alignment, and both slots inherit the tile's text colour. Existing markup can change height, text flow and colour. - **Media images** — images now fill the media slot using absolute positioning. Small intrinsic images and custom image dimensions can change image size and crop. Set proportions on the media slot and review image-fit overrides. - **`.media-tile`** — the default secondary background and its hover and pressed colours have been removed. Add `data-variant="framed"` for a secondary background and 16px outer padding. - **Media `slot="media"`** — the slot no longer paints its own background. Add `bg-secondary` to the slot if only the image needs a backdrop. - **`--background-color`** — no longer applies to unframed media tiles. Existing custom backgrounds need `data-variant="framed"`. Text tiles continue to support the variable. ### Migration Rename the label's slot from `body` to `title`. No additional class is needed: ```html Explore the Volvo EX30 Explore the Volvo EX30 ``` If the body wraps both a title and supporting text, remove the wrapper. Make the title and body direct children of the tile. Keep body text before the title in text tiles, and after it in media tiles. Review text alignment, wrapping and height, including layouts composed with utilities. Set the tile's width and use an aspect-ratio utility on `slot="media"` to control image proportions. Keep image-fit and positioning utilities on the image. For a media tile that should keep its secondary background, add `data-variant="framed"`. Keep any existing `--background-color` override: ```html
Explore the Volvo EX30

Compact electric SUV

 ``` Framed tiles add 16px outer padding. Add `p-0` to the tile to remove it, and `pb-16` to the last text slot to keep 16px below the text. Use `--background-color` when you need calculated hover and pressed colours. Direct `background-color` styles and `bg-*` utilities override those states. See the [tile documentation](https://designsystem.volvocars.com/web/components/tiles/) for complete examples. ### Minor Changes - [#5133](https://github.com/volvo-cars/design-system-web/pull/5133) [`c1b8c60`](https://github.com/volvo-cars/design-system-web/commit/c1b8c608783e29b19541dccb637cbc7ee3313345) Thanks [@joisaks](https://github.com/joisaks)! - Add `list-item` and `navigation-list-item` CSS patterns with slot-based layouts, full-row link states, and an automatic direction-aware chevron. - [#5405](https://github.com/volvo-cars/design-system-web/pull/5405) [`60efddf`](https://github.com/volvo-cars/design-system-web/commit/60efddf5b67e6fce09deb00698da18a056dbf60d) Thanks [@CodeWithPhany](https://github.com/CodeWithPhany)! - Add `data-variant="framed"` to media tiles for a secondary background and 16px outer padding. Disable image hover zoom for reduced motion. Update tile underline feedback on hover and press, and use a medium pressed background for text tiles on touch devices. Remove tile background fallbacks for browsers without `color-mix()` support. `.tap-area` and `.tab` keep their existing behaviour. ### Patch Changes - [#5418](https://github.com/volvo-cars/design-system-web/pull/5418) [`6913b43`](https://github.com/volvo-cars/design-system-web/commit/6913b43a8a5a8e751a6a3660713874e79901edac) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Fix media hero sizing at ultra-wide viewport widths so the media contracts to the capped text frame. - [#5420](https://github.com/volvo-cars/design-system-web/pull/5420) [`fc4276a`](https://github.com/volvo-cars/design-system-web/commit/fc4276a1c56bb231e080337684a8d6e3d47c8952) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Keep the custom select bottom sheet at the viewport bottom while scrolling. Show its scrim across the viewport, including inside floating-label inputs and contained layouts. Wrap long option labels and preserve their alignment with shorter options. Truncate long selected values with an ellipsis when using a native `` as the select's first child, without shrinking the chevron. Preserve the existing sheet and desktop dropdown appearance. ## 2.5.1 ### Patch Changes - [#5339](https://github.com/volvo-cars/design-system-web/pull/5339) [`0ee3139`](https://github.com/volvo-cars/design-system-web/commit/0ee31390b8cd753f99806dfa935bbbbd1ce8456e) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Correctly position the select icon in floating label inputs and RTL ## 2.5.0 ### Minor Changes - [#5312](https://github.com/volvo-cars/design-system-web/pull/5312) [`383e98a`](https://github.com/volvo-cars/design-system-web/commit/383e98ab813827c883cf88664e4066054826626d) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add layout and text utilities that consumers were repeatedly hand-rolling: - `grid-cols-1`, so a grid can be reset to a single column at a breakpoint. - `col-span-1` to `col-span-4` and `col-span-full` for spanning grid tracks. - `flex-1` and `flex-none` for the `flex` shorthand. - `items-baseline`, the one `align-items` value that was missing. - `inline-flex` and `inline-grid`, as shorthands for the existing `inline flex-row` and `inline grid-cols-*` combinations. - `h-auto` and `w-auto`, to release a size set at a smaller breakpoint. - `whitespace-pre`, completing the `whitespace-*` set. All except `whitespace-pre` support the `md:`, `lg:` and `xl:` prefixes. ### Patch Changes - [#5312](https://github.com/volvo-cars/design-system-web/pull/5312) [`383e98a`](https://github.com/volvo-cars/design-system-web/commit/383e98ab813827c883cf88664e4066054826626d) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Fix `cssMerge` not merging `flex-grow-0` and `flex-shrink-0`. The class group patterns escaped the digit matcher twice, so they only matched a literal `\d` and numeric variants were left unmerged. - [#5277](https://github.com/volvo-cars/design-system-web/pull/5277) [`1886d4c`](https://github.com/volvo-cars/design-system-web/commit/1886d4c80468bdb5dce7131273b413f7d17243bf) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Restore the generated `styles_lg.css` file so the existing public export continues to resolve after clean package builds. - [#5313](https://github.com/volvo-cars/design-system-web/pull/5313) [`a4f6ce3`](https://github.com/volvo-cars/design-system-web/commit/a4f6ce323fc042b6fbe2710c7f969d2db32ff060) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Model the custom CSS link collection serializer in its public TypeScript contract, wait for hashed assets to finish copying during CSS builds, and restore the `slide-in-from-bottom` animation utility. - [#5315](https://github.com/volvo-cars/design-system-web/pull/5315) [`259b9c7`](https://github.com/volvo-cars/design-system-web/commit/259b9c7c9402c075d898cc1632b6008afba2bde0) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - correctly export utilities ## 2.4.1 ### Patch Changes - [#5178](https://github.com/volvo-cars/design-system-web/pull/5178) [`3b4006d`](https://github.com/volvo-cars/design-system-web/commit/3b4006d18507f00820934e799035346b5db2dd46) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - position custom-select picker to be a bottom-sheet ## 2.4.0 ### Minor Changes - [#5075](https://github.com/volvo-cars/design-system-web/pull/5075) [`85ea8ec`](https://github.com/volvo-cars/design-system-web/commit/85ea8ec2285123937d531c46bdb4f6d0f4141d8f) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Style native select for Chromium based browsers - [#5167](https://github.com/volvo-cars/design-system-web/pull/5167) [`ac04b2b`](https://github.com/volvo-cars/design-system-web/commit/ac04b2b28766b05333ddef23364625f0f77e050a) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add new `MessageBar` React component that wraps the `.message-bar` CSS class and adds animation on dismiss. - [#5132](https://github.com/volvo-cars/design-system-web/pull/5132) [`d71b680`](https://github.com/volvo-cars/design-system-web/commit/d71b680b55c38c7e82f5a397524fde209e2b3902) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove legacy `@supports` fallbacks for multi-keyword `display` values now that browser support is sufficient. - [#5167](https://github.com/volvo-cars/design-system-web/pull/5167) [`ac04b2b`](https://github.com/volvo-cars/design-system-web/commit/ac04b2b28766b05333ddef23364625f0f77e050a) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add `trim-cap` utility class that applies `text-box: trim-both cap alphabetic;` to remove the leading and trailing space around text so glyphs align flush with the text box. ### Patch Changes - [#5167](https://github.com/volvo-cars/design-system-web/pull/5167) [`ac04b2b`](https://github.com/volvo-cars/design-system-web/commit/ac04b2b28766b05333ddef23364625f0f77e050a) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - correctly clip icon svg in select - [#5160](https://github.com/volvo-cars/design-system-web/pull/5160) [`84aae00`](https://github.com/volvo-cars/design-system-web/commit/84aae00a6205a213ecab1593b21f6fa9851ab805) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add `min-width: 100%` for dialogs/sheets on small screens to improve responsive layouts. ## 2.3.0 ### Minor Changes - [#5045](https://github.com/volvo-cars/design-system-web/pull/5045) [`deda946`](https://github.com/volvo-cars/design-system-web/commit/deda946de0e3250d8304f9d6c42f75870d92c4d2) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - - Update typography tokens to align with the larger Statement sizes - Removed the `heading-3` tokens as they were deprecated and removed from the system - [#5044](https://github.com/volvo-cars/design-system-web/pull/5044) [`0aabf37`](https://github.com/volvo-cars/design-system-web/commit/0aabf37705dd80781c14977aa1141b848c042f8d) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add `text-hero` and `media-hero` components for full-width page-level hero blocks. ### Patch Changes - [#5102](https://github.com/volvo-cars/design-system-web/pull/5102) [`dac8c73`](https://github.com/volvo-cars/design-system-web/commit/dac8c73c7e0ff563a98d85133b818552a4385e97) Thanks [@jacobrask](https://github.com/jacobrask)! - Scope `dialog-small` close-button spacing to direct children to prevent layout regressions in existing header-slot usage - [#5086](https://github.com/volvo-cars/design-system-web/pull/5086) [`92b04b4`](https://github.com/volvo-cars/design-system-web/commit/92b04b45efac4beebf63f13c9996584bb4781886) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Update `title-page` component typography ## 2.2.0 ### Minor Changes - [#5063](https://github.com/volvo-cars/design-system-web/pull/5063) [`698c0e9`](https://github.com/volvo-cars/design-system-web/commit/698c0e997293f4c04d852fdb3a679152dfbe9542) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove the Volvo Novum `@font-face` CSS. Associated tokens were removed in 2.0 so no styles should be referencing these fonts anyway. ### Patch Changes - [#5064](https://github.com/volvo-cars/design-system-web/pull/5064) [`5a92bcd`](https://github.com/volvo-cars/design-system-web/commit/5a92bcd8b48fb585ff43b66e1920ec0147d82203) Thanks [@jacobrask](https://github.com/jacobrask)! - Use the CSS package major version when generating CDN asset URLs. ## 2.1.0 ### Minor Changes - [#4665](https://github.com/volvo-cars/design-system-web/pull/4665) [`a7e1200`](https://github.com/volvo-cars/design-system-web/commit/a7e120021dca67eb51e0f4826163c61aa9c3f1f0) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add `navigation-bar` layout — a sticky 3-column grid for top-level site navigation with start, center, and end slots. Height adjusts from 48px to 64px at the `md` breakpoint. Positioning is controllable via `--navigation-bar-position`. Fix `message-bar` dismiss button positioning to work correctly with and without `bleed`. - [#4822](https://github.com/volvo-cars/design-system-web/pull/4822) [`ebdbe8b`](https://github.com/volvo-cars/design-system-web/commit/ebdbe8bfdf2909ab3e017e98ac4db7b422a36eca) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Rebrand styles for Dialog, Dialog-small, Sheet and ToastMessage - [#5032](https://github.com/volvo-cars/design-system-web/pull/5032) [`7cd6a5d`](https://github.com/volvo-cars/design-system-web/commit/7cd6a5d6d52de29b4eb6a021387a22dccb8b11ce) Thanks [@rcarls13](https://github.com/rcarls13)! - feat(css): New utility classes for select and pointer events ### Patch Changes - [#5028](https://github.com/volvo-cars/design-system-web/pull/5028) [`1fc9bfa`](https://github.com/volvo-cars/design-system-web/commit/1fc9bfa544ff6a77df877399c2630932b0ecd044) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - remove the use of `--v-font-X` variables in favor of `--v-font-X-size` and `--v-font-X-lineheight` ## 2.0.1 ### Patch Changes - [#5009](https://github.com/volvo-cars/design-system-web/pull/5009) [`c8755ba`](https://github.com/volvo-cars/design-system-web/commit/c8755ba2ca415ca4dee3daddd3352f6c772bba15) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - fix position of icon in select ## 2.0.0 ### Major Changes - [#4915](https://github.com/volvo-cars/design-system-web/pull/4915) [`5360d94`](https://github.com/volvo-cars/design-system-web/commit/5360d94e8c4926ca53beebe81be1aa58232970dd) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - ## Breaking changes The Centenary theme is now the default theme. ### Removed classes - **`.heading-3`** — the utility class and default `h3` styles have been removed. Use the `heading-3` token or style headings directly. - **`.reel-indicators`** — the indicator dot styles have been removed. Implement custom indicator styles if needed. - **`.toggle-group-button`** — the deprecated class is now fully unstyled. Migrate to `.chip-selectable`. - **`.dialog__close`** and the legacy `role="dialog"` + `.dialog[aria-modal]` pattern — the old dialog API has been removed. Use `` or ``. - **Border-radius utilities** — `.rounded`, `.rounded-sm`, `.rounded-md`, `.rounded-lg`, and all directional variants (`.rounded-t[-*]`, `.rounded-e[-*]`, `.rounded-b[-*]`, `.rounded-s[-*]`) have been removed. Only `.rounded-none` and `.rounded-full` remain. - **Icons** – Updated all icons to use v5 ### Changed behaviour - **`.button-text[data-size="small"]`** — `data-size="small"` no longer applies to text buttons. The attribute is only supported on `.button-filled` and `.button-outlined`. - **`.button-text[data-color="accent"]`** — the `accent` color is no longer supported on text buttons. Use the default or `destructive`. - **`.rounded-full`** — now maps to `var(--v-shape-emphasis)` instead of `var(--v-radius-full)`. The visual output does not change. ## 1.53.0 ### Minor Changes - [#4937](https://github.com/volvo-cars/design-system-web/pull/4937) [`f5ee6fa`](https://github.com/volvo-cars/design-system-web/commit/f5ee6fae2cfcf945af7e9ae3a5bedadc57688dd1) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add `message-bar` CSS component with slot-based content areas for dismissible, full-width messages Add `--v-space-pageoffset` token that computes the inline offset from viewport edge to content area, matching the page layout ## 1.52.1 ### Patch Changes - [#4941](https://github.com/volvo-cars/design-system-web/pull/4941) [`0add581`](https://github.com/volvo-cars/design-system-web/commit/0add58148d3f15db74b2f68c2cd6f9d55b72dcdd) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - - Remove default `object-fit: contain` from media-card media slot (use `img` class or utility classes instead) - Fix media-tile image scale animation snapping at end of transition by adding `will-change: scale` - Add `overflow: hidden` to media slot to clip scaled images - Move aspect ratio from image to media slot container - Unify hover background across media and body slots using `color-mix` with shared `--_overlay-rate` - Add transition to media slot background so it animates in sync with the tile ## 1.52.0 ### Minor Changes - [#4883](https://github.com/volvo-cars/design-system-web/pull/4883) [`5aed1bb`](https://github.com/volvo-cars/design-system-web/commit/5aed1bb4100d2a1bf9d89eeb2caaf287419fb826) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `tabular-nums` utility class (`font-variant-numeric: tabular-nums`). Use it in columns of numbers or live-updating values to keep digits aligned and prevent layout shifts. ### Patch Changes - [#4910](https://github.com/volvo-cars/design-system-web/pull/4910) [`df637c3`](https://github.com/volvo-cars/design-system-web/commit/df637c318b4ef840ebe51ec98fcb2c464e47a1d1) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Change inline-message default color to background-feedback-gray ## 1.51.0 ### Minor Changes - [#4880](https://github.com/volvo-cars/design-system-web/pull/4880) [`7b46136`](https://github.com/volvo-cars/design-system-web/commit/7b46136a32586cce434f43334fa93cbc4aaed4d9) Thanks [@jacobrask](https://github.com/jacobrask)! - Apply time-colon styleset to time elements and inputs ### Patch Changes - [#4890](https://github.com/volvo-cars/design-system-web/pull/4890) [`3214356`](https://github.com/volvo-cars/design-system-web/commit/3214356cff5ce8e13f80951bdf8e3b4a7e31b9f2) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Fix `media-banner` stretching to fill its parent height when used inside grid layouts like `pagelayout`. - [#4877](https://github.com/volvo-cars/design-system-web/pull/4877) [`5b2fe9a`](https://github.com/volvo-cars/design-system-web/commit/5b2fe9ac1dec506d08c27d07d55e573fa77ad67e) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Fix `tile` and `banner` outline clipping when outside of container boundaries by removing overflow clip Remove `banner`'s `slot=content` inline padding ## 1.50.0 ### Minor Changes - [#4852](https://github.com/volvo-cars/design-system-web/pull/4852) [`4179d27`](https://github.com/volvo-cars/design-system-web/commit/4179d27eb38ba62b079927fee7523032f0b98183) Thanks [@jacobrask](https://github.com/jacobrask)! - Deprecate heading-3 in favor of heading-2 - [#4847](https://github.com/volvo-cars/design-system-web/pull/4847) [`b6cd6c1`](https://github.com/volvo-cars/design-system-web/commit/b6cd6c199da03689dad7ab976733d2b916607466) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Update web tokens: - Update `--v-space-gutter` range to be between `16px` and `32px` Fix the fallback font to include `Volvo Broad` - [#4855](https://github.com/volvo-cars/design-system-web/pull/4855) [`643a4da`](https://github.com/volvo-cars/design-system-web/commit/643a4da670aef8c3b1cdcaba1107aff1a5a8ef3a) Thanks [@jacobrask](https://github.com/jacobrask)! - Preload Volvo Centum latin font file in links() ### Patch Changes - [#4853](https://github.com/volvo-cars/design-system-web/pull/4853) [`a2e3d42`](https://github.com/volvo-cars/design-system-web/commit/a2e3d425a88122d0eb8a4221ad118cd2eabc90d2) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix switch in dark mode, remove accent variant - [#4785](https://github.com/volvo-cars/design-system-web/pull/4785) [`6c98618`](https://github.com/volvo-cars/design-system-web/commit/6c98618681dd6764303c895dca4db4c986833e76) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - update space-gutter for centenary to 16-32 ## 1.49.1 ### Patch Changes - [#4820](https://github.com/volvo-cars/design-system-web/pull/4820) [`c6e6709`](https://github.com/volvo-cars/design-system-web/commit/c6e670943b5ff839052001c50b725c838154fb66) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Update media banner layout, remove usage of font size 20px in favour of the standard 16px - [#4808](https://github.com/volvo-cars/design-system-web/pull/4808) [`bbdbb7f`](https://github.com/volvo-cars/design-system-web/commit/bbdbb7fc474bc72df9d507a83c39b8d967e46664) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Added centenary styles to inline message component - [#4809](https://github.com/volvo-cars/design-system-web/pull/4809) [`e641818`](https://github.com/volvo-cars/design-system-web/commit/e641818a4c45f3d6f963d7380aec1b404a2b8a75) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Apply centenary styles to .toast-message component ## 1.49.0 ### Minor Changes - [#4786](https://github.com/volvo-cars/design-system-web/pull/4786) [`5b2b2dc`](https://github.com/volvo-cars/design-system-web/commit/5b2b2dccb5ffb4202f8048180a63cec305ed4894) Thanks [@jacobrask](https://github.com/jacobrask)! - Stop inlining font-face as base64 data uris - [#4781](https://github.com/volvo-cars/design-system-web/pull/4781) [`c4f1ac4`](https://github.com/volvo-cars/design-system-web/commit/c4f1ac42eeda05f6cdc6013fec9f7c21cfade8f7) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `media-banner` and `text-banner` CSS components with slot-based content areas and hover states ### Patch Changes - [#4806](https://github.com/volvo-cars/design-system-web/pull/4806) [`8e848c8`](https://github.com/volvo-cars/design-system-web/commit/8e848c8ef288ee0790bad4ff95164baee8746154) Thanks [@niketsonivc](https://github.com/niketsonivc)! - Fix checkbox indeterminate state color in centenary dark mode. The dash now uses `--v-color-foreground-inverted` instead of `--v-color-always-white`, matching the checked state behavior. - [#4807](https://github.com/volvo-cars/design-system-web/pull/4807) [`1e1af4f`](https://github.com/volvo-cars/design-system-web/commit/1e1af4fcd60beb336fe7a40f32761542affc8ced) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - use design system variables in .reel class ## 1.48.0 ### Minor Changes - [#4734](https://github.com/volvo-cars/design-system-web/pull/4734) [`f0bb997`](https://github.com/volvo-cars/design-system-web/commit/f0bb9971b0ec3ca716529e1ac1ff6d19789be1c2) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add `media-card`, `media-tile`, `text-card`, `text-tile` CSS components with slot-based content areas and hover states ### Patch Changes - [#4780](https://github.com/volvo-cars/design-system-web/pull/4780) [`e02ee28`](https://github.com/volvo-cars/design-system-web/commit/e02ee2873871df49e5489239aa9e937c06ced1b2) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - remove background from unselected chips to avoid a11y issues - [#4783](https://github.com/volvo-cars/design-system-web/pull/4783) [`bc883ee`](https://github.com/volvo-cars/design-system-web/commit/bc883ee267d9ad609e015f20ad85dc0f3a52a44d) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Fix `.pill-soft` to use `--v-color-surface-gray` background in the centenary theme ## 1.47.0 ### Minor Changes - [#4760](https://github.com/volvo-cars/design-system-web/pull/4760) [`3960cea`](https://github.com/volvo-cars/design-system-web/commit/3960ceacf6ca4b468ca3a73e021131a512b25ae7) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - rename title to title-page and title-section ## 1.46.1 ### Patch Changes - [#4750](https://github.com/volvo-cars/design-system-web/pull/4750) [`6a982e6`](https://github.com/volvo-cars/design-system-web/commit/6a982e619829684a5e1dca66323287bf7bc8542a) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Update pill to be square in the centenary theme ## 1.46.0 ### Minor Changes - [#4721](https://github.com/volvo-cars/design-system-web/pull/4721) [`36d4721`](https://github.com/volvo-cars/design-system-web/commit/36d47212aff329ce1f3f0bf01df93d2329cc6561) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add .title class as part of the consolidation effort ### Patch Changes - [#4735](https://github.com/volvo-cars/design-system-web/pull/4735) [`874fe10`](https://github.com/volvo-cars/design-system-web/commit/874fe102a4a1915aee23eca4a9bbfd918feed0af) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Update design-tokens: - round fluid typography to 2px instead of 4px - use absolute value for lineheight (1.5 instead of rem values) - tweak ornament overlay opacity from 12% to 16% - fix data-color-mode="auto" for nested elements - [#4723](https://github.com/volvo-cars/design-system-web/pull/4723) [`5560231`](https://github.com/volvo-cars/design-system-web/commit/5560231da218d7cd8d42ea466886be8c5ea74d68) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add Centenary styles to tooltip and popovers with arrow - [#4740](https://github.com/volvo-cars/design-system-web/pull/4740) [`58c2b80`](https://github.com/volvo-cars/design-system-web/commit/58c2b80d3cc5f72a6d628f0da56113346e8d86ab) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - make font bold for b and strong tags - [#4743](https://github.com/volvo-cars/design-system-web/pull/4743) [`786e4a1`](https://github.com/volvo-cars/design-system-web/commit/786e4a18b570fe437ce0d39393385daa78d92b7e) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Move button subtle to main button class in order to work in the shadow dom - [#4742](https://github.com/volvo-cars/design-system-web/pull/4742) [`cc1b085`](https://github.com/volvo-cars/design-system-web/commit/cc1b085fc2dbe72deeeb92681edeabf48424b036) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - round fluid spacing tokens to 2px steps - [#4745](https://github.com/volvo-cars/design-system-web/pull/4745) [`1e35758`](https://github.com/volvo-cars/design-system-web/commit/1e35758ea7bd73e177699ee682a710fad59e6c3d) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add :host selector to the centenary dialog styles - [#4741](https://github.com/volvo-cars/design-system-web/pull/4741) [`16981a8`](https://github.com/volvo-cars/design-system-web/commit/16981a84bfd22f60c171a09f30c6f729d0f143d8) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Merge the centenary tab typography and sizing into the default tab styles so tabs inherit their parent font styling and share a single height declaration. - [#4744](https://github.com/volvo-cars/design-system-web/pull/4744) [`b8a81c5`](https://github.com/volvo-cars/design-system-web/commit/b8a81c5daa15107f2df36c87d9290186439e32d5) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - fix floating label input padding ## 1.45.0 ### Minor Changes - [#4513](https://github.com/volvo-cars/design-system-web/pull/4513) [`71e2170`](https://github.com/volvo-cars/design-system-web/commit/71e21705a3b1bd1b0d4fcecce4b1b25a44d0391b) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add double range slider component - [#4680](https://github.com/volvo-cars/design-system-web/pull/4680) [`7a088d4`](https://github.com/volvo-cars/design-system-web/commit/7a088d431a790f1caae63ba1b4e35ac82dc8a990) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add .table class, this is one of the first steps to merge the edls-css package into the main css package ### Patch Changes - [#4719](https://github.com/volvo-cars/design-system-web/pull/4719) [`35447ed`](https://github.com/volvo-cars/design-system-web/commit/35447ed83bb5b8d6a98ab3aaf19cdfeaa3c18236) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - rebrand range slider and double range slider with Centenary theme ## 1.44.0 ### Minor Changes - [#4710](https://github.com/volvo-cars/design-system-web/pull/4710) [`ec531c8`](https://github.com/volvo-cars/design-system-web/commit/ec531c8f7c09d8ad46651fa1a313ec370d60f880) Thanks [@jacobrask](https://github.com/jacobrask)! - In the centenary theme, limit how large heading and statement font sizes can grow when used inside of legacy container classes ### Patch Changes - [#4702](https://github.com/volvo-cars/design-system-web/pull/4702) [`6e4773f`](https://github.com/volvo-cars/design-system-web/commit/6e4773f4e5525ad4c7cad1c3a7b9831a86b6ed4f) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Checkbox and Radio | add background to tap-area when the components are hovered ## 1.43.1 ### Patch Changes - [#4688](https://github.com/volvo-cars/design-system-web/pull/4688) [`8715294`](https://github.com/volvo-cars/design-system-web/commit/8715294e769c5bb4db1fc8beb9ff6a88e6f3d961) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - adopt shape-default in dialogs for centenary ## 1.43.0 ### Minor Changes - [#4679](https://github.com/volvo-cars/design-system-web/pull/4679) [`6427329`](https://github.com/volvo-cars/design-system-web/commit/64273294652345b612284dcfe34f13712c8d8e5c) Thanks [@alexanderzinolidis](https://github.com/alexanderzinolidis)! - Add responsive variants for `inset` styles ### Patch Changes - [#4683](https://github.com/volvo-cars/design-system-web/pull/4683) [`2378255`](https://github.com/volvo-cars/design-system-web/commit/23782551f9d6cc6952b5709fca8b3ef7cce1cc90) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Remove shape configuration. It was decided to default to shape-emphasis for all buttons, so we don't need the prop anymore ## 1.42.0 ### Minor Changes - [#4664](https://github.com/volvo-cars/design-system-web/pull/4664) [`d566917`](https://github.com/volvo-cars/design-system-web/commit/d566917173a0980c858ad310e27c13aed2e87a4b) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add `data-size="large"` support to icon-button CSS (48 × 48 px button). ### Patch Changes - [#4644](https://github.com/volvo-cars/design-system-web/pull/4644) [`244480e`](https://github.com/volvo-cars/design-system-web/commit/244480e06032423c21eecf637ccb9412e811b14d) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Bug fix: correctly merge dimension classes without numerical value. `cssMerge("w-fit", "w-full")` now returns `w-full`. Added `shape` classes to the merge logic as well. - [#4643](https://github.com/volvo-cars/design-system-web/pull/4643) [`a702e09`](https://github.com/volvo-cars/design-system-web/commit/a702e097d152af9e46c62f4a09a549c639a70fc8) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - visual bug fix: indeterminate checkbox now adapts to the new theme on hover - [#4663](https://github.com/volvo-cars/design-system-web/pull/4663) [`165931c`](https://github.com/volvo-cars/design-system-web/commit/165931cddb81247ccc196061b4e8436712a50b01) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - - change disabled input background color to background-feedback-grey - use 8px spacing between input messages for both top label and floating label ## 1.41.0 ### Minor Changes - [#4579](https://github.com/volvo-cars/design-system-web/pull/4579) [`ceba04c`](https://github.com/volvo-cars/design-system-web/commit/ceba04c45b695898efb3a8e3aeca847db23e227c) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Build spacing utilities from Centenary design tokens. - Add new spacing tokens (xs –-> 2xl, pagemargin, gridded-element gap) and generate corresponding margin/padding/inset/gap utility classes. - Update spacing generation scripts to include `generated/centenary/dimension.css` and normalize gap variant naming. - Keep legacy theme working by providing fallback mappings for `--v-space-{s,m,l}` and legacy pagemargin overrides. ### Patch Changes - [#4635](https://github.com/volvo-cars/design-system-web/pull/4635) [`4fce5ab`](https://github.com/volvo-cars/design-system-web/commit/4fce5abc74447aa4bfcd16273a215bddf6edad1f) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Range slider: move :active state from a nested &:active on the thumb pseudo-element to the input element itself, where the custom property cascades down correctly ## 1.40.1 ### Patch Changes - [#4599](https://github.com/volvo-cars/design-system-web/pull/4599) [`21e7db3`](https://github.com/volvo-cars/design-system-web/commit/21e7db39936be8dd0c1434fa6af070e7e4a5b9dd) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Fix close button floating position on small dialogs ## 1.40.0 ### Minor Changes - [#4578](https://github.com/volvo-cars/design-system-web/pull/4578) [`d0938ad`](https://github.com/volvo-cars/design-system-web/commit/d0938ad3b9e2b7864d54f02f64cb753434b8a62d) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Deprecate rounded-\* classes in favor of the shape-default class. All rounded-\* classes (except rounded-none and rounded-full) are now deprecated. Use shape-default as a replacement for rounded, rounded-sm, and rounded-md. - [#4405](https://github.com/volvo-cars/design-system-web/pull/4405) [`eeaa01d`](https://github.com/volvo-cars/design-system-web/commit/eeaa01d5193c43b64d34b939def5375d3e53b5c9) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add pagelayout classes for centenary theme ### Patch Changes - [#4570](https://github.com/volvo-cars/design-system-web/pull/4570) [`58610b5`](https://github.com/volvo-cars/design-system-web/commit/58610b564262ef8b7f9394a4be52c003b628935d) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - Add Centenary styles for tabs and fix clipped outline in vertical tabs - [#4567](https://github.com/volvo-cars/design-system-web/pull/4567) [`c988165`](https://github.com/volvo-cars/design-system-web/commit/c988165a591b5fa6c6de380225d106f873555502) Thanks [@niketsonivc](https://github.com/niketsonivc)! - fix: prevent dialog content escaping by clipping overflow; dropdowns/popovers should use a portal/top-layer to avoid being clipped. ## 1.39.3 ### Patch Changes - [#4554](https://github.com/volvo-cars/design-system-web/pull/4554) [`3554725`](https://github.com/volvo-cars/design-system-web/commit/35547252acc8348d367f57c103f3060f3132f347) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add 12 spacing token ## 1.39.2 ### Patch Changes - [#4529](https://github.com/volvo-cars/design-system-web/pull/4529) [`1b80cf3`](https://github.com/volvo-cars/design-system-web/commit/1b80cf30c7a24fcb2768b6be90341ac0621db873) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add shape utility classes - [#4533](https://github.com/volvo-cars/design-system-web/pull/4533) [`0c8d6ac`](https://github.com/volvo-cars/design-system-web/commit/0c8d6ac39be9c0038dad9cda7209fa1270b1ebb0) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Improve selectable card grid layout to automatically adapt when slots are mixed and matched ## 1.39.1 ### Patch Changes - [#4504](https://github.com/volvo-cars/design-system-web/pull/4504) [`b5166cd`](https://github.com/volvo-cars/design-system-web/commit/b5166cdb3ce53da17d8b1b3bc82510075fdb51bc) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Update selectable-card image slot height from 48px to 52px (3.25rem) - [#4526](https://github.com/volvo-cars/design-system-web/pull/4526) [`b1b012c`](https://github.com/volvo-cars/design-system-web/commit/b1b012cf3989f4377b9b51188ec06b314eb99cc6) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add hover effects and active states to selectable cards with background color transitions ## 1.39.0 ### Minor Changes - [#4483](https://github.com/volvo-cars/design-system-web/pull/4483) [`741247b`](https://github.com/volvo-cars/design-system-web/commit/741247b3c5dccdc1eeeadeba5719f7dc5545b4e2) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add rebranded chip styles - [#4478](https://github.com/volvo-cars/design-system-web/pull/4478) [`326e26b`](https://github.com/volvo-cars/design-system-web/commit/326e26b8742379d6bc631eb5591cba8d479e4a76) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add selectable-card component ### Patch Changes - [#4505](https://github.com/volvo-cars/design-system-web/pull/4505) [`a59fadc`](https://github.com/volvo-cars/design-system-web/commit/a59fadcd0dfff583d73d3b082217beb392d98f0a) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Update selectable-card hover styles to keep checkbox/radio inputs static (no hover effects) while maintaining card border hover effect - [#4461](https://github.com/volvo-cars/design-system-web/pull/4461) [`6ec7825`](https://github.com/volvo-cars/design-system-web/commit/6ec78257289d1587437001ee1d2d8cfdc75e0e86) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - change form accent color for centenary ## 1.38.0 ### Minor Changes - [#4413](https://github.com/volvo-cars/design-system-web/pull/4413) [`f309c3f`](https://github.com/volvo-cars/design-system-web/commit/f309c3f23b902a65d294e6b27e43c9bb8e57ca72) Thanks [@niketsonivc](https://github.com/niketsonivc)! - Added button support for the new Centenary theme. ## 1.37.1 ### Patch Changes - [#4404](https://github.com/volvo-cars/design-system-web/pull/4404) [`89c295b`](https://github.com/volvo-cars/design-system-web/commit/89c295b22708b8d5c9402cb2687dcd18087ee833) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - allow override of tab color ## 1.37.0 ### Minor Changes - [#4364](https://github.com/volvo-cars/design-system-web/pull/4364) [`a883a16`](https://github.com/volvo-cars/design-system-web/commit/a883a16e85c303908e557c9aef4f2c64bcf3009f) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add tab and tablist classes ### Patch Changes - [#4359](https://github.com/volvo-cars/design-system-web/pull/4359) [`db5c373`](https://github.com/volvo-cars/design-system-web/commit/db5c373bfb9fd483ead5a6aa487859638c879e66) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - target :host for centenary theme - [#4363](https://github.com/volvo-cars/design-system-web/pull/4363) [`2ee7132`](https://github.com/volvo-cars/design-system-web/commit/2ee7132b9e8a0342bd7b7051418a53320cbc1b55) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix Centum emphasis font-weight and disable font-synthesis-weight - [#4362](https://github.com/volvo-cars/design-system-web/pull/4362) [`68a3b8e`](https://github.com/volvo-cars/design-system-web/commit/68a3b8e789181bc687910b44e769d0d7dc613468) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - use more --v-shape-default - [#4373](https://github.com/volvo-cars/design-system-web/pull/4373) [`75c3972`](https://github.com/volvo-cars/design-system-web/commit/75c39729bbb99a2c1b8df63eac0e9c79ca176c4c) Thanks [@jacobrask](https://github.com/jacobrask)! - Update links to modern Node import attributes syntax ## 1.36.0 ### Minor Changes - [#4267](https://github.com/volvo-cars/design-system-web/pull/4267) [`5b1b302`](https://github.com/volvo-cars/design-system-web/commit/5b1b3023e561e90f4d202ff43f5fc6021e3291ae) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add max-h-inherit ### Patch Changes - [#4334](https://github.com/volvo-cars/design-system-web/pull/4334) [`40a09b4`](https://github.com/volvo-cars/design-system-web/commit/40a09b4fd823fcd444786ef243b153b95eeda1d4) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - longer animation for tooltip - [#4324](https://github.com/volvo-cars/design-system-web/pull/4324) [`9f46042`](https://github.com/volvo-cars/design-system-web/commit/9f4604208186904523f7dad60b9ca5c5cc281bfd) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - use variables in font-weight classes - [#4342](https://github.com/volvo-cars/design-system-web/pull/4342) [`dc6106b`](https://github.com/volvo-cars/design-system-web/commit/dc6106b0fc78ce742256b04f1c2b18550466ffbd) Thanks [@niketsonivc](https://github.com/niketsonivc)! - fixed the safari 26 range slider issue - [#4343](https://github.com/volvo-cars/design-system-web/pull/4343) [`9c53075`](https://github.com/volvo-cars/design-system-web/commit/9c5307591dc5c1ff531ab0f31c38afebd04f104c) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add and support new shape tokens - [#4323](https://github.com/volvo-cars/design-system-web/pull/4323) [`e9bb357`](https://github.com/volvo-cars/design-system-web/commit/e9bb357fd026beabe68f2780bd44a292be759ce0) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - adjust font-weight in centum for figma parity ## 1.35.0 ### Minor Changes - [#4304](https://github.com/volvo-cars/design-system-web/pull/4304) [`f9b7f14`](https://github.com/volvo-cars/design-system-web/commit/f9b7f1496a0e559eb1b5da2eddec9456b55d81ed) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - remove scaling of active buttons ### Patch Changes - [#4308](https://github.com/volvo-cars/design-system-web/pull/4308) [`ea6c6e6`](https://github.com/volvo-cars/design-system-web/commit/ea6c6e642fe4804e9c8d58be9b1a119a124ff512) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - update tokens values - [#4301](https://github.com/volvo-cars/design-system-web/pull/4301) [`4e6b2aa`](https://github.com/volvo-cars/design-system-web/commit/4e6b2aa8dbb908b6447036fe2b43b1dea10fba11) Thanks [@jacobrask](https://github.com/jacobrask)! - Use anchor positioning for range output - [#4309](https://github.com/volvo-cars/design-system-web/pull/4309) [`f7aa630`](https://github.com/volvo-cars/design-system-web/commit/f7aa6304cd56be230d4d7551ecb579561de2699d) Thanks [@niketsonivc](https://github.com/niketsonivc)! - update range slider tooltip spacing and rename prop from output to tooltip ## 1.34.0 ### Minor Changes - [#4287](https://github.com/volvo-cars/design-system-web/pull/4287) [`c5ec4e0`](https://github.com/volvo-cars/design-system-web/commit/c5ec4e054138bdc2a41f4327f1bc5c52d921dd8b) Thanks [@jacobrask](https://github.com/jacobrask)! - Use `font-variation-settings` instead of `font-style` to set italic, to ensure maximum compatibility with variable fonts Adds the `italic` class - [#4264](https://github.com/volvo-cars/design-system-web/pull/4264) [`df89c4e`](https://github.com/volvo-cars/design-system-web/commit/df89c4e7587b140b5fca9c774599000cc2dc05fe) Thanks [@niketsonivc](https://github.com/niketsonivc)! - Add dynamic value output tooltip to RangeSlider component - [#4295](https://github.com/volvo-cars/design-system-web/pull/4295) [`f9ad91b`](https://github.com/volvo-cars/design-system-web/commit/f9ad91b1ac18b46b10eacdf9e97d06014144cb4b) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add centenary font and color tokens ### Patch Changes - [#4293](https://github.com/volvo-cars/design-system-web/pull/4293) [`ff2dd4d`](https://github.com/volvo-cars/design-system-web/commit/ff2dd4dd40c496c23a181216f56d4eb0d6a87a89) Thanks [@jacobrask](https://github.com/jacobrask)! - Add italic styles that work with variable fonts to more elements ## 1.33.0 ### Minor Changes - [#4237](https://github.com/volvo-cars/design-system-web/pull/4237) [`43c1a17`](https://github.com/volvo-cars/design-system-web/commit/43c1a1789903691bfe050a2e477bf1ad0ad27198) Thanks [@niketsonivc](https://github.com/niketsonivc)! - add selectable-chips and deprecated toggle-group-button class - [#4254](https://github.com/volvo-cars/design-system-web/pull/4254) [`43b97dc`](https://github.com/volvo-cars/design-system-web/commit/43b97dccfe79c75c89488338c755d61731a79a34) Thanks [@niketsonivc](https://github.com/niketsonivc)! - Add responsive border width utility classes - [#4242](https://github.com/volvo-cars/design-system-web/pull/4242) [`df21f7d`](https://github.com/volvo-cars/design-system-web/commit/df21f7d7120da844d9bdce79c780bf7f392631cc) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add pill class - [#4248](https://github.com/volvo-cars/design-system-web/pull/4248) [`b8e6bbe`](https://github.com/volvo-cars/design-system-web/commit/b8e6bbe510a4beceb24c57c136a31862464c0ebc) Thanks [@jacobrask](https://github.com/jacobrask)! - Add separate tokens for heading and statement weights ### Patch Changes - [#4270](https://github.com/volvo-cars/design-system-web/pull/4270) [`d176a1e`](https://github.com/volvo-cars/design-system-web/commit/d176a1e77a8557a4f6ae463222513f14b851c666) Thanks [@niketsonivc](https://github.com/niketsonivc)! - add DismissibleChips - [#4247](https://github.com/volvo-cars/design-system-web/pull/4247) [`b6ff816`](https://github.com/volvo-cars/design-system-web/commit/b6ff8167d2180a222abbfe87e2d6baf9a2d8ea81) Thanks [@jacobrask](https://github.com/jacobrask)! - Add Volvo Centum font file loading ## 1.32.1 ### Patch Changes - [#4246](https://github.com/volvo-cars/design-system-web/pull/4246) [`f3bfc24`](https://github.com/volvo-cars/design-system-web/commit/f3bfc24f144e3cf25ecac220b06d64184d22a6a9) Thanks [@alizeait](https://github.com/alizeait)! - Remove `where()` from colors to increase specificity in `data-color-mode='auto'` ## 1.32.0 ### Minor Changes - [#4238](https://github.com/volvo-cars/design-system-web/pull/4238) [`3b326a9`](https://github.com/volvo-cars/design-system-web/commit/3b326a9196e6e0edb7cfd8c24ee15f503f834da7) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add inline-message class ### Patch Changes - [#4234](https://github.com/volvo-cars/design-system-web/pull/4234) [`1cb295e`](https://github.com/volvo-cars/design-system-web/commit/1cb295e36049fbfd81847ce1630de1871c72650a) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add pre-line to tooltip to allow new lines ## 1.31.0 ### Minor Changes - [#4217](https://github.com/volvo-cars/design-system-web/pull/4217) [`d6246f3`](https://github.com/volvo-cars/design-system-web/commit/d6246f3c0b0b901685eb3cda16dca18403c0af77) Thanks [@niketsonivc](https://github.com/niketsonivc)! - added min-width to the date input - [#4223](https://github.com/volvo-cars/design-system-web/pull/4223) [`203bba7`](https://github.com/volvo-cars/design-system-web/commit/203bba779672f87995ef9c31bb0b9257a9a59b0d) Thanks [@jacobrask](https://github.com/jacobrask)! - Output `llm/meta.md` with docs with more efficient token usage for LLMs - [#4217](https://github.com/volvo-cars/design-system-web/pull/4217) [`d6246f3`](https://github.com/volvo-cars/design-system-web/commit/d6246f3c0b0b901685eb3cda16dca18403c0af77) Thanks [@niketsonivc](https://github.com/niketsonivc)! - add min-width to the input fields - [#4214](https://github.com/volvo-cars/design-system-web/pull/4214) [`cc73f01`](https://github.com/volvo-cars/design-system-web/commit/cc73f012b62238ad9820b4a6ca172af5f852b8eb) Thanks [@jacobrask](https://github.com/jacobrask)! - add slide-in animation and fade out ### Patch Changes - [#4220](https://github.com/volvo-cars/design-system-web/pull/4220) [`0ed98d2`](https://github.com/volvo-cars/design-system-web/commit/0ed98d2af825fef5e4ce0f8b1d6a20a076206800) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - improved toast animations - [#4219](https://github.com/volvo-cars/design-system-web/pull/4219) [`36b1d5e`](https://github.com/volvo-cars/design-system-web/commit/36b1d5eafdd09b16843c592ba76d3564c877d4d2) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix buttons used as tap-area-target ## 1.30.0 ### Minor Changes - [#4203](https://github.com/volvo-cars/design-system-web/pull/4203) [`387fc53`](https://github.com/volvo-cars/design-system-web/commit/387fc534fcb2454f45bba8cf7ff2a79b5203d777) Thanks [@niketsonivc](https://github.com/niketsonivc)! - Add indeterminate state styling for checkboxes using data-indeterminate attribute ### Patch Changes - [#4200](https://github.com/volvo-cars/design-system-web/pull/4200) [`cf518f8`](https://github.com/volvo-cars/design-system-web/commit/cf518f8fd722368530965660822fbe8c05aecf9b) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add deprecation warning for orange ## 1.29.0 ### Minor Changes - [#4104](https://github.com/volvo-cars/design-system-web/pull/4104) [`891e12d`](https://github.com/volvo-cars/design-system-web/commit/891e12d86ed103d3ad23dcd0174884a7977b54da) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add slide-in-from-bottom animation - [#4192](https://github.com/volvo-cars/design-system-web/pull/4192) [`2b784ae`](https://github.com/volvo-cars/design-system-web/commit/2b784ae13a8bf5b90fcc2d67aa6a7fdf057c055f) Thanks [@alizeait](https://github.com/alizeait)! - Add `data-color-mode='auto'` support to automatically detect system color scheme and apply light or dark mode accordingly. - [#4190](https://github.com/volvo-cars/design-system-web/pull/4190) [`596245c`](https://github.com/volvo-cars/design-system-web/commit/596245c0393a11da3f2c4feff786362046bb2443) Thanks [@ranisalt](https://github.com/ranisalt)! - Support bigint inputs in cssJoin ## 1.28.0 ### Minor Changes - [#4177](https://github.com/volvo-cars/design-system-web/pull/4177) [`476655c`](https://github.com/volvo-cars/design-system-web/commit/476655cbe3593553487948d7a625c3deb2eeda28) Thanks [@jacobrask](https://github.com/jacobrask)! - Disable body scroll with open dialogs even in shadow dom ## 1.27.1 ### Patch Changes - [#4171](https://github.com/volvo-cars/design-system-web/pull/4171) [`b41d759`](https://github.com/volvo-cars/design-system-web/commit/b41d7593707b3f3c910ac7e2be7855d46bff4fcb) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - use ch for tooltip width ## 1.27.0 ### Minor Changes - [#4166](https://github.com/volvo-cars/design-system-web/pull/4166) [`d4cbe12`](https://github.com/volvo-cars/design-system-web/commit/d4cbe12a024a92386beb931b52dc965660fb40f8) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add overflow-clip utilities - [#4153](https://github.com/volvo-cars/design-system-web/pull/4153) [`c0debfb`](https://github.com/volvo-cars/design-system-web/commit/c0debfb3f25078d21f9be2e41777bebfab32ee6d) Thanks [@jacobrask](https://github.com/jacobrask)! - Improve handling of floating labels with autofilled forms Improve autofill background position in delegated inputs - [#4122](https://github.com/volvo-cars/design-system-web/pull/4122) [`06a20b0`](https://github.com/volvo-cars/design-system-web/commit/06a20b05905d5243c31c10cf6401382fe0afebd4) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `.tooltip` and `.tooltip-arrow` classes docs: adds `a11y.md` audit document ## 1.26.0 ### Minor Changes - [#4126](https://github.com/volvo-cars/design-system-web/pull/4126) [`6ec4cdd`](https://github.com/volvo-cars/design-system-web/commit/6ec4cdd2d9b67a46c52bdc8be3dc9c05767a762b) Thanks [@jacobrask](https://github.com/jacobrask)! - Deprecate reel indicators - [#4130](https://github.com/volvo-cars/design-system-web/pull/4130) [`4a32494`](https://github.com/volvo-cars/design-system-web/commit/4a324943227b8aef91c57efb75dc827c163e97a8) Thanks [@jacobrask](https://github.com/jacobrask)! - Increase 12 column max width to 81rem/1296px (from 80rem/1280px) ### Patch Changes - [#4138](https://github.com/volvo-cars/design-system-web/pull/4138) [`1fa5ad3`](https://github.com/volvo-cars/design-system-web/commit/1fa5ad3d7647802db5f0999073b848fbff5dca48) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - use foreground secondary for disabled input text ## 1.25.0 ### Minor Changes - [#4113](https://github.com/volvo-cars/design-system-web/pull/4113) [`2d25204`](https://github.com/volvo-cars/design-system-web/commit/2d252042422f7239e8114e207d8ff8cb8a1a056f) Thanks [@jacobrask](https://github.com/jacobrask)! - Allow passing `--spinner-size` to `.spinner` class ## 1.24.1 ### Patch Changes - [#4105](https://github.com/volvo-cars/design-system-web/pull/4105) [`40a9863`](https://github.com/volvo-cars/design-system-web/commit/40a9863b9ade8cc60efa2e294713ebbc1b2280fb) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - fix loading spinner in toggle group button - [#4107](https://github.com/volvo-cars/design-system-web/pull/4107) [`bfa79c1`](https://github.com/volvo-cars/design-system-web/commit/bfa79c1d68c761a815d6bb3c290e722b7b3cb815) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove custom rule for lazy loaded mask icons ## 1.24.0 ### Minor Changes - [#4042](https://github.com/volvo-cars/design-system-web/pull/4042) [`f1291a1`](https://github.com/volvo-cars/design-system-web/commit/f1291a137884b7d0b1e94ebd904946204347d1ff) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add toggle-group-button component, fix touch area in small button and use 14px font in small buttons ### Patch Changes - [#4020](https://github.com/volvo-cars/design-system-web/pull/4020) [`b1bdad4`](https://github.com/volvo-cars/design-system-web/commit/b1bdad4b9f2988e62b52cecafcbeca9a90e721aa) Thanks [@RichEwin](https://github.com/RichEwin)! - Update the hover and press behaviour of links and button-text to be more aligned - [#4084](https://github.com/volvo-cars/design-system-web/pull/4084) [`20f4686`](https://github.com/volvo-cars/design-system-web/commit/20f4686ba44e4c49ec4a0e8973d549d84eb22497) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix invalid :host selector ## 1.23.1 ### Patch Changes - [#3959](https://github.com/volvo-cars/design-system-web/pull/3959) [`1adae11`](https://github.com/volvo-cars/design-system-web/commit/1adae1195c4683c8a0ba117903ad63337463b8f2) Thanks [@RichEwin](https://github.com/RichEwin)! - Feature: Improved behavior of icons in buttons. - Updated styles for `img.icon-sprite` to support button-filled and button-outlined button styles. - Enhanced `img.icon-sprite` to handle `icon-mask` and added contextual margin adjustments for icons when positioned as `:first-child` or `:last-child`. ## 1.23.0 ### Minor Changes - [#3881](https://github.com/volvo-cars/design-system-web/pull/3881) [`65135df`](https://github.com/volvo-cars/design-system-web/commit/65135dfe5fe4f33f079fedec92e7a70fb28c1ca4) Thanks [@jacobrask](https://github.com/jacobrask)! - ## Updated color tokens This ensures it's easier to meet our **WCAG 2.2 AA** requirements for all intended color combinations. We also took the opportunity to sync our tokens to the recently released **global tokens library** provided by the UX Guide team. **Key highlights:** - **Accessibility improvements**: All `foreground-feedback` colors now meet 4.5:1 contrast ratios when displayed on top of our `background-primary` and our `background-secondary` colors (except `foreground-feedback/orange`, which remains an outlier). - **Foundation token alignment**: We are now fully synced with the global foundation tokens, improving consistency across platforms. - **More saturated `feedback/background` colors**: These colors now stand out better on `background/secondary`, making them easier to use without blending in. - **Foreground token opacity removed**: `primary`, `secondary`, and `tertiary` foreground tokens no longer uses opacity. This change has minimal visual impact on recommended background colors but may result in noticeable differences in less common use-cases (such as when used on top of images, etc). - **New `feedback/neutral` variation**: Added to make inlineFeedback usable on `background/secondary` by giving it a slightly different color tone. (The component will be updated in the near future) - **Accent blue consistency**: Accent blue colors now matches our mobile app in both light and dark modes. - **Backdrop color variable added**: We’ve now added our backdrop color as part of our tokens, ensuring these are always synced between Figma and code. ## 1.22.0 ### Minor Changes - [#3963](https://github.com/volvo-cars/design-system-web/pull/3963) [`d2dfb12`](https://github.com/volvo-cars/design-system-web/commit/d2dfb12c94977c61e87230fb3f3ef0d3947f2da1) Thanks [@RichEwin](https://github.com/RichEwin)! - Improve behavior of icons in buttons - Adjust padding - Reduce the default padding to 24px for `button-filled` and `button-outlined`. ### Patch Changes - [#3961](https://github.com/volvo-cars/design-system-web/pull/3961) [`b1097ca`](https://github.com/volvo-cars/design-system-web/commit/b1097cab2155721c9301296629334012a96c7047) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - align skeleton code with figma - [#3991](https://github.com/volvo-cars/design-system-web/pull/3991) [`e5d98c0`](https://github.com/volvo-cars/design-system-web/commit/e5d98c06ffde65f68e7974543ead699b0aff62f1) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - add 1em min-height to skeleton - [#4002](https://github.com/volvo-cars/design-system-web/pull/4002) [`fd36088`](https://github.com/volvo-cars/design-system-web/commit/fd36088253b17a38dafd15911e4f2f1c84e7b846) Thanks [@RichEwin](https://github.com/RichEwin)! - Accessibility: Add accessibility guidelines to the breadcrumbs component. ## 1.21.0 ### Minor Changes - [#3944](https://github.com/volvo-cars/design-system-web/pull/3944) [`20d2a81`](https://github.com/volvo-cars/design-system-web/commit/20d2a81a89b15962666f6d4d8054b0c98c47c34d) Thanks [@RichEwin](https://github.com/RichEwin)! - Ensure the `hidden` attribute overrides `display` from other Volvo Cars CSS styles - [#3904](https://github.com/volvo-cars/design-system-web/pull/3904) [`da5e016`](https://github.com/volvo-cars/design-system-web/commit/da5e016d71e2e1841bfb75806b4c316f72a0656e) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - added skeleton class - [#3824](https://github.com/volvo-cars/design-system-web/pull/3824) [`9810108`](https://github.com/volvo-cars/design-system-web/commit/98101084c83addde909aecf4a6915198ea0a38d9) Thanks [@jacobrask](https://github.com/jacobrask)! - Add pagination-dots class for scroll pagination indicators. ### Patch Changes - [#3921](https://github.com/volvo-cars/design-system-web/pull/3921) [`461ae1f`](https://github.com/volvo-cars/design-system-web/commit/461ae1fb903d523f3976d08b6806838ac2609285) Thanks [@RichEwin](https://github.com/RichEwin)! - Adds the open:border-primary class to set the border-color to the primary foreground color when an element, eg `details`, is open. ## 1.20.0 ### Minor Changes - [#3902](https://github.com/volvo-cars/design-system-web/pull/3902) [`f7eeff9`](https://github.com/volvo-cars/design-system-web/commit/f7eeff955a727b307eeb2e49bbeb6baea616fdfd) Thanks [@RichEwin](https://github.com/RichEwin)! - update backdrop background color ## 1.19.0 ### Minor Changes - [#3879](https://github.com/volvo-cars/design-system-web/pull/3879) [`6dea1d3`](https://github.com/volvo-cars/design-system-web/commit/6dea1d320c88074efbe84e440c5e0fa1582467bc) Thanks [@jacobrask](https://github.com/jacobrask)! - Change input focus border color from blue to black ## 1.18.2 ### Patch Changes - [#3877](https://github.com/volvo-cars/design-system-web/pull/3877) [`b199822`](https://github.com/volvo-cars/design-system-web/commit/b199822938fc75ec24169afa27dbd96f4d9ad6f0) Thanks [@jacobrask](https://github.com/jacobrask)! - Adjust negative margin on checkbox and radio ## 1.18.1 ### Patch Changes - [#3854](https://github.com/volvo-cars/design-system-web/pull/3854) [`b33ebd9`](https://github.com/volvo-cars/design-system-web/commit/b33ebd98e88a1b8ad8823932ce0bb9077ffaa96a) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(link): makes touch area pseudo element correctly cover link in RTL - [#3846](https://github.com/volvo-cars/design-system-web/pull/3846) [`e590f8e`](https://github.com/volvo-cars/design-system-web/commit/e590f8e7eb8aa55bbbbefc3e93337a4b47025882) Thanks [@jacobrask](https://github.com/jacobrask)! - Reduce the max-height of dialogs from tablet and above - [#3866](https://github.com/volvo-cars/design-system-web/pull/3866) [`42064c3`](https://github.com/volvo-cars/design-system-web/commit/42064c3ff4575299bb6cf824d3eda4c029787110) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove inline-size from reel contain ## 1.18.0 ### Minor Changes - [#3840](https://github.com/volvo-cars/design-system-web/pull/3840) [`caf281e`](https://github.com/volvo-cars/design-system-web/commit/caf281e2f28f4db8a616b6de7da1bb51e05e9130) Thanks [@jacobrask](https://github.com/jacobrask)! - Add CSS isolation with `contain` to `reel` ### Patch Changes - [#3671](https://github.com/volvo-cars/design-system-web/pull/3671) [`7bac276`](https://github.com/volvo-cars/design-system-web/commit/7bac276d18ba61b3593b4c7fb0e1d7252da623a8) Thanks [@Shpilevskyy](https://github.com/Shpilevskyy)! - Resets padding for all table cells - [#3833](https://github.com/volvo-cars/design-system-web/pull/3833) [`31ec845`](https://github.com/volvo-cars/design-system-web/commit/31ec8459c44626c4ce0035348149d8f2188e16f0) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - improve touch area of RangeSlider, add cursor pointer to it - [#3829](https://github.com/volvo-cars/design-system-web/pull/3829) [`35c5af2`](https://github.com/volvo-cars/design-system-web/commit/35c5af2f2857120eb46b91843d4379f69cde663a) Thanks [@PaoloGiraudi](https://github.com/PaoloGiraudi)! - increase touch area of checkbox and radio to 24px ## 1.17.0 ### Minor Changes - [#3811](https://github.com/volvo-cars/design-system-web/pull/3811) [`f07224b`](https://github.com/volvo-cars/design-system-web/commit/f07224b288fc23996f7098b512e65ee7a81277f2) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Deprecate dialog classname ## 1.16.2 ### Patch Changes - [#3808](https://github.com/volvo-cars/design-system-web/pull/3808) [`1239d7c`](https://github.com/volvo-cars/design-system-web/commit/1239d7c01646f0bc947483816df52f9d3b2508c6) Thanks [@jacobrask](https://github.com/jacobrask)! - Trigger re-release with published assets ## 1.16.1 ### Patch Changes - [#3807](https://github.com/volvo-cars/design-system-web/pull/3807) [`9b70cbc`](https://github.com/volvo-cars/design-system-web/commit/9b70cbc9eafc18c47b04aceef28a214b4de5d082) Thanks [@jacobrask](https://github.com/jacobrask)! - Republish to publish assets ## 1.16.0 ### Minor Changes - [#3742](https://github.com/volvo-cars/design-system-web/pull/3742) [`8e2546f`](https://github.com/volvo-cars/design-system-web/commit/8e2546f04ac2b7c4d4b14aab0e6950e03ce16213) Thanks [@ghops-volvo-cars](https://github.com/ghops-volvo-cars)! - Drop support for Safari 15.x - [#3802](https://github.com/volvo-cars/design-system-web/pull/3802) [`f51537b`](https://github.com/volvo-cars/design-system-web/commit/f51537b564ac314f6f2f88f4a1a02c1ab921c735) Thanks [@jacobrask](https://github.com/jacobrask)! - Expose state colors as CSS variables - [#3798](https://github.com/volvo-cars/design-system-web/pull/3798) [`4d54e1a`](https://github.com/volvo-cars/design-system-web/commit/4d54e1af27b1f0b9fe2885e98ff727175f8b416b) Thanks [@jacobrask](https://github.com/jacobrask)! - Only hide scrollbars from non-focused elements - [#3792](https://github.com/volvo-cars/design-system-web/pull/3792) [`cfee936`](https://github.com/volvo-cars/design-system-web/commit/cfee9368fad56a0a708dd1ed53c0c4ecb41715b2) Thanks [@jacobrask](https://github.com/jacobrask)! - Update height default to full height for dialog-large ## 1.15.3 ### Patch Changes - [#3790](https://github.com/volvo-cars/design-system-web/pull/3790) [`808756f`](https://github.com/volvo-cars/design-system-web/commit/808756f190724ef6fd8132ed14dc1b10ba1cf848) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix broken translate-y classes - [#3789](https://github.com/volvo-cars/design-system-web/pull/3789) [`7d96759`](https://github.com/volvo-cars/design-system-web/commit/7d967595c084c36ea4ace10c18d8b89b7bca41a7) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix invisible Wordmark in RTL ## 1.15.2 ### Patch Changes - [#3737](https://github.com/volvo-cars/design-system-web/pull/3737) [`781d4b3`](https://github.com/volvo-cars/design-system-web/commit/781d4b3d655c69f7d646b2317eb2f25169e3c4fe) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix sheet animation direction in RTL mode - [#3732](https://github.com/volvo-cars/design-system-web/pull/3732) [`0566743`](https://github.com/volvo-cars/design-system-web/commit/05667430a76e66ae519751d4f213bfcdd18aa53c) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Set `:root, :host` to make css variable `--_v-setting-text-direction` available. ## 1.15.1 ### Patch Changes - [#3701](https://github.com/volvo-cars/design-system-web/pull/3701) [`2d41f04`](https://github.com/volvo-cars/design-system-web/commit/2d41f04e1567ab845e315551a110051544870172) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix RTL for icons with color - [#3704](https://github.com/volvo-cars/design-system-web/pull/3704) [`a40c887`](https://github.com/volvo-cars/design-system-web/commit/a40c8874cdc312a3dc630450d40b2d96d4d3181e) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix dark mode icon foreground color ## 1.15.0 ### Minor Changes - [#3647](https://github.com/volvo-cars/design-system-web/pull/3647) [`134293c`](https://github.com/volvo-cars/design-system-web/commit/134293c3db302563c8fe053c99648df803225257) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Reel: Set scrollbar-width thin ## 1.14.0 ### Minor Changes - [#3621](https://github.com/volvo-cars/design-system-web/pull/3621) [`e9d5572`](https://github.com/volvo-cars/design-system-web/commit/e9d557202dad8d1d82d86efaf6d7edd1ddfa3c62) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add stack rules for micro - [#3632](https://github.com/volvo-cars/design-system-web/pull/3632) [`172345d`](https://github.com/volvo-cars/design-system-web/commit/172345d28479c6087a4b5f1f6827a1a93c6fc3cf) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Adding font-14 for detail text ### Patch Changes - [#3622](https://github.com/volvo-cars/design-system-web/pull/3622) [`9b625ec`](https://github.com/volvo-cars/design-system-web/commit/9b625ec1d3fc1b81df5052fc8375b3ec7b51a280) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(layout): removes upper constraint on generated negative margin values ## 1.13.1 ### Patch Changes - [#3627](https://github.com/volvo-cars/design-system-web/pull/3627) [`259d8bb`](https://github.com/volvo-cars/design-system-web/commit/259d8bba21a920c2eb5dc5768a48d0de5305986f) Thanks [@jacobrask](https://github.com/jacobrask)! - Re-release with assets ## 1.13.0 ### Minor Changes - [#3611](https://github.com/volvo-cars/design-system-web/pull/3611) [`f122c3d`](https://github.com/volvo-cars/design-system-web/commit/f122c3d8284d9ac21eaf7170ecfba9ea79dc71b6) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Adding `h-40` and `h-content-fit` utility classes (viewport prefixes supported) ### Patch Changes - [#3613](https://github.com/volvo-cars/design-system-web/pull/3613) [`1c0efa9`](https://github.com/volvo-cars/design-system-web/commit/1c0efa92bd43e776a8ac16ee3a6cd861d6467110) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add selected and checked states for bg-surface-neutral + text-inverted - [#3612](https://github.com/volvo-cars/design-system-web/pull/3612) [`857d301`](https://github.com/volvo-cars/design-system-web/commit/857d3019d05eeee723298e53ea1eb96963a610bd) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add text-wrap balance to headings and statements ## 1.12.0 ### Minor Changes - [#3508](https://github.com/volvo-cars/design-system-web/pull/3508) [`9ebc6d8`](https://github.com/volvo-cars/design-system-web/commit/9ebc6d895c99c371c51ce09acc67f457cd4b82f7) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(utilities): adds flex basis utilities - [#3583](https://github.com/volvo-cars/design-system-web/pull/3583) [`d0d7cec`](https://github.com/volvo-cars/design-system-web/commit/d0d7cec16c7be15208a0b8a8f620ad2598f22f21) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds responsive prefixes for visibility utility class ## 1.11.2 ### Patch Changes - [#3556](https://github.com/volvo-cars/design-system-web/pull/3556) [`6b855c7`](https://github.com/volvo-cars/design-system-web/commit/6b855c75afc0b8dea3ce04baa6fd95ab6895e7a2) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Dialog: Add more side padding (32px) for sheet dialog on bigger viewport ## 1.11.1 ### Patch Changes - [#3466](https://github.com/volvo-cars/design-system-web/pull/3466) [`e50cee2`](https://github.com/volvo-cars/design-system-web/commit/e50cee25f00d568ae1b74fd1e059667eaee145cb) Thanks [@Shpilevskyy](https://github.com/Shpilevskyy)! - Adds additional (bg-surface-neutral/text-inverted) utility classes for .current state ## 1.11.0 ### Minor Changes - [#3484](https://github.com/volvo-cars/design-system-web/pull/3484) [`2a99345`](https://github.com/volvo-cars/design-system-web/commit/2a99345ce1c675bbd6fc6d617268355d1a5a17a6) Thanks [@klippx](https://github.com/klippx)! - Remove browserslist configuration from `package.json`, enabling next projects outside of monorepo to build properly without adding `@volvo-cars/browserslist-config` as a dependency. - [#3492](https://github.com/volvo-cars/design-system-web/pull/3492) [`a605dd9`](https://github.com/volvo-cars/design-system-web/commit/a605dd9ac36f258e0439d8dfdcad74d2a7dcdc2a) Thanks [@johanna-dagfalk-volvocars](https://github.com/johanna-dagfalk-volvocars)! - Added 2px spacing classes for margin and padding ## 1.10.1 ### Patch Changes - [#3481](https://github.com/volvo-cars/design-system-web/pull/3481) [`81147fc`](https://github.com/volvo-cars/design-system-web/commit/81147fc65dff751a8c7c47d703742589a3c4159b) Thanks [@jacobrask](https://github.com/jacobrask)! - Ensure meta.json.d.ts is compiled by tsup ## 1.10.0 ### Minor Changes - [#3447](https://github.com/volvo-cars/design-system-web/pull/3447) [`47015c5`](https://github.com/volvo-cars/design-system-web/commit/47015c516e229385e2f64690ceb6156c625c3493) Thanks [@klippx](https://github.com/klippx)! - Ensures the type definitions output works for ESM projects - [#3465](https://github.com/volvo-cars/design-system-web/pull/3465) [`d745e3f`](https://github.com/volvo-cars/design-system-web/commit/d745e3fe8ac611f30902eafe89e2ee46ba573903) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add breakpoints to color primary and secondary ### Patch Changes - [#3420](https://github.com/volvo-cars/design-system-web/pull/3420) [`98b31c9`](https://github.com/volvo-cars/design-system-web/commit/98b31c9ac14afcdb4c6d27b837534f323fb09a08) Thanks [@AlexMPLeite](https://github.com/AlexMPLeite)! - Add data-state='open' check to backdrop and dialog ## 1.9.0 ### Minor Changes - [#3415](https://github.com/volvo-cars/design-system-web/pull/3415) [`fc4f292`](https://github.com/volvo-cars/design-system-web/commit/fc4f29242c3f695b0997220291e69ee43e335d18) Thanks [@jacobrask](https://github.com/jacobrask)! - Use explicit type imports ## 1.8.0 ### Minor Changes - [#3295](https://github.com/volvo-cars/design-system-web/pull/3295) [`eac3bb9`](https://github.com/volvo-cars/design-system-web/commit/eac3bb9d09569ca87d245978d767d81e41a0e629) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(react-forms): adds `RangeInput` ### Patch Changes - [#3397](https://github.com/volvo-cars/design-system-web/pull/3397) [`6e4c3ee`](https://github.com/volvo-cars/design-system-web/commit/6e4c3ee06711b471c57530cb859b1e521c6ca553) Thanks [@ghops-volvo-cars](https://github.com/ghops-volvo-cars)! - Update dependency lightningcss to v1.25.0 ## 1.7.1 ### Patch Changes - [#3401](https://github.com/volvo-cars/design-system-web/pull/3401) [`33a6f74`](https://github.com/volvo-cars/design-system-web/commit/33a6f7464ef2004e6ee9efc3645c6658543cc2bd) Thanks [@jacobrask](https://github.com/jacobrask)! - Replace @starting-style animations with attribute selectors ## 1.7.0 ### Minor Changes - [#3369](https://github.com/volvo-cars/design-system-web/pull/3369) [`dacd451`](https://github.com/volvo-cars/design-system-web/commit/dacd451d6ecc6df58a3eb46d74ba7981e74d9fe0) Thanks [@jacobrask](https://github.com/jacobrask)! - Update dark mode background colors to be slightly lighter ### Patch Changes - [#3372](https://github.com/volvo-cars/design-system-web/pull/3372) [`399fbc6`](https://github.com/volvo-cars/design-system-web/commit/399fbc681b987ee9d0127d6c3c7ac48d2ee453fc) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(spinner): prevents `Spinner` height expanding to match parent - [#3374](https://github.com/volvo-cars/design-system-web/pull/3374) [`1dfc5ce`](https://github.com/volvo-cars/design-system-web/commit/1dfc5ceeadc1266de2ed3c31ce58c8797f259f95) Thanks [@jacobrask](https://github.com/jacobrask)! - Reduce backdrop opacity to 48% ## 1.6.0 ### Minor Changes - [#3333](https://github.com/volvo-cars/design-system-web/pull/3333) [`f0d588c`](https://github.com/volvo-cars/design-system-web/commit/f0d588cceb68649e8a1ff4a36fb6e23f8d3acba1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add sheet component - [#3217](https://github.com/volvo-cars/design-system-web/pull/3217) [`c933730`](https://github.com/volvo-cars/design-system-web/commit/c933730c4916345a806fa2b6a07bcfd0b8b0c9ea) Thanks [@jacobrask](https://github.com/jacobrask)! - Update `dialog` class to support slots for header, footer and close buttton. Update `::backdrop` styles. Add animation to `dialog` and `::backdrop` using `@starting-style`. Add `rounded-none` class to remove rounded corners. Add `transition-none` class to disable transitions. - [#3345](https://github.com/volvo-cars/design-system-web/pull/3345) [`efc7864`](https://github.com/volvo-cars/design-system-web/commit/efc786430b9f0891a1cbb1b8fcce6657577cffc1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `dialog-small` and `dialog-large` for the updated dialog design ### Patch Changes - [#3332](https://github.com/volvo-cars/design-system-web/pull/3332) [`08b67ad`](https://github.com/volvo-cars/design-system-web/commit/08b67ad95fac8e7edf873517793c13e9a80ecdeb) Thanks [@harrymansworth](https://github.com/harrymansworth)! - Remove global scroll locking when `aria-modal="true"` ## 1.5.0 ### Minor Changes - [#3303](https://github.com/volvo-cars/design-system-web/pull/3303) [`7d9b0ae`](https://github.com/volvo-cars/design-system-web/commit/7d9b0aeda0df574921d6d7037a3b88d21b99856c) Thanks [@jacobrask](https://github.com/jacobrask)! - - Add default scroll-margin-top to all elements with `id` - Set `scroll-behavior: smooth` by default on `html` - Move `scrollbar-gutters: stable` to `html`, reducing specificity ### Patch Changes - [#3327](https://github.com/volvo-cars/design-system-web/pull/3327) [`9d79b72`](https://github.com/volvo-cars/design-system-web/commit/9d79b72c42f5399dacf6c23d932a67a01a5ee09f) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid label overflowing the input container during transition - [#3319](https://github.com/volvo-cars/design-system-web/pull/3319) [`4186bf5`](https://github.com/volvo-cars/design-system-web/commit/4186bf5536924474fc76f64cbb8422c6cede62ed) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(forms): improves forms reset for consistency in handling label wrapped elements - [#3109](https://github.com/volvo-cars/design-system-web/pull/3109) [`c61eda7`](https://github.com/volvo-cars/design-system-web/commit/c61eda7fb0ee734964f35029fc74f0923465ff16) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(forms): masks duplicate calendar selector in `DateInput` fields in firefox - [#3328](https://github.com/volvo-cars/design-system-web/pull/3328) [`bc4597a`](https://github.com/volvo-cars/design-system-web/commit/bc4597adeb8b6478c7d05ef18c3246296789b641) Thanks [@jacobrask](https://github.com/jacobrask)! - Exclude checkboxes and radio from default label styles ## 1.4.1 ### Patch Changes - [#3286](https://github.com/volvo-cars/design-system-web/pull/3286) [`139a60a`](https://github.com/volvo-cars/design-system-web/commit/139a60a9a47b545f75fee49ef43d5f59222de31b) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix combining flex and grid classes with responsive block/inline - [#3298](https://github.com/volvo-cars/design-system-web/pull/3298) [`67bd36f`](https://github.com/volvo-cars/design-system-web/commit/67bd36fe0976da0520f8f31e2ea2e151d58c00c7) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(form-controls): prevents flex shrink on Checkbox and Radio elements - [#3252](https://github.com/volvo-cars/design-system-web/pull/3252) [`fde434d`](https://github.com/volvo-cars/design-system-web/commit/fde434da273d914f1bad07354f323439eea93443) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(spinner): adds ability to size with proportional border weight ## 1.4.0 ### Minor Changes - [#3169](https://github.com/volvo-cars/design-system-web/pull/3169) [`98157b9`](https://github.com/volvo-cars/design-system-web/commit/98157b9fad5770d832abaa229cd6d139599ef1a9) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(form-controls): updates `Checkbox`, `Radio`, and `Input` styling to match Web Core figma library - [#3247](https://github.com/volvo-cars/design-system-web/pull/3247) [`d90e423`](https://github.com/volvo-cars/design-system-web/commit/d90e4236f98939d23da1f3c6fe6849d02a27cc4f) Thanks [@jacobrask](https://github.com/jacobrask)! - Add new `inline`, `contents` and `flow-root` classes. Allow combining `inline` with any flex and grid classes such as `grid-cols-2` or `flex-row`. - [#3267](https://github.com/volvo-cars/design-system-web/pull/3267) [`e439657`](https://github.com/volvo-cars/design-system-web/commit/e439657b55ab946bbf396674bb933cb5a6be0092) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Added `rounded-{t,e,b,s}-{sm,md,lg,full}` for directional round borders - [#3276](https://github.com/volvo-cars/design-system-web/pull/3276) [`2ec527b`](https://github.com/volvo-cars/design-system-web/commit/2ec527b91339d7252c32c30060061494022291cb) Thanks [@jacobrask](https://github.com/jacobrask)! - Fixes a bug with `border-primary` overriding `border-l` in `border-l border-primary` Adds support in cssMerge for `contain-`, new display classes, `rounded`, `grid-cols` - [#3274](https://github.com/volvo-cars/design-system-web/pull/3274) [`0e39f83`](https://github.com/volvo-cars/design-system-web/commit/0e39f836659b2f0a35b00e1926939f0b76bc335b) Thanks [@jacobrask](https://github.com/jacobrask)! - - Remove experimental breakpoint prefixed `top`, `start`, `end`, `bottom` classes - Release remaining position classes as stable - Add `translate-` classes - [#3275](https://github.com/volvo-cars/design-system-web/pull/3275) [`fcd80b5`](https://github.com/volvo-cars/design-system-web/commit/fcd80b57e770aa9ded8bc537b3e983fabc83c9e1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `w-1/2`, `max-w-1/2` and `max-w-full` classes ### Patch Changes - [#3268](https://github.com/volvo-cars/design-system-web/pull/3268) [`8541940`](https://github.com/volvo-cars/design-system-web/commit/8541940b35aaaec1b9128cf29a14885b360a6a7c) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Remove hover effect on selected radio button - [#3199](https://github.com/volvo-cars/design-system-web/pull/3199) [`3d95f57`](https://github.com/volvo-cars/design-system-web/commit/3d95f5713e09f2fa6e28764f610f59fae853ff12) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update the `stack-text` behaviour for `statement-*` compositions - [#3272](https://github.com/volvo-cars/design-system-web/pull/3272) [`f5d9d9c`](https://github.com/volvo-cars/design-system-web/commit/f5d9d9c7b33bf983ba2aa019ea6abe58c008727e) Thanks [@jacobrask](https://github.com/jacobrask)! - Use :lang(ar, he) for more rtl switching - [#3271](https://github.com/volvo-cars/design-system-web/pull/3271) [`4df8ead`](https://github.com/volvo-cars/design-system-web/commit/4df8eadcce276f59bc5f439431e66924e9edae8f) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid range syntax in media queries to improve browser compatibility - [#3120](https://github.com/volvo-cars/design-system-web/pull/3120) [`d3a9092`](https://github.com/volvo-cars/design-system-web/commit/d3a909212bccb11f2c52314f7d3b364c90fabcee) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(icon): prevent user selection of icon when used inline with text ## 1.3.0 ### Minor Changes - [#3228](https://github.com/volvo-cars/design-system-web/pull/3228) [`43b20ed`](https://github.com/volvo-cars/design-system-web/commit/43b20ed5c746fefa897e2075d95e7a61022b5e71) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update font size to 16 for small buttons and remove small text buttons - [#3198](https://github.com/volvo-cars/design-system-web/pull/3198) [`568afe6`](https://github.com/volvo-cars/design-system-web/commit/568afe642e1e60fb0c7f39ec4e8b139bdfff0a92) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(position): adds generated spacing utilities `top`, `bottom`, `start`, `end` - [#3231](https://github.com/volvo-cars/design-system-web/pull/3231) [`046ee46`](https://github.com/volvo-cars/design-system-web/commit/046ee4632e017890d37febd4d58874ad020dadff) Thanks [@jacobrask](https://github.com/jacobrask)! - Allow customizing tap-area background-color - [#3226](https://github.com/volvo-cars/design-system-web/pull/3226) [`ef0bbe2`](https://github.com/volvo-cars/design-system-web/commit/ef0bbe2f518f9fc5894623dbe2f2f790722495b3) Thanks [@jacobrask](https://github.com/jacobrask)! - Improved color contrast: - Made feedback green background lighter for better contrast against feedback green foreground. - Increased contrast of all feedback orange colors. - Made feedback red foreground lighter in dark mode. - [#3216](https://github.com/volvo-cars/design-system-web/pull/3216) [`28fe386`](https://github.com/volvo-cars/design-system-web/commit/28fe3865781e7dd85de896a7a1e5c5e36ce77597) Thanks [@jacobrask](https://github.com/jacobrask)! - Add border-tertiary utility class and docs - [#3232](https://github.com/volvo-cars/design-system-web/pull/3232) [`d45e093`](https://github.com/volvo-cars/design-system-web/commit/d45e093fc7c30c4619b44b43fa3199d48f16c7da) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `whitespace-*` utilities - [#3236](https://github.com/volvo-cars/design-system-web/pull/3236) [`fec2eef`](https://github.com/volvo-cars/design-system-web/commit/fec2eef7cd80985e87087c691994389c2b4e24b7) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Restore small buttons (except small text buttons) back to 12px ### Patch Changes - [#3234](https://github.com/volvo-cars/design-system-web/pull/3234) [`dc7b447`](https://github.com/volvo-cars/design-system-web/commit/dc7b447d9d6024e22ad19823669e00c9c225f164) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(css): scopes inline label style to only labels with a child input - [#3224](https://github.com/volvo-cars/design-system-web/pull/3224) [`542292f`](https://github.com/volvo-cars/design-system-web/commit/542292fc0151d9dcd4e91be307e3431b15ed6a2e) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix Bulgarian font-feature-settings override - [#3230](https://github.com/volvo-cars/design-system-web/pull/3230) [`2b39e29`](https://github.com/volvo-cars/design-system-web/commit/2b39e29b91bdc195b7d488225056bc8a4410c988) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(TelInput): fixes `rtl` inheritance in Chrome ## 1.2.0 ### Minor Changes - [#3196](https://github.com/volvo-cars/design-system-web/pull/3196) [`531047d`](https://github.com/volvo-cars/design-system-web/commit/531047d076cad6b131cd4db0584064f7c7d99749) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(rtl): allows specification of rtl behaviour at the block level - [#3112](https://github.com/volvo-cars/design-system-web/pull/3112) [`974cbac`](https://github.com/volvo-cars/design-system-web/commit/974cbac3dd50f1ad0e7f0124d315256374441bce) Thanks [@jacobrask](https://github.com/jacobrask)! - Slightly soften the hover/active state layer colors. Change button-outlined hover effect to a transparent layer of the button accent color. ### Patch Changes - [#3181](https://github.com/volvo-cars/design-system-web/pull/3181) [`c1797e6`](https://github.com/volvo-cars/design-system-web/commit/c1797e68bca30c7e2201d367cd16243647647ffe) Thanks [@jacobrask](https://github.com/jacobrask)! - Don't set scrollbar-gutter on :host, to avoid padding in shadow roots - [#3191](https://github.com/volvo-cars/design-system-web/pull/3191) [`8f70eb2`](https://github.com/volvo-cars/design-system-web/commit/8f70eb2d3f308445f8982191af1040ef537f26af) Thanks [@ghops-volvo-cars](https://github.com/ghops-volvo-cars)! - Update lightningcss to v1.24.0 - [#3209](https://github.com/volvo-cars/design-system-web/pull/3209) [`546ac0b`](https://github.com/volvo-cars/design-system-web/commit/546ac0b9a69f604084f561e3f4dbe9d28787e67c) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(utilities): adds `border-b-0` reset class ## 1.1.0 ### Minor Changes - [#3170](https://github.com/volvo-cars/design-system-web/pull/3170) [`16f58c8`](https://github.com/volvo-cars/design-system-web/commit/16f58c8e1cf0138da50b05df21a825746eef1913) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(utilities): adds `position` utilities - [#3176](https://github.com/volvo-cars/design-system-web/pull/3176) [`dfe093c`](https://github.com/volvo-cars/design-system-web/commit/dfe093cb47405b8e98956e6bd389eeb99c5dff07) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Added `.contain-none` and `.contain-content` as utility classes to contain absolute positioned elements. ### Patch Changes - [#3178](https://github.com/volvo-cars/design-system-web/pull/3178) [`239baa5`](https://github.com/volvo-cars/design-system-web/commit/239baa5f4d19a199f5230a5f8d4b11a79524c8eb) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid data-color-mode selector overriding component `color` styles ## 1.0.2 ### Patch Changes - [#3149](https://github.com/volvo-cars/design-system-web/pull/3149) [`e8df66f`](https://github.com/volvo-cars/design-system-web/commit/e8df66f6de9795a845bcb7b73c6ebbff64c2d8e4) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix bug where `:host` selector would not apply within `:is()` ## 1.0.1 ### Patch Changes - [#3145](https://github.com/volvo-cars/design-system-web/pull/3145) [`ba7656d`](https://github.com/volvo-cars/design-system-web/commit/ba7656d248ffcda965ddd442de6464b4db95e55f) Thanks [@Haugen](https://github.com/Haugen)! - Merge aspect ratios in cssMerge. ## 1.0.0 ### Major Changes - [#3028](https://github.com/volvo-cars/design-system-web/pull/3028) [`1630a8a`](https://github.com/volvo-cars/design-system-web/commit/1630a8a932337a8fb2e6cbd04114382e91618fa4) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove object support from cssJoin. Using a large amount of conditional classes isn't encouraged. If your classname logic becomes so complex that you reach for the object syntax, instead prefer: - toggling aria-attributes or data-attributes on the element to control styles that change with state changes. - use cssMerge and a className prop to your component to allow customising aspects of the component's design instead of custom props for each aspect. - [#3028](https://github.com/volvo-cars/design-system-web/pull/3028) [`1630a8a`](https://github.com/volvo-cars/design-system-web/commit/1630a8a932337a8fb2e6cbd04114382e91618fa4) Thanks [@jacobrask](https://github.com/jacobrask)! - Replace the `.volvo_v0` prefix with `:root` and `:host` selectors - [#3028](https://github.com/volvo-cars/design-system-web/pull/3028) [`1630a8a`](https://github.com/volvo-cars/design-system-web/commit/1630a8a932337a8fb2e6cbd04114382e91618fa4) Thanks [@jacobrask](https://github.com/jacobrask)! - Renames classes - `body-16` → `font-16` - `title-20` → `font-20` - `md:title-20` → `md:font-20` - `title-24` → `font-24` - `md:title-24` → `md:font-24` - `scale-95` → `scale-96` - `v-label` → `label` - `v-input` → `input` - `v-input-floating-label` → `input-floating-label` ### Minor Changes - [#3028](https://github.com/volvo-cars/design-system-web/pull/3028) [`1630a8a`](https://github.com/volvo-cars/design-system-web/commit/1630a8a932337a8fb2e6cbd04114382e91618fa4) Thanks [@jacobrask](https://github.com/jacobrask)! - Update dialog default background color - [#3028](https://github.com/volvo-cars/design-system-web/pull/3028) [`1630a8a`](https://github.com/volvo-cars/design-system-web/commit/1630a8a932337a8fb2e6cbd04114382e91618fa4) Thanks [@jacobrask](https://github.com/jacobrask)! - Update path prefix to v1 ## 0.56.0 ### Minor Changes - [#3115](https://github.com/volvo-cars/design-system-web/pull/3115) [`3fc5227`](https://github.com/volvo-cars/design-system-web/commit/3fc5227244cd224b52770ac7e0d338e29d44b843) Thanks [@jacobrask](https://github.com/jacobrask)! - - Use dvh in dialog max-height to keep more of the backdrop visible - Prevent overscroll in dialogs from affecting body, in case body scroll isn't properly locked ## 0.55.0 ### Minor Changes - [#3081](https://github.com/volvo-cars/design-system-web/pull/3081) [`9bbe890`](https://github.com/volvo-cars/design-system-web/commit/9bbe8909a19a7f19a0ac8d2a60c206df7724e6bb) Thanks [@jacobrask](https://github.com/jacobrask)! - Deprecate clsx. Use cssJoin instead. - [#3103](https://github.com/volvo-cars/design-system-web/pull/3103) [`72d54f4`](https://github.com/volvo-cars/design-system-web/commit/72d54f4d4d0d418eb7ccdd8a1906d5560acf7e6c) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Rename border radius token from `--v-radius-4` to `--v-radius-sm`. Added `--v-radius-md` (8px) and `--v-radius-lg` (16px) ### Patch Changes - [#3093](https://github.com/volvo-cars/design-system-web/pull/3093) [`52a0099`](https://github.com/volvo-cars/design-system-web/commit/52a0099c49ef6bede5b9de01443a843462dd1bf0) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add ellipsis to floating label when text get too long - [#3078](https://github.com/volvo-cars/design-system-web/pull/3078) [`915a229`](https://github.com/volvo-cars/design-system-web/commit/915a22964a9e3747a693d35c37165d5abe36fec1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add a list of deprecatedClasses to meta.json - [#3106](https://github.com/volvo-cars/design-system-web/pull/3106) [`71bcaff`](https://github.com/volvo-cars/design-system-web/commit/71bcaff8a901a5ba4eea15c4ec5981ccea655994) Thanks [@jacobrask](https://github.com/jacobrask)! - Add autofixing to no-deprecated-class rule - [#3088](https://github.com/volvo-cars/design-system-web/pull/3088) [`d53bab7`](https://github.com/volvo-cars/design-system-web/commit/d53bab7dd224971065ad36cd9b238d8b99e2e1e0) Thanks [@jacobrask](https://github.com/jacobrask)! - Support new `font-` classes in cssMerge - [#3105](https://github.com/volvo-cars/design-system-web/pull/3105) [`6c7bd12`](https://github.com/volvo-cars/design-system-web/commit/6c7bd12dd11f3a7cbe39a68ef1d1b4a02d2fef38) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(forms): removes duplicate calendar icon in webkit browsers - [#3084](https://github.com/volvo-cars/design-system-web/pull/3084) [`4662987`](https://github.com/volvo-cars/design-system-web/commit/4662987d697353783fb8fa084675c30c74845e60) Thanks [@jacobrask](https://github.com/jacobrask)! - Only include declarations from the specific class in meta.classes[].declarations ## 0.54.0 ### Minor Changes - [#3050](https://github.com/volvo-cars/design-system-web/pull/3050) [`63f43d2`](https://github.com/volvo-cars/design-system-web/commit/63f43d2f7180341540eeb48bd5f51da98cd3f7cd) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add tertiary foreground color ### Patch Changes - [#3047](https://github.com/volvo-cars/design-system-web/pull/3047) [`c623c5c`](https://github.com/volvo-cars/design-system-web/commit/c623c5c57b19c8ccb1c3d9ace98c1fd368789efa) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update font weights to 400 and 600 for Vietnamese market - [#3058](https://github.com/volvo-cars/design-system-web/pull/3058) [`3606249`](https://github.com/volvo-cars/design-system-web/commit/3606249809c0189c76b625745050716e66aaf04d) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix wordmark mask size at different zoom levels ## 0.53.0 ### Minor Changes - [#3023](https://github.com/volvo-cars/design-system-web/pull/3023) [`7750102`](https://github.com/volvo-cars/design-system-web/commit/775010276f1814a54a26ee83d4996b0f66babc1c) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add support for unprefixed inputs - [#3024](https://github.com/volvo-cars/design-system-web/pull/3024) [`c2ce382`](https://github.com/volvo-cars/design-system-web/commit/c2ce3821c5ec40dbb96c0f50cd07ae19748e4c19) Thanks [@jacobrask](https://github.com/jacobrask)! - Rename clsx -> cssJoin. The old clsx export is still there as an alias for backward compatibility. - [#3022](https://github.com/volvo-cars/design-system-web/pull/3022) [`3b69fe2`](https://github.com/volvo-cars/design-system-web/commit/3b69fe26ede86838ca5977b2bc35058c7c82bdb3) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `font-` classes in parallel with to be deprecated `body-` `title-` classes - [#3003](https://github.com/volvo-cars/design-system-web/pull/3003) [`be900d8`](https://github.com/volvo-cars/design-system-web/commit/be900d88b77b9e4b3eb52831f3021db147b288e5) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add .img class to style responsive images ### Patch Changes - [#3004](https://github.com/volvo-cars/design-system-web/pull/3004) [`310c26b`](https://github.com/volvo-cars/design-system-web/commit/310c26bcdd428f0b6252ac0f166058c6d89c2af5) Thanks [@jacobrask](https://github.com/jacobrask)! - Hide reel-indicators if it's empty - [#2996](https://github.com/volvo-cars/design-system-web/pull/2996) [`9fedf6d`](https://github.com/volvo-cars/design-system-web/commit/9fedf6d036dffdbc1d2251dc4823e2d15e17fa36) Thanks [@fredrik-j-lindberg](https://github.com/fredrik-j-lindberg)! - Hide pre-autofilled values in date inputs with min/max - [#3016](https://github.com/volvo-cars/design-system-web/pull/3016) [`6e5f480`](https://github.com/volvo-cars/design-system-web/commit/6e5f4801c6599daaa377fcb9ca7558c49f92739a) Thanks [@ghops-volvo-cars](https://github.com/ghops-volvo-cars)! - chore(deps): update dependency lightningcss to v1.23.0 ## 0.52.0 ### Minor Changes - [#3000](https://github.com/volvo-cars/design-system-web/pull/3000) [`2b045df`](https://github.com/volvo-cars/design-system-web/commit/2b045dfdf48d7ce06e18a0a6fec740677659d12e) Thanks [@jacobrask](https://github.com/jacobrask)! - - Add scroll-padding-inline to containers with bleed to let you have horizontal scrolling to the edges of the viewport while snapping the actual content to the page margins. - Update reel with overflow auto instead of scroll, and overscroll contain to prevent swiping from triggering back/forward navigation on mobile. - Remove hidihg of scrollbars in Chrome from reel. It should be hidden explicitly with `scrollbar-none` if needed. - [#2977](https://github.com/volvo-cars/design-system-web/pull/2977) [`f4c85fe`](https://github.com/volvo-cars/design-system-web/commit/f4c85fe2f10cf3faab6fa5714932704a0fe02b85) Thanks [@Haugen](https://github.com/Haugen)! - New width related utility classes. Make width classes available with viewport prefixes. ### Patch Changes - [#2981](https://github.com/volvo-cars/design-system-web/pull/2981) [`641cc24`](https://github.com/volvo-cars/design-system-web/commit/641cc242d2371381d521d66f0c3e1ae457f4d5f2) Thanks [@Haugen](https://github.com/Haugen)! - Include missing width CSS files in the breakpoint styles files. ## 0.51.0 ### Minor Changes - [#2957](https://github.com/volvo-cars/design-system-web/pull/2957) [`2e6ccb2`](https://github.com/volvo-cars/design-system-web/commit/2e6ccb29ae32e3341e49dab7cf9b30a4cb11d474) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: re-orders css layers, moving layout after blocks so that layout classes can be applied to blocks ### Patch Changes - [#2958](https://github.com/volvo-cars/design-system-web/pull/2958) [`a50424c`](https://github.com/volvo-cars/design-system-web/commit/a50424cf86c4a9948ff2a61a8a8a6cbc98f0ac72) Thanks [@Haugen](https://github.com/Haugen)! - Include all spacing tokens in all viewports files. ## 0.50.0 ### Minor Changes - [#2905](https://github.com/volvo-cars/design-system-web/pull/2905) [`b005bbc`](https://github.com/volvo-cars/design-system-web/commit/b005bbc9133f5b74cedba7df239b7c43653ab6bd) Thanks [@Haugen](https://github.com/Haugen)! - Make columns revversible when using Slices. ## 0.49.0 ### Minor Changes - [#2930](https://github.com/volvo-cars/design-system-web/pull/2930) [`7cc3e68`](https://github.com/volvo-cars/design-system-web/commit/7cc3e686c3f0b29c47f987dfb048f62291cd60e3) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Updating the colors for the Switch toggle ### Patch Changes - [#2937](https://github.com/volvo-cars/design-system-web/pull/2937) [`41fd376`](https://github.com/volvo-cars/design-system-web/commit/41fd376a5e7b2b14f463033b1fd7c61e3d25d865) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix icon size for non-default root font-sizes - [#2932](https://github.com/volvo-cars/design-system-web/pull/2932) [`a9e6c90`](https://github.com/volvo-cars/design-system-web/commit/a9e6c901c093c4c503a46df1bbd7d64647ca6564) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix password input disabled styles ## 0.48.0 ### Minor Changes - [#2816](https://github.com/volvo-cars/design-system-web/pull/2816) [`6b20efa`](https://github.com/volvo-cars/design-system-web/commit/6b20efa2039145c621fd33a8961516d75bb1bf2d) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds switch - [#2907](https://github.com/volvo-cars/design-system-web/pull/2907) [`612cae2`](https://github.com/volvo-cars/design-system-web/commit/612cae25b7bb91c6fdf3ae5be04277c8c044b83b) Thanks [@makhalafallah](https://github.com/makhalafallah)! - Adding the possibility to switch between body-16, title-20 and title-24 - [#2887](https://github.com/volvo-cars/design-system-web/pull/2887) [`8097773`](https://github.com/volvo-cars/design-system-web/commit/809777372bbac7b6ac3a84cf6bfe7672c8a702ee) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Move reel to layout and grid to utilities - [#2908](https://github.com/volvo-cars/design-system-web/pull/2908) [`0fdf403`](https://github.com/volvo-cars/design-system-web/commit/0fdf403cb244849d066c253b3b094d9cff9a0360) Thanks [@Haugen](https://github.com/Haugen)! - Remove overflow-scroll related utility classes. ### Patch Changes - [#2904](https://github.com/volvo-cars/design-system-web/pull/2904) [`bb3abf2`](https://github.com/volvo-cars/design-system-web/commit/bb3abf2139c151f1b739b45c8580de15816cefc3) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(css): fixes breakpoint pixel rounding in chrome ## 0.47.0 ### Minor Changes - [#2842](https://github.com/volvo-cars/design-system-web/pull/2842) [`3c344e07f`](https://github.com/volvo-cars/design-system-web/commit/3c344e07fbb8f194ce80fe9cf2d3cb8e12f01a05) Thanks [@Haugen](https://github.com/Haugen)! - Default border-top for `
` elements. - [#2867](https://github.com/volvo-cars/design-system-web/pull/2867) [`c699d38e4`](https://github.com/volvo-cars/design-system-web/commit/c699d38e49fbb03b5d271f217bc2c7bcda7089ce) Thanks [@harrymansworth](https://github.com/harrymansworth)! - Rename `--v-size-grid-max` to `--v-size-grid-maxwidth` and exports new `--v-size-grid-max` token - [#2817](https://github.com/volvo-cars/design-system-web/pull/2817) [`bf34dd878`](https://github.com/volvo-cars/design-system-web/commit/bf34dd8787815255f005de0cf63205cd90d5ed09) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Move `z-index` styles to stable and remove other unstable styles - [#2387](https://github.com/volvo-cars/design-system-web/pull/2387) [`c898a42b7`](https://github.com/volvo-cars/design-system-web/commit/c898a42b72a6e0d9370a7f4bc7941064e4cd8b1c) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `layout-` layout slice utilities - [#2844](https://github.com/volvo-cars/design-system-web/pull/2844) [`a92c40c26`](https://github.com/volvo-cars/design-system-web/commit/a92c40c26fcb52a596ff135752c3511bbef8c4f3) Thanks [@jacobrask](https://github.com/jacobrask)! - Reduce minimum touch area of links, buttons and icon buttons from 44x44 to 40x40 - [#2843](https://github.com/volvo-cars/design-system-web/pull/2843) [`34f5ac3a0`](https://github.com/volvo-cars/design-system-web/commit/34f5ac3a01d32c57e4d0e03918dfb47200b2f86c) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `w-min` (`width: min-content`) and `w-fit` (`width: fit-content`) width classes. ### Patch Changes - [#2866](https://github.com/volvo-cars/design-system-web/pull/2866) [`903c9274d`](https://github.com/volvo-cars/design-system-web/commit/903c9274ddb59a26edd63a5cf0a283767d7c48e2) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(containers): implements `pagemargin` to `container-max` on all screen sizes - [#2884](https://github.com/volvo-cars/design-system-web/pull/2884) [`b74ca3d51`](https://github.com/volvo-cars/design-system-web/commit/b74ca3d514290ad7de8be53c64263bf0e0de52e0) Thanks [@Haugen](https://github.com/Haugen)! - Small internal styling fixes for dialog close button. - [#2882](https://github.com/volvo-cars/design-system-web/pull/2882) [`6339256d6`](https://github.com/volvo-cars/design-system-web/commit/6339256d69c577fcb9403e2eedb1e155234cd9d0) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Remove coarse queries to apply target size on all devices - [#2825](https://github.com/volvo-cars/design-system-web/pull/2825) [`123aa8246`](https://github.com/volvo-cars/design-system-web/commit/123aa8246e9ac6403dc7e2e1da983ffabf7d0f81) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds missing grid style imports - [#2839](https://github.com/volvo-cars/design-system-web/pull/2839) [`c033539ed`](https://github.com/volvo-cars/design-system-web/commit/c033539edff424ac0daaee7aebcd1979e67f5cf3) Thanks [@Haugen](https://github.com/Haugen)! - Slightly change dialog close button alignment. ## 0.46.0 ### Minor Changes - [#2741](https://github.com/volvo-cars/design-system-web/pull/2741) [`5727fb71c`](https://github.com/volvo-cars/design-system-web/commit/5727fb71cf34c0ad83e45321686320ecd849cf48) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove the disclosure class, replaced by react-accordion - [#2823](https://github.com/volvo-cars/design-system-web/pull/2823) [`418e7edc1`](https://github.com/volvo-cars/design-system-web/commit/418e7edc1d652449a85ffc9b74ef86d96dd8d169) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `h-1lh` class name to set the height to 1lh (1 line-height). - [#2820](https://github.com/volvo-cars/design-system-web/pull/2820) [`89d16eb98`](https://github.com/volvo-cars/design-system-web/commit/89d16eb985bc8175628ec50039422ad6ae1bb2cc) Thanks [@makhalafallah](https://github.com/makhalafallah)! - Add intent background colors - [#2650](https://github.com/volvo-cars/design-system-web/pull/2650) [`abbc2de4b`](https://github.com/volvo-cars/design-system-web/commit/abbc2de4b0aa52f6ece41712af28b86a9234620f) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat!(containers): expose container widths as css variables ## 0.45.0 ### Minor Changes - [#2797](https://github.com/volvo-cars/design-system-web/pull/2797) [`2e5b5107a`](https://github.com/volvo-cars/design-system-web/commit/2e5b5107a0d025cbaeca745c2636bc283667c240) Thanks [@Haugen](https://github.com/Haugen)! - Add a fade-in utility class to easily fade in an element. - [#2780](https://github.com/volvo-cars/design-system-web/pull/2780) [`d5bf115c7`](https://github.com/volvo-cars/design-system-web/commit/d5bf115c78e7267db925bd154871e370a4010a8d) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Support `grid-cols-4` and breakpoints for `[md, lg]:grid-cols-[2, 3, 4]` - [#2779](https://github.com/volvo-cars/design-system-web/pull/2779) [`e51941baf`](https://github.com/volvo-cars/design-system-web/commit/e51941baf19ad24a179293497473f5bea87478b9) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(container): makes `sm` container full width on mobile (8/8), increases width of `xs` container on mobile (6/8) ## 0.44.0 ### Minor Changes - [#2746](https://github.com/volvo-cars/design-system-web/pull/2746) [`4068220b`](https://github.com/volvo-cars/design-system-web/commit/4068220b3c99c6d991e2e272a89eaeeac61e827a) Thanks [@Haugen](https://github.com/Haugen)! - Adding utility classes for aspect-ratio - [#2770](https://github.com/volvo-cars/design-system-web/pull/2770) [`322cae55`](https://github.com/volvo-cars/design-system-web/commit/322cae55aeec9c9afecaa47dd73e6aca9c0727c3) Thanks [@Haugen](https://github.com/Haugen)! - Add utility classes for object-fit. - [#2742](https://github.com/volvo-cars/design-system-web/pull/2742) [`e60a5e4c`](https://github.com/volvo-cars/design-system-web/commit/e60a5e4c1ce288ecf6ff7cd21a924dffa1741f20) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Added the following background colors for light theme: ```css --v-color-background-feedback-green: #ebf6ee; --v-color-background-feedback-orange: #fdf4eb; --v-color-background-feedback-red: #faedec; ``` And for dark theme: ```css --v-color-background-feedback-green: #011608; --v-color-background-feedback-orange: #261300; --v-color-background-feedback-red: #1f0503; ``` - [#2747](https://github.com/volvo-cars/design-system-web/pull/2747) [`2a352331`](https://github.com/volvo-cars/design-system-web/commit/2a3523316ea2fc3e036f83a739929e0a36534af1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add utils for min- and max-height ### Patch Changes - [#2750](https://github.com/volvo-cars/design-system-web/pull/2750) [`33b5edf0`](https://github.com/volvo-cars/design-system-web/commit/33b5edf08f6343d7b60d4c20accb9d412260c0b5) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update background colors for dark mode - [#2771](https://github.com/volvo-cars/design-system-web/pull/2771) [`3b0cc405`](https://github.com/volvo-cars/design-system-web/commit/3b0cc4055209f13258cc4ca68eb53c78fadb702f) Thanks [@jacobrask](https://github.com/jacobrask)! - Expose media queries as @volvo-cars/css/media-queries ## 0.43.0 ### Minor Changes - [#2724](https://github.com/volvo-cars/design-system-web/pull/2724) [`010a1475`](https://github.com/volvo-cars/design-system-web/commit/010a14754731b86a5f9552d7b7fab2eeca234675) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Remove unnused bg-\* colors - [#2737](https://github.com/volvo-cars/design-system-web/pull/2737) [`a69c5b4f`](https://github.com/volvo-cars/design-system-web/commit/a69c5b4f5b09608b1c64f38fc22e65a3128da9e3) Thanks [@jacobrask](https://github.com/jacobrask)! - Add cssMerge utility to merge design system css classes ### Patch Changes - [#2735](https://github.com/volvo-cars/design-system-web/pull/2735) [`3b201d2f`](https://github.com/volvo-cars/design-system-web/commit/3b201d2ff2b65da1ffe133e628b5a635dd095b56) Thanks [@jacobrask](https://github.com/jacobrask)! - - Fix button-text chevron rotation animation - Make details-open:rotate-180 one level deep for details content ## 0.42.0 ### Minor Changes - [#2722](https://github.com/volvo-cars/design-system-web/pull/2722) [`2d45b0f8`](https://github.com/volvo-cars/design-system-web/commit/2d45b0f8730a4818c93be62c1fe73eb305f226aa) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove custom calendar icon from date inputs - [#2703](https://github.com/volvo-cars/design-system-web/pull/2703) [`f3231915`](https://github.com/volvo-cars/design-system-web/commit/f3231915e2bce988916e5b48c23317c91fd82f84) Thanks [@jacobrask](https://github.com/jacobrask)! - Move disclosure icon from CSS to HTML ### Patch Changes - [#2706](https://github.com/volvo-cars/design-system-web/pull/2706) [`a5b6e0b8`](https://github.com/volvo-cars/design-system-web/commit/a5b6e0b8b308d4481964ffc46f36aefd04b7c2a4) Thanks [@jacobrask](https://github.com/jacobrask)! - Allow toggling border color with the `button-expanded:` prefix - [#2628](https://github.com/volvo-cars/design-system-web/pull/2628) [`df724545`](https://github.com/volvo-cars/design-system-web/commit/df7245458a1c80668de844bd97619580db7aadd9) Thanks [@harrymansworth](https://github.com/harrymansworth)! - chore: removes superfluous tokens and styles relating to `PasswordInput` ## 0.41.0 ### Minor Changes - [#2699](https://github.com/volvo-cars/design-system-web/pull/2699) [`c0dff9ad`](https://github.com/volvo-cars/design-system-web/commit/c0dff9ad5612bb7dc4f4fab1bc3ad2a4839e5541) Thanks [@jacobrask](https://github.com/jacobrask)! - Add bleed property to IconButton - [#2654](https://github.com/volvo-cars/design-system-web/pull/2654) [`be209457`](https://github.com/volvo-cars/design-system-web/commit/be2094573e58229450bc1bcfcbce270a956dee1c) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove z-index from tap-area - [#2696](https://github.com/volvo-cars/design-system-web/pull/2696) [`0fe074f2`](https://github.com/volvo-cars/design-system-web/commit/0fe074f243f011d546f49e34bde45e61abf73125) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(utilities): adds `overflow-*` utilities ### Patch Changes - [#2700](https://github.com/volvo-cars/design-system-web/pull/2700) [`65af2163`](https://github.com/volvo-cars/design-system-web/commit/65af21631ec6333c8c630774347a79445443d5a9) Thanks [@jacobrask](https://github.com/jacobrask)! - - Add pointer event types - Prevent click events on disabled buttons ## 0.40.0 ### Minor Changes - [#2658](https://github.com/volvo-cars/design-system-web/pull/2658) [`7bdff79d`](https://github.com/volvo-cars/design-system-web/commit/7bdff79d0c3a8bc211e4d2f9a381d6639a6d32c0) Thanks [@jacobrask](https://github.com/jacobrask)! - Add width and height utils for sizes 0, 8 and full (100%) - [#2665](https://github.com/volvo-cars/design-system-web/pull/2665) [`5d507714`](https://github.com/volvo-cars/design-system-web/commit/5d507714882220cb22aa98a5035da451990c3b1c) Thanks [@jacobrask](https://github.com/jacobrask)! - - Adds scale transforms utils (`scale-110`, `hover:scale-zoomed`, etc). - Adds `transition-transform` to transition scale and other transform properties. - Include state prefixes in class name metadata ## 0.39.0 ### Minor Changes - [#2632](https://github.com/volvo-cars/design-system-web/pull/2632) [`dd939a72`](https://github.com/volvo-cars/design-system-web/commit/dd939a722f60dd54a6babc45580835ad1bd0f0da) Thanks [@jacobrask](https://github.com/jacobrask)! - Allow non-direct children of reels to be snap targets, using .snap-start, .snap-center or .snap-end classes ## 0.38.0 ### Minor Changes - [#2573](https://github.com/volvo-cars/design-system-web/pull/2573) [`96fbe5cc`](https://github.com/volvo-cars/design-system-web/commit/96fbe5cc799d39494114d2721d2023183ecdd69d) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `disclosure-*` styles for sub-nav, FAQ, and reset of `details` - [#2614](https://github.com/volvo-cars/design-system-web/pull/2614) [`7ce6ec99`](https://github.com/volvo-cars/design-system-web/commit/7ce6ec991cbbcdd5e0d3fdfbeb231f3f4f9a7a8d) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `.icon-button-*` styles - [#2644](https://github.com/volvo-cars/design-system-web/pull/2644) [`3f0f8ade`](https://github.com/volvo-cars/design-system-web/commit/3f0f8adec6eb7a8c5bdab89517ef081bf6ed4ca1) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `grid` utilities - [#2625](https://github.com/volvo-cars/design-system-web/pull/2625) [`7344e3ef`](https://github.com/volvo-cars/design-system-web/commit/7344e3ef6e4f40f86080e29897a521407747f520) Thanks [@jacobrask](https://github.com/jacobrask)! - - Adds `radio-checked:`, `checkbox-checked:`, `link-current:` and `tab-selected:` for border classes. - Adds negative margin for sizes -4 to -24, e.g. `-mx-24`. - [#2629](https://github.com/volvo-cars/design-system-web/pull/2629) [`3423ec45`](https://github.com/volvo-cars/design-system-web/commit/3423ec45255091d7dfd0430507192606ef719758) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `button-text` with Icon style and example ### Patch Changes - [#2647](https://github.com/volvo-cars/design-system-web/pull/2647) [`82ee07c2`](https://github.com/volvo-cars/design-system-web/commit/82ee07c2bbc13ea9860529dffd89242766431d76) Thanks [@Haugen](https://github.com/Haugen)! - - Enable data-bleed for `container`. ## 0.37.0 ### Minor Changes - [#2590](https://github.com/volvo-cars/design-system-web/pull/2590) [`4965e839`](https://github.com/volvo-cars/design-system-web/commit/4965e8391fdaaaa3712dd6ac6d4d73550f69a51a) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add width and height utils ## 0.36.0 ### Minor Changes - [#2589](https://github.com/volvo-cars/design-system-web/pull/2589) [`ef0538c3`](https://github.com/volvo-cars/design-system-web/commit/ef0538c30e8f3903b30bb8f5ef0e156fbd5f8e69) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: moves `text-transform` to stable - [#2562](https://github.com/volvo-cars/design-system-web/pull/2562) [`dedd8320`](https://github.com/volvo-cars/design-system-web/commit/dedd832073d1f62d5bf16e61f896557051a1af8a) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `reel` block ## 0.35.0 ### Minor Changes - [#2543](https://github.com/volvo-cars/design-system-web/pull/2543) [`010b30c7`](https://github.com/volvo-cars/design-system-web/commit/010b30c7ff0aa144b8062422e70b9219c3df0dee) Thanks [@jacobrask](https://github.com/jacobrask)! - Make link hover styles more prominent ### Patch Changes - [#2546](https://github.com/volvo-cars/design-system-web/pull/2546) [`4a5a2c98`](https://github.com/volvo-cars/design-system-web/commit/4a5a2c98260513fb5f3785f1a806a8b85af431cb) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds scrollbar visibility utility ## 0.34.0 ### Minor Changes - [#2529](https://github.com/volvo-cars/design-system-web/pull/2529) [`643ec596`](https://github.com/volvo-cars/design-system-web/commit/643ec59673f8a6e730963cc741a6ca93f80f4a9f) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update bg-surface token names - [#2564](https://github.com/volvo-cars/design-system-web/pull/2564) [`e96422a5`](https://github.com/volvo-cars/design-system-web/commit/e96422a550c1975569c53ae71639afc1e5db5fd1) Thanks [@jacobrask](https://github.com/jacobrask)! - Add breakpoint prefixes (md, lg, xl) to all spacing classes ### Patch Changes - [#2548](https://github.com/volvo-cars/design-system-web/pull/2548) [`f5ae34ea`](https://github.com/volvo-cars/design-system-web/commit/f5ae34ea544c89b31349c3abb1b18accd0e2e475) Thanks [@jacobrask](https://github.com/jacobrask)! - Update foreground primary to 96% black ## 0.33.1 ### Patch Changes - [#2544](https://github.com/volvo-cars/design-system-web/pull/2544) [`0d53ebc4`](https://github.com/volvo-cars/design-system-web/commit/0d53ebc428338c3d19293369c873e3268daf8803) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds text-transform utils - [#2522](https://github.com/volvo-cars/design-system-web/pull/2522) [`f7d52317`](https://github.com/volvo-cars/design-system-web/commit/f7d52317266d71d67a926433f3b98f0468d5765b) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): exposes --container-colspan to allow custom container sizing ## 0.33.0 ### Minor Changes - [#2545](https://github.com/volvo-cars/design-system-web/pull/2545) [`1dcc6477`](https://github.com/volvo-cars/design-system-web/commit/1dcc6477a0d7f8f48a3313f5a30e0746af02f4f0) Thanks [@harrymansworth](https://github.com/harrymansworth)! - Add `data-tap-area-target` to make a tap area target grow to cover the entire tap area. ## 0.32.0 ### Minor Changes - [#2512](https://github.com/volvo-cars/design-system-web/pull/2512) [`39b4ff24`](https://github.com/volvo-cars/design-system-web/commit/39b4ff24942360f04a36a250a469b76ceff3a794) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `max-w-prose` utility - [#2504](https://github.com/volvo-cars/design-system-web/pull/2504) [`ba7aed4e`](https://github.com/volvo-cars/design-system-web/commit/ba7aed4e7d68be787ddadb6816a669cb51e259f5) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds `text-balance` utility ### Patch Changes - [#2502](https://github.com/volvo-cars/design-system-web/pull/2502) [`38713085`](https://github.com/volvo-cars/design-system-web/commit/387130857aee56880a5dc69f1b619b31af70bc10) Thanks [@jbvolvo](https://github.com/jbvolvo)! - bug-fix: add aria-hidden to css selector to avoid unwanted overflow hidden - [#2526](https://github.com/volvo-cars/design-system-web/pull/2526) [`792f3717`](https://github.com/volvo-cars/design-system-web/commit/792f3717ee9db65da75855e630bf9fbb59f13f2b) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Update chevron svg in Button Text - [#2521](https://github.com/volvo-cars/design-system-web/pull/2521) [`5312f76b`](https://github.com/volvo-cars/design-system-web/commit/5312f76b7305b257678c989cfdf9f8bb519328b9) Thanks [@jbvolvo](https://github.com/jbvolvo)! - add scrollbar-gutter stable to root - [#2530](https://github.com/volvo-cars/design-system-web/pull/2530) [`17754c5d`](https://github.com/volvo-cars/design-system-web/commit/17754c5d24a120c81978deffa90adf1ff576c719) Thanks [@jacobrask](https://github.com/jacobrask)! - Adds wordmark class that handles sizing and color masking of the wordmark logo ## 0.31.2 ### Patch Changes - [#2446](https://github.com/volvo-cars/design-system-web/pull/2446) [`f6deaef9`](https://github.com/volvo-cars/design-system-web/commit/f6deaef90cffc527e96f946965f1feb5172c936a) Thanks [@alizeait](https://github.com/alizeait)! - Temporarily remove offending dialog css locking body scroll when `@volvo-cars/react-overlay` is SSR:ed ## 0.31.1 ### Patch Changes - [#2424](https://github.com/volvo-cars/design-system-web/pull/2424) [`06737851`](https://github.com/volvo-cars/design-system-web/commit/067378513f4938a9f7019b1af49b4de4f288cf62) Thanks [@alizeait](https://github.com/alizeait)! - Expose `rootClassName` in meta file ## 0.31.0 ### Minor Changes - [#2394](https://github.com/volvo-cars/design-system-web/pull/2394) [`450e0cc5`](https://github.com/volvo-cars/design-system-web/commit/450e0cc558c7ef5245aad698716b63e3220fa2de) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `color: accent` to text and outlined buttons ## 0.30.0 ### Minor Changes - [#2368](https://github.com/volvo-cars/design-system-web/pull/2368) [`a08ca150`](https://github.com/volvo-cars/design-system-web/commit/a08ca1509a362cc7214aae92e851562a7bed804c) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `.dialog__close` class for a sticky close button. Tweak dialog styles. - [#2372](https://github.com/volvo-cars/design-system-web/pull/2372) [`86e1cc0c`](https://github.com/volvo-cars/design-system-web/commit/86e1cc0c5d7b62309e15eeb0df08ea19baa43b10) Thanks [@jacobrask](https://github.com/jacobrask)! - Add link-plain and link-underline classes. Add tap-area class. Add text-inverted, hover:text-primary and bg-neutral classes. ### Patch Changes - [#2371](https://github.com/volvo-cars/design-system-web/pull/2371) [`2f26a810`](https://github.com/volvo-cars/design-system-web/commit/2f26a81037d8ca0f67f423bc83a12773146f3d9e) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid icons shrinking in flex containers - [#2391](https://github.com/volvo-cars/design-system-web/pull/2391) [`8f147015`](https://github.com/volvo-cars/design-system-web/commit/8f14701593f96a8b4447a3e78761690c2be501cd) Thanks [@jacobrask](https://github.com/jacobrask)! - Add underline on button-text hover for consistency with links Use a layer of the foreground color as button hover effect - [#2363](https://github.com/volvo-cars/design-system-web/pull/2363) [`f1893f09`](https://github.com/volvo-cars/design-system-web/commit/f1893f099de7b1fa088ad68dad9daa1fafc7bdb1) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Hide default date for safari, and change icon implementation ## 0.29.0 ### Minor Changes - [#2256](https://github.com/volvo-cars/design-system-web/pull/2256) [`6ab83805`](https://github.com/volvo-cars/design-system-web/commit/6ab8380582c64b241f9f963a6b1fffb83f66212b) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `icon-sprite` and `icon-mask` classes - [#2349](https://github.com/volvo-cars/design-system-web/pull/2349) [`34408113`](https://github.com/volvo-cars/design-system-web/commit/34408113c372c4c52f2a268da695b5910f251e8a) Thanks [@alizeait](https://github.com/alizeait)! - Add `customMedia` to `meta.json` to expose custom media values and add `meta.value` to tokens ### Patch Changes - [#2359](https://github.com/volvo-cars/design-system-web/pull/2359) [`d09c3c40`](https://github.com/volvo-cars/design-system-web/commit/d09c3c40216798b6db6b8dbeff067ce5c14cfdad) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Show options again when Select is in focus - [#2342](https://github.com/volvo-cars/design-system-web/pull/2342) [`d7c9e6fa`](https://github.com/volvo-cars/design-system-web/commit/d7c9e6face0274eb9da3217ba5ec8343df119894) Thanks [@jacobrask](https://github.com/jacobrask)! - Export ClassMeta type from meta.json ## 0.28.0 ### Minor Changes - [#2323](https://github.com/volvo-cars/design-system-web/pull/2323) [`8d8d4ef6`](https://github.com/volvo-cars/design-system-web/commit/8d8d4ef6c11a1a1d668f3204296a4445022b23e9) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `statement-1` and `statement-2` text styles ### Patch Changes - [#2322](https://github.com/volvo-cars/design-system-web/pull/2322) [`f8b1966f`](https://github.com/volvo-cars/design-system-web/commit/f8b1966f451610c2a12b8285b7bf7f785aed98f0) Thanks [@jacobrask](https://github.com/jacobrask)! - Add stack-text spacing for buttons - [#2326](https://github.com/volvo-cars/design-system-web/pull/2326) [`6e4c7231`](https://github.com/volvo-cars/design-system-web/commit/6e4c72313f633072b991e2d446a67453dca4fb73) Thanks [@jacobrask](https://github.com/jacobrask)! - Include missing class names in meta and TypeScript types ## 0.27.0 ### Minor Changes - [#2315](https://github.com/volvo-cars/design-system-web/pull/2315) [`80185669`](https://github.com/volvo-cars/design-system-web/commit/801856694da39a73927ea070cab3deea134d4b3e) Thanks [@jacobrask](https://github.com/jacobrask)! - Add `invisible` and `sr-only` classes - [#2168](https://github.com/volvo-cars/design-system-web/pull/2168) [`b3c1e69f`](https://github.com/volvo-cars/design-system-web/commit/b3c1e69f5290e31f9322dbb7e36f2201181154f8) Thanks [@harrymansworth](https://github.com/harrymansworth)! - Add `spinner` class for a loading indicator and support for positioning it inside a button - [#2283](https://github.com/volvo-cars/design-system-web/pull/2283) [`aeac9848`](https://github.com/volvo-cars/design-system-web/commit/aeac984868e7ee1a1abc79bbe9858d4b9b8e4118) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add `size` attribute support for inputs ### Patch Changes - [#2318](https://github.com/volvo-cars/design-system-web/pull/2318) [`32cc04b6`](https://github.com/volvo-cars/design-system-web/commit/32cc04b63830ee253e729296e6151a246e2384bc) Thanks [@jacobrask](https://github.com/jacobrask)! - Don't show the calendar on text inputs with datalist in Chrome ## 0.26.1 ### Patch Changes - [#2275](https://github.com/volvo-cars/design-system-web/pull/2275) [`f27d11b7`](https://github.com/volvo-cars/design-system-web/commit/f27d11b7a33a4eb651f1de4f400b1ddd8ed27f68) Thanks [@jacobrask](https://github.com/jacobrask)! - Add layout-2up and layout-3up to unstable styles - [#2274](https://github.com/volvo-cars/design-system-web/pull/2274) [`92b0426d`](https://github.com/volvo-cars/design-system-web/commit/92b0426ddabd33f9d7c740742828b32cc70d212f) Thanks [@jacobrask](https://github.com/jacobrask)! - - Fix container `data-bleed` - Expose more grid values as tokens - Update container-lg, container-md and container-sm colspans - [#2272](https://github.com/volvo-cars/design-system-web/pull/2272) [`98d08712`](https://github.com/volvo-cars/design-system-web/commit/98d08712d06d7f9e6741cf00229b6c3864df5dd3) Thanks [@jacobrask](https://github.com/jacobrask)! - Add debugging stylesheet and --v-grid-columns token - [#2269](https://github.com/volvo-cars/design-system-web/pull/2269) [`b3f41410`](https://github.com/volvo-cars/design-system-web/commit/b3f414100ddac3d77151dcbef80de61951b3bf68) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix(css): resolves disappearing radio button visual states when parent scrollable - [#2255](https://github.com/volvo-cars/design-system-web/pull/2255) [`cba184ac`](https://github.com/volvo-cars/design-system-web/commit/cba184acc7028eeadbcd5d4e390d57a77239da86) Thanks [@jacobrask](https://github.com/jacobrask)! - Allow toggling regular borders and text-color with state - [#2271](https://github.com/volvo-cars/design-system-web/pull/2271) [`8d69f149`](https://github.com/volvo-cars/design-system-web/commit/8d69f14900e00568912db1ab90e4fe701e47a2b5) Thanks [@jacobrask](https://github.com/jacobrask)! - Generate spacing utilities. - Adds `auto` classes for all margin directions - Removes `gap` for vertical only spacing (`gap-s`, `gap-m`, `gap-l`) - Adds `mx-pagemargin`, `ml-pagemargin`, `mr-pagemargin` classes - Adds `gap-x-gutter` class - [#2279](https://github.com/volvo-cars/design-system-web/pull/2279) [`653808bf`](https://github.com/volvo-cars/design-system-web/commit/653808bfee7a1ada06f8b64e1d5082a36c7378e8) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds 4up layout to unstable ## 0.26.0 ### Minor Changes - [#2248](https://github.com/volvo-cars/design-system-web/pull/2248) [`4742bc02`](https://github.com/volvo-cars/design-system-web/commit/4742bc02691094fc1fd3b33c96657fda1c6aa40e) Thanks [@jacobrask](https://github.com/jacobrask)! - Add border-ring utility to set box-shadow based borders - [#2237](https://github.com/volvo-cars/design-system-web/pull/2237) [`bedd8afc`](https://github.com/volvo-cars/design-system-web/commit/bedd8afc58761d8e8d062465828a00ca9e396c61) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds responsive width utility classes - [#2234](https://github.com/volvo-cars/design-system-web/pull/2234) [`b23c6acf`](https://github.com/volvo-cars/design-system-web/commit/b23c6acfd605153931db165dd95cc166b98996fc) Thanks [@jacobrask](https://github.com/jacobrask)! - Add border state modifier classes - [#2238](https://github.com/volvo-cars/design-system-web/pull/2238) [`7ab7ad4f`](https://github.com/volvo-cars/design-system-web/commit/7ab7ad4f98311246f88c4a5475ac143a5af8c396) Thanks [@jacobrask](https://github.com/jacobrask)! - Update spacing and alignment in button-group ### Patch Changes - [#2253](https://github.com/volvo-cars/design-system-web/pull/2253) [`3e74e4fa`](https://github.com/volvo-cars/design-system-web/commit/3e74e4fa93752b28fd7dc3affdf44ca87dc97b29) Thanks [@alizeait](https://github.com/alizeait)! - Add `toJSON()` to style proxy that returns the stringified output to prevent circular structure when converting to JSON - [#2249](https://github.com/volvo-cars/design-system-web/pull/2249) [`f3aa81d2`](https://github.com/volvo-cars/design-system-web/commit/f3aa81d24be00c05a3af384cb8298c700a89e2b5) Thanks [@jacobrask](https://github.com/jacobrask)! - Always center the select label if it's empty, regardless of focus state - [#2247](https://github.com/volvo-cars/design-system-web/pull/2247) [`20659e64`](https://github.com/volvo-cars/design-system-web/commit/20659e64f1e9e7f7fbca651fb8d0e8f2c60d839f) Thanks [@jacobrask](https://github.com/jacobrask)! - Make text-stack sets the appropriate gap even if omitting `body-16` and only including `font-medium` on a body sized sub title - [#2245](https://github.com/volvo-cars/design-system-web/pull/2245) [`555b4638`](https://github.com/volvo-cars/design-system-web/commit/555b4638441460c8465da2a626750a0297a6db0d) Thanks [@jacobrask](https://github.com/jacobrask)! - Add transition-color class to apply default transitions to color properties - [#2252](https://github.com/volvo-cars/design-system-web/pull/2252) [`577fd9e7`](https://github.com/volvo-cars/design-system-web/commit/577fd9e7781280d21eec2096464f277154d5b140) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add flex reverse direction - [#2232](https://github.com/volvo-cars/design-system-web/pull/2232) [`08eeaad2`](https://github.com/volvo-cars/design-system-web/commit/08eeaad252b33377e7bf1310eb8d8cf056c7abb3) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(css): adds mx-auto util class ## 0.25.1 ### Patch Changes - [#2226](https://github.com/volvo-cars/design-system-web/pull/2226) [`edd90bb6`](https://github.com/volvo-cars/design-system-web/commit/edd90bb62d5770f7bbb217f50ab113e2243a9e6a) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds `.truncate` utility class - [#2224](https://github.com/volvo-cars/design-system-web/pull/2224) [`638bc7b3`](https://github.com/volvo-cars/design-system-web/commit/638bc7b3c834afa1075baf20cfeaaac77e493f29) Thanks [@jacobrask](https://github.com/jacobrask)! - Update color-surface-feedback-orange in dark mode ## 0.25.0 ### Minor Changes - [#2209](https://github.com/volvo-cars/design-system-web/pull/2209) [`60f18fb6`](https://github.com/volvo-cars/design-system-web/commit/60f18fb63daf102bef8c673cccb3d0b6aa7b7d7f) Thanks [@jacobrask](https://github.com/jacobrask)! - Add button-group - [#2053](https://github.com/volvo-cars/design-system-web/pull/2053) [`b5929fc6`](https://github.com/volvo-cars/design-system-web/commit/b5929fc6f7cc80a4ec057678bd520964c2935c81) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Modal Dialog - [#2211](https://github.com/volvo-cars/design-system-web/pull/2211) [`95b76c84`](https://github.com/volvo-cars/design-system-web/commit/95b76c84d51c406ee8d20306e93069bfea470b66) Thanks [@jacobrask](https://github.com/jacobrask)! - Replace deprecated background-color tokens and remove unused unstable styles - [#2214](https://github.com/volvo-cars/design-system-web/pull/2214) [`46912827`](https://github.com/volvo-cars/design-system-web/commit/46912827ceea375d442ed6b64d3e3897acf3e035) Thanks [@harrymansworth](https://github.com/harrymansworth)! - Moves `Buttons` to stable ### Patch Changes - [#2220](https://github.com/volvo-cars/design-system-web/pull/2220) [`d89dc2d2`](https://github.com/volvo-cars/design-system-web/commit/d89dc2d23fe56641837f66e5939ab636578abcc7) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove button bleed - [#2215](https://github.com/volvo-cars/design-system-web/pull/2215) [`515636ad`](https://github.com/volvo-cars/design-system-web/commit/515636adbf6d7fb6f31aa17ffae80db245bb4a46) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds z-index util classes (unstable) - [#2212](https://github.com/volvo-cars/design-system-web/pull/2212) [`cee2b5aa`](https://github.com/volvo-cars/design-system-web/commit/cee2b5aa60e336b209d170aece410918841471b1) Thanks [@jacobrask](https://github.com/jacobrask)! - Use deterministic loading order of stylesheets, ensuring md loads before lg ## 0.24.0 ### Minor Changes - [#2183](https://github.com/volvo-cars/design-system-web/pull/2183) [`17248971`](https://github.com/volvo-cars/design-system-web/commit/17248971e34f33f32eb41b26b28fc1c1714d0ff5) Thanks [@jacobrask](https://github.com/jacobrask)! - - container - Use fluid page margins - container - Use 8 column grid on mobile - Remove unstable_tokens ### Patch Changes - [#2185](https://github.com/volvo-cars/design-system-web/pull/2185) [`b6a31098`](https://github.com/volvo-cars/design-system-web/commit/b6a31098d4e761ae98fabf7fc917649c9c57ea7d) Thanks [@jacobrask](https://github.com/jacobrask)! - Fix floating label position for password inputs ## 0.23.0 ### Minor Changes - [#1972](https://github.com/volvo-cars/design-system-web/pull/1972) [`a157f976`](https://github.com/volvo-cars/design-system-web/commit/a157f9765a2e013df1a13d84962dc4c292e563ae) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(blocks): adds buttons - [#2169](https://github.com/volvo-cars/design-system-web/pull/2169) [`1d3c4ae0`](https://github.com/volvo-cars/design-system-web/commit/1d3c4ae0f3ca04c383e916649001efaee585175a) Thanks [@jacobrask](https://github.com/jacobrask)! - - Use separate button classes (`button-filled`, `button-outline`, `button-text`) instead of `data-type` - Fix disabled styles for `a` buttons - Use `aria-disabled` over `:disabled` to allow maintained keyboard focus - Fix the minimum touch area for text buttons - Fix alignment of text arrow - Rename arrows to forward/back to be less ambigious with RTL directions and match icon names - Default text button to the forward arrow, allowing opt-out with `data-arrow=none` ### Patch Changes - [#2170](https://github.com/volvo-cars/design-system-web/pull/2170) [`5a484c3c`](https://github.com/volvo-cars/design-system-web/commit/5a484c3c77560cac5eaf0db2465bcc8425e0defd) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid transpiling to the newer media query range syntax that doesn't work in older browsers - [#2166](https://github.com/volvo-cars/design-system-web/pull/2166) [`0e586d1d`](https://github.com/volvo-cars/design-system-web/commit/0e586d1dd356e46cb056e52eb83e3aa2f08b8d9d) Thanks [@harrymansworth](https://github.com/harrymansworth)! - chore: moves button to unstable - [#2163](https://github.com/volvo-cars/design-system-web/pull/2163) [`a003c78f`](https://github.com/volvo-cars/design-system-web/commit/a003c78fde5faa85ece65aa39630dfafe06cff3f) Thanks [@harrymansworth](https://github.com/harrymansworth)! - chore: update `-hover` tokens for primary foreground and surface - [#2167](https://github.com/volvo-cars/design-system-web/pull/2167) [`5a13fcf6`](https://github.com/volvo-cars/design-system-web/commit/5a13fcf6d40016be2744e9c608916c5e7b6fbbaa) Thanks [@harrymansworth](https://github.com/harrymansworth)! - fix: prevents user from selecting button text when tapping button s on mobile ## 0.22.0 ### Minor Changes - [#2152](https://github.com/volvo-cars/design-system-web/pull/2152) [`85474fbc`](https://github.com/volvo-cars/design-system-web/commit/85474fbcc1505c8c64fc2d8c011396b4f9cbeec0) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove tokens.json, adding tokens to meta.json instead - [#2133](https://github.com/volvo-cars/design-system-web/pull/2133) [`232ecd60`](https://github.com/volvo-cars/design-system-web/commit/232ecd60da84ad203f043010e1715458a89dece5) Thanks [@harrymansworth](https://github.com/harrymansworth)! - moves `container` to stable - [#2156](https://github.com/volvo-cars/design-system-web/pull/2156) [`4d263836`](https://github.com/volvo-cars/design-system-web/commit/4d2638365514affd8df2b80f5dd8330073c4b345) Thanks [@jacobrask](https://github.com/jacobrask)! - Remove flex- prefix from properties that also work with grid ### Patch Changes - [#2154](https://github.com/volvo-cars/design-system-web/pull/2154) [`757be5a9`](https://github.com/volvo-cars/design-system-web/commit/757be5a9b9d553c335653e4473b588ceb066acfe) Thanks [@jacobrask](https://github.com/jacobrask)! - Prevent input hover state getting stuck on mobile - [#1986](https://github.com/volvo-cars/design-system-web/pull/1986) [`e4c7117d`](https://github.com/volvo-cars/design-system-web/commit/e4c7117d9b7ff768436faefbb97e4dab4393467a) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat(tokens): adds transition values - [#2125](https://github.com/volvo-cars/design-system-web/pull/2125) [`850106d7`](https://github.com/volvo-cars/design-system-web/commit/850106d7e5f77747b02b1b363cf466619459a53c) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds gap util - [#2111](https://github.com/volvo-cars/design-system-web/pull/2111) [`9c511916`](https://github.com/volvo-cars/design-system-web/commit/9c5119167ec4abae731dd54e954e9c9d14211d08) Thanks [@harrymansworth](https://github.com/harrymansworth)! - adds new surface colour tokens ## 0.21.0 ### Minor Changes - [#2129](https://github.com/volvo-cars/design-system-web/pull/2129) [`eca526cd`](https://github.com/volvo-cars/design-system-web/commit/eca526cd947165186b494ee187858c08bd0689af) Thanks [@jacobrask](https://github.com/jacobrask)! - Replace styles.json with a meta.json with more meta data - [#2123](https://github.com/volvo-cars/design-system-web/pull/2123) [`ee96d668`](https://github.com/volvo-cars/design-system-web/commit/ee96d66878d9905994e6d58a0b74f79c1a127cca) Thanks [@jacobrask](https://github.com/jacobrask)! - - Adds 3 more fixed spacing values for margin, padding and stack: 32, 48, 64 - Adds 3 fluid spacing values: s, m, l - Removes `--v-space-section` spacing ### Patch Changes - [#2134](https://github.com/volvo-cars/design-system-web/pull/2134) [`00213168`](https://github.com/volvo-cars/design-system-web/commit/002131680b39e8bf06e4683b265c55845f952510) Thanks [@harrymansworth](https://github.com/harrymansworth)! - adds `inverted` color token - [#2148](https://github.com/volvo-cars/design-system-web/pull/2148) [`e31545f1`](https://github.com/volvo-cars/design-system-web/commit/e31545f16aabb641577f9314e6a1e6e128cd539e) Thanks [@ghops-volvo-cars](https://github.com/ghops-volvo-cars)! - Update dependency lightningcss to v1.20.0 ## 0.20.3 ### Patch Changes - [#2118](https://github.com/volvo-cars/design-system-web/pull/2118) [`6df2f7a5`](https://github.com/volvo-cars/design-system-web/commit/6df2f7a5843bb321d48818f8d13896da26be19f6) Thanks [@jacobrask](https://github.com/jacobrask)! - Avoid autofill backgrounds spilling out over input borders ## 0.20.2 ### Patch Changes - [#2093](https://github.com/volvo-cars/design-system-web/pull/2093) [`1f61398e`](https://github.com/volvo-cars/design-system-web/commit/1f61398e0632edfa63964cd53906cbeac87d88b1) Thanks [@jbvolvo](https://github.com/jbvolvo)! - 10% descrease in font size on CJK languages ## 0.20.1 ### Patch Changes - [#2090](https://github.com/volvo-cars/design-system-web/pull/2090) [`32cc1cb6`](https://github.com/volvo-cars/design-system-web/commit/32cc1cb659af18bc889b150218f7375cab5ab5a7) Thanks [@harrymansworth](https://github.com/harrymansworth)! - unblocks pointer events on aria-disabled="false" elements ## 0.20.0 ### Minor Changes - [#2047](https://github.com/volvo-cars/design-system-web/pull/2047) [`c6fb1ab8`](https://github.com/volvo-cars/design-system-web/commit/c6fb1ab88d2810fb80cdd51b21fb12467ab3b9d8) Thanks [@harrymansworth](https://github.com/harrymansworth)! - feat: adds css containers and uses them in example app ### Patch Changes - [#2049](https://github.com/volvo-cars/design-system-web/pull/2049) [`dcbbbd79`](https://github.com/volvo-cars/design-system-web/commit/dcbbbd79d48f7fcee0f2966144b8ad219bce6483) Thanks [@jbvolvo](https://github.com/jbvolvo)! - Add crossOrigin prop to link props ## 0.19.0 ### Minor Changes - [#2028](https://github.com/volvo-cars/design-system-web/pull/2028) [`f2017d5f`](https://github.com/volvo-cars/design-system-web/commit/f2017d5ff0fd5bb663aa46d13b0bc4241d1b9495) Thanks [@jacobrask](https://github.com/jacobrask)! - Make inputs full width ### Patch Changes - [#2027](https://github.com/volvo-cars/design-system-web/pull/2027) [`76774829`](https://github.com/volvo-cars/design-system-web/commit/76774829daf6f9e3ac7cb0b4dea690fbfd929403) Thanks [@alizeait](https://github.com/alizeait)! - Add CSS declarations for each css class type as JsDocs - [#2045](https://github.com/volvo-cars/design-system-web/pull/2045) [`64c7f9f1`](https://github.com/volvo-cars/design-system-web/commit/64c7f9f1310d4bb38e63598e6b8ca58439dbf2dc) Thanks [@jacobrask](https://github.com/jacobrask)! - Set explicit height for inputs, fixing date input height ## 0.18.0 ### Minor Changes - [#1982](https://github.com/volvo-cars/design-system-web/pull/1982) [`dbba63ce`](https://github.com/volvo-cars/design-system-web/commit/dbba63cea8f6f16382734e9d66e91fbbeaacbdfe) Thanks [@jacobrask](https://github.com/jacobrask)! - Wrap all selectors in :where() automatically ### Patch Changes - [#2020](https://github.com/volvo-cars/design-system-web/pull/2020) [`35a355d9`](https://github.com/volvo-cars/design-system-web/commit/35a355d92808a066f59efb34b5d9d73e19d74ca3) Thanks [@jacobrask](https://github.com/jacobrask)! - Support triggering floating labels with data-blank - [#2015](https://github.com/volvo-cars/design-system-web/pull/2015) [`e603ffb7`](https://github.com/volvo-cars/design-system-web/commit/e603ffb7755c129e1d775311a0c5efee438e294c) Thanks [@jacobrask](https://github.com/jacobrask)! - - Fix iOS styles for ``. - Set min-width on ``, `