Changelog
@volvo-cars/css
Minor Changes
Section titled “Minor Changes”-
#5045
deda946Thanks @PaoloGiraudi! - - Update typography tokens to align with the larger Statement sizes- Removed the
heading-3tokens as they were deprecated and removed from the system
- Removed the
-
#5044
0aabf37Thanks @AlexMPLeite! - Addtext-heroandmedia-herocomponents for full-width page-level hero blocks.
Patch Changes
Section titled “Patch Changes”-
#5102
dac8c73Thanks @jacobrask! - Scopedialog-smallclose-button spacing to direct children to prevent layout regressions in existing header-slot usage -
#5086
92b04b4Thanks @AlexMPLeite! - Updatetitle-pagecomponent typography
Minor Changes
Section titled “Minor Changes”- #5063
698c0e9Thanks @jacobrask! - Remove the Volvo Novum@font-faceCSS. Associated tokens were removed in 2.0 so no styles should be referencing these fonts anyway.
Patch Changes
Section titled “Patch Changes”- #5064
5a92bcdThanks @jacobrask! - Use the CSS package major version when generating CDN asset URLs.
Minor Changes
Section titled “Minor Changes”-
#4665
a7e1200Thanks @AlexMPLeite! - Addnavigation-barlayout — a sticky 3-column grid for top-level site navigation with start, center, and end slots. Height adjusts from 48px to 64px at themdbreakpoint. Positioning is controllable via--navigation-bar-position.Fix
message-bardismiss button positioning to work correctly with and withoutbleed. -
#4822
ebdbe8bThanks @PaoloGiraudi! - Rebrand styles for Dialog, Dialog-small, Sheet and ToastMessage -
#5032
7cd6a5dThanks @rcarls13! - feat(css): New utility classes for select and pointer events
Patch Changes
Section titled “Patch Changes”- #5028
1fc9bfaThanks @PaoloGiraudi! - remove the use of--v-font-Xvariables in favor of--v-font-X-sizeand--v-font-X-lineheight
Patch Changes
Section titled “Patch Changes”- #5009
c8755baThanks @PaoloGiraudi! - fix position of icon in select
Major Changes
Section titled “Major Changes”-
#4915
5360d94Thanks @PaoloGiraudi! - ## Breaking changesThe Centenary theme is now the default theme.
Removed classes
Section titled “Removed classes”.heading-3— the utility class and defaulth3styles have been removed. Use theheading-3token 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__closeand the legacyrole="dialog"+.dialog[aria-modal]pattern — the old dialog API has been removed. Use<dialog class="dialog-small">or<dialog class="dialog-large">.- 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-noneand.rounded-fullremain. - Icons – Updated all icons to use v5
Changed behaviour
Section titled “Changed behaviour”.button-text[data-size="small"]—data-size="small"no longer applies to text buttons. The attribute is only supported on.button-filledand.button-outlined..button-text[data-color="accent"]— theaccentcolor is no longer supported on text buttons. Use the default ordestructive..rounded-full— now maps tovar(--v-shape-emphasis)instead ofvar(--v-radius-full). The visual output does not change.
1.53.0
Section titled “1.53.0”Minor Changes
Section titled “Minor Changes”-
#4937
f5ee6faThanks @AlexMPLeite! - Addmessage-barCSS component with slot-based content areas for dismissible, full-width messagesAdd
--v-space-pageoffsettoken that computes the inline offset from viewport edge to content area, matching the page layout
1.52.1
Section titled “1.52.1”Patch Changes
Section titled “Patch Changes”- #4941
0add581Thanks @AlexMPLeite! - - Remove defaultobject-fit: containfrom media-card media slot (useimgclass or utility classes instead)- Fix media-tile image scale animation snapping at end of transition by adding
will-change: scale - Add
overflow: hiddento 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-mixwith shared--_overlay-rate - Add transition to media slot background so it animates in sync with the tile
- Fix media-tile image scale animation snapping at end of transition by adding
1.52.0
Section titled “1.52.0”Minor Changes
Section titled “Minor Changes”- #4883
5aed1bbThanks @jacobrask! - Addtabular-numsutility 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
Section titled “Patch Changes”- #4910
df637c3Thanks @PaoloGiraudi! - Change inline-message default color to background-feedback-gray
1.51.0
Section titled “1.51.0”Minor Changes
Section titled “Minor Changes”- #4880
7b46136Thanks @jacobrask! - Apply time-colon styleset to time elements and inputs
Patch Changes
Section titled “Patch Changes”-
#4890
3214356Thanks @AlexMPLeite! - Fixmedia-bannerstretching to fill its parent height when used inside grid layouts likepagelayout. -
#4877
5b2fe9aThanks @AlexMPLeite! - Fixtileandbanneroutline clipping when outside of container boundaries by removing overflow clip Removebanner’sslot=contentinline padding
1.50.0
Section titled “1.50.0”Minor Changes
Section titled “Minor Changes”-
#4852
4179d27Thanks @jacobrask! - Deprecate heading-3 in favor of heading-2 -
#4847
b6cd6c1Thanks @AlexMPLeite! - Update web tokens:- Update
--v-space-gutterrange to be between16pxand32px
Fix the fallback font to include
Volvo Broad - Update
-
#4855
643a4daThanks @jacobrask! - Preload Volvo Centum latin font file in links()
Patch Changes
Section titled “Patch Changes”-
#4853
a2e3d42Thanks @jacobrask! - Fix switch in dark mode, remove accent variant -
#4785
6c98618Thanks @PaoloGiraudi! - update space-gutter for centenary to 16-32
1.49.1
Section titled “1.49.1”Patch Changes
Section titled “Patch Changes”-
#4820
c6e6709Thanks @AlexMPLeite! - Update media banner layout, remove usage of font size 20px in favour of the standard 16px -
#4808
bbdbb7fThanks @PaoloGiraudi! - Added centenary styles to inline message component -
#4809
e641818Thanks @PaoloGiraudi! - Apply centenary styles to .toast-message component
1.49.0
Section titled “1.49.0”Minor Changes
Section titled “Minor Changes”-
#4786
5b2b2dcThanks @jacobrask! - Stop inlining font-face as base64 data uris -
#4781
c4f1ac4Thanks @jacobrask! - Addmedia-bannerandtext-bannerCSS components with slot-based content areas and hover states
Patch Changes
Section titled “Patch Changes”-
#4806
8e848c8Thanks @niketsonivc! - Fix checkbox indeterminate state color in centenary dark mode. The dash now uses--v-color-foreground-invertedinstead of--v-color-always-white, matching the checked state behavior. -
#4807
1e1af4fThanks @PaoloGiraudi! - use design system variables in .reel class
1.48.0
Section titled “1.48.0”Minor Changes
Section titled “Minor Changes”- #4734
f0bb997Thanks @AlexMPLeite! - Addmedia-card,media-tile,text-card,text-tileCSS components with slot-based content areas and hover states
Patch Changes
Section titled “Patch Changes”-
#4780
e02ee28Thanks @PaoloGiraudi! - remove background from unselected chips to avoid a11y issues -
#4783
bc883eeThanks @copilot-swe-agent! - Fix.pill-softto use--v-color-surface-graybackground in the centenary theme
1.47.0
Section titled “1.47.0”Minor Changes
Section titled “Minor Changes”- #4760
3960ceaThanks @PaoloGiraudi! - rename title to title-page and title-section
1.46.1
Section titled “1.46.1”Patch Changes
Section titled “Patch Changes”- #4750
6a982e6Thanks @copilot-swe-agent! - Update pill to be square in the centenary theme
1.46.0
Section titled “1.46.0”Minor Changes
Section titled “Minor Changes”- #4721
36d4721Thanks @PaoloGiraudi! - add .title class as part of the consolidation effort
Patch Changes
Section titled “Patch Changes”-
#4735
874fe10Thanks @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
5560231Thanks @PaoloGiraudi! - add Centenary styles to tooltip and popovers with arrow -
#4740
58c2b80Thanks @PaoloGiraudi! - make font bold for b and strong tags -
#4743
786e4a1Thanks @PaoloGiraudi! - Move button subtle to main button class in order to work in the shadow dom -
#4742
cc1b085Thanks @PaoloGiraudi! - round fluid spacing tokens to 2px steps -
#4745
1e35758Thanks @PaoloGiraudi! - add :host selector to the centenary dialog styles -
#4741
16981a8Thanks @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
b8a81c5Thanks @PaoloGiraudi! - fix floating label input padding
1.45.0
Section titled “1.45.0”Minor Changes
Section titled “Minor Changes”-
#4513
71e2170Thanks @PaoloGiraudi! - add double range slider component -
#4680
7a088d4Thanks @PaoloGiraudi! - Add .table class, this is one of the first steps to merge the edls-css package into the main css package
Patch Changes
Section titled “Patch Changes”- #4719
35447edThanks @PaoloGiraudi! - rebrand range slider and double range slider with Centenary theme
1.44.0
Section titled “1.44.0”Minor Changes
Section titled “Minor Changes”- #4710
ec531c8Thanks @jacobrask! - In the centenary theme, limit how large heading and statement font sizes can grow when used inside of legacy container classes
Patch Changes
Section titled “Patch Changes”- #4702
6e4773fThanks @PaoloGiraudi! - Checkbox and Radio | add background to tap-area when the components are hovered
1.43.1
Section titled “1.43.1”Patch Changes
Section titled “Patch Changes”- #4688
8715294Thanks @PaoloGiraudi! - adopt shape-default in dialogs for centenary
1.43.0
Section titled “1.43.0”Minor Changes
Section titled “Minor Changes”- #4679
6427329Thanks @alexanderzinolidis! - Add responsive variants forinsetstyles
Patch Changes
Section titled “Patch Changes”- #4683
2378255Thanks @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
Section titled “1.42.0”Minor Changes
Section titled “Minor Changes”- #4664
d566917Thanks @AlexMPLeite! - Adddata-size="large"support to icon-button CSS (48 × 48 px button).
Patch Changes
Section titled “Patch Changes”-
#4644
244480eThanks @PaoloGiraudi! - Bug fix: correctly merge dimension classes without numerical value.cssMerge("w-fit", "w-full")now returnsw-full. Addedshapeclasses to the merge logic as well. -
#4643
a702e09Thanks @PaoloGiraudi! - visual bug fix: indeterminate checkbox now adapts to the new theme on hover -
#4663
165931cThanks @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
Section titled “1.41.0”Minor Changes
Section titled “Minor Changes”-
#4579
ceba04cThanks @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.cssand normalize gap variant naming. - Keep legacy theme working by providing fallback mappings for
--v-space-{s,m,l}and legacy pagemargin overrides.
Patch Changes
Section titled “Patch Changes”- #4635
4fce5abThanks @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
Section titled “1.40.1”Patch Changes
Section titled “Patch Changes”- #4599
21e7db3Thanks @AlexMPLeite! - Fix close button floating position on small dialogs
1.40.0
Section titled “1.40.0”Minor Changes
Section titled “Minor Changes”-
#4578
d0938adThanks @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
eeaa01dThanks @PaoloGiraudi! - add pagelayout classes for centenary theme
Patch Changes
Section titled “Patch Changes”-
#4570
58610b5Thanks @PaoloGiraudi! - Add Centenary styles for tabs and fix clipped outline in vertical tabs -
#4567
c988165Thanks @niketsonivc! - fix: prevent dialog content escaping by clipping overflow; dropdowns/popovers should use a portal/top-layer to avoid being clipped.
1.39.3
Section titled “1.39.3”Patch Changes
Section titled “Patch Changes”- #4554
3554725Thanks @PaoloGiraudi! - add 12 spacing token
1.39.2
Section titled “1.39.2”Patch Changes
Section titled “Patch Changes”-
#4529
1b80cf3Thanks @PaoloGiraudi! - add shape utility classes -
#4533
0c8d6acThanks @AlexMPLeite! - Improve selectable card grid layout to automatically adapt when slots are mixed and matched
1.39.1
Section titled “1.39.1”Patch Changes
Section titled “Patch Changes”-
#4504
b5166cdThanks @AlexMPLeite! - Update selectable-card image slot height from 48px to 52px (3.25rem) -
#4526
b1b012cThanks @AlexMPLeite! - Add hover effects and active states to selectable cards with background color transitions
1.39.0
Section titled “1.39.0”Minor Changes
Section titled “Minor Changes”-
#4483
741247bThanks @PaoloGiraudi! - add rebranded chip styles -
#4478
326e26bThanks @AlexMPLeite! - Add selectable-card component
Patch Changes
Section titled “Patch Changes”-
#4505
a59fadcThanks @AlexMPLeite! - Update selectable-card hover styles to keep checkbox/radio inputs static (no hover effects) while maintaining card border hover effect -
#4461
6ec7825Thanks @PaoloGiraudi! - change form accent color for centenary
1.38.0
Section titled “1.38.0”Minor Changes
Section titled “Minor Changes”- #4413
f309c3fThanks @niketsonivc! - Added button support for the new Centenary theme.
1.37.1
Section titled “1.37.1”Patch Changes
Section titled “Patch Changes”- #4404
89c295bThanks @PaoloGiraudi! - allow override of tab color
1.37.0
Section titled “1.37.0”Minor Changes
Section titled “Minor Changes”- #4364
a883a16Thanks @PaoloGiraudi! - add tab and tablist classes
Patch Changes
Section titled “Patch Changes”-
#4359
db5c373Thanks @PaoloGiraudi! - target :host for centenary theme -
#4363
2ee7132Thanks @jacobrask! - Fix Centum emphasis font-weight and disable font-synthesis-weight -
#4362
68a3b8eThanks @PaoloGiraudi! - use more —v-shape-default -
#4373
75c3972Thanks @jacobrask! - Update links to modern Node import attributes syntax
1.36.0
Section titled “1.36.0”Minor Changes
Section titled “Minor Changes”- #4267
5b1b302Thanks @PaoloGiraudi! - add max-h-inherit
Patch Changes
Section titled “Patch Changes”-
#4334
40a09b4Thanks @PaoloGiraudi! - longer animation for tooltip -
#4324
9f46042Thanks @PaoloGiraudi! - use variables in font-weight classes -
#4342
dc6106bThanks @niketsonivc! - fixed the safari 26 range slider issue -
#4343
9c53075Thanks @PaoloGiraudi! - add and support new shape tokens -
#4323
e9bb357Thanks @PaoloGiraudi! - adjust font-weight in centum for figma parity
1.35.0
Section titled “1.35.0”Minor Changes
Section titled “Minor Changes”- #4304
f9b7f14Thanks @PaoloGiraudi! - remove scaling of active buttons
Patch Changes
Section titled “Patch Changes”-
#4308
ea6c6e6Thanks @PaoloGiraudi! - update tokens values -
#4301
4e6b2aaThanks @jacobrask! - Use anchor positioning for range output -
#4309
f7aa630Thanks @niketsonivc! - update range slider tooltip spacing and rename prop from output to tooltip
1.34.0
Section titled “1.34.0”Minor Changes
Section titled “Minor Changes”-
#4287
c5ec4e0Thanks @jacobrask! - Usefont-variation-settingsinstead offont-styleto set italic, to ensure maximum compatibility with variable fonts Adds theitalicclass -
#4264
df89c4eThanks @niketsonivc! - Add dynamic value output tooltip to RangeSlider component -
#4295
f9ad91bThanks @PaoloGiraudi! - add centenary font and color tokens
Patch Changes
Section titled “Patch Changes”- #4293
ff2dd4dThanks @jacobrask! - Add italic styles that work with variable fonts to more elements
1.33.0
Section titled “1.33.0”Minor Changes
Section titled “Minor Changes”-
#4237
43c1a17Thanks @niketsonivc! - add selectable-chips and deprecated toggle-group-button class -
#4254
43b97dcThanks @niketsonivc! - Add responsive border width utility classes -
#4242
df21f7dThanks @PaoloGiraudi! - add pill class -
#4248
b8e6bbeThanks @jacobrask! - Add separate tokens for heading and statement weights
Patch Changes
Section titled “Patch Changes”-
#4270
d176a1eThanks @niketsonivc! - add DismissibleChips -
#4247
b6ff816Thanks @jacobrask! - Add Volvo Centum font file loading
1.32.1
Section titled “1.32.1”Patch Changes
Section titled “Patch Changes”- #4246
f3bfc24Thanks @alizeait! - Removewhere()from colors to increase specificity indata-color-mode='auto'
1.32.0
Section titled “1.32.0”Minor Changes
Section titled “Minor Changes”- #4238
3b326a9Thanks @PaoloGiraudi! - add inline-message class
Patch Changes
Section titled “Patch Changes”- #4234
1cb295eThanks @PaoloGiraudi! - add pre-line to tooltip to allow new lines
1.31.0
Section titled “1.31.0”Minor Changes
Section titled “Minor Changes”-
#4217
d6246f3Thanks @niketsonivc! - added min-width to the date input -
#4223
203bba7Thanks @jacobrask! - Outputllm/meta.mdwith docs with more efficient token usage for LLMs -
#4217
d6246f3Thanks @niketsonivc! - add min-width to the input fields -
#4214
cc73f01Thanks @jacobrask! - add slide-in animation and fade out
Patch Changes
Section titled “Patch Changes”-
#4220
0ed98d2Thanks @PaoloGiraudi! - improved toast animations -
#4219
36b1d5eThanks @jacobrask! - Fix buttons used as tap-area-target
1.30.0
Section titled “1.30.0”Minor Changes
Section titled “Minor Changes”- #4203
387fc53Thanks @niketsonivc! - Add indeterminate state styling for checkboxes using data-indeterminate attribute
Patch Changes
Section titled “Patch Changes”- #4200
cf518f8Thanks @PaoloGiraudi! - add deprecation warning for orange
1.29.0
Section titled “1.29.0”Minor Changes
Section titled “Minor Changes”-
#4104
891e12dThanks @PaoloGiraudi! - add slide-in-from-bottom animation -
#4192
2b784aeThanks @alizeait! - Adddata-color-mode='auto'support to automatically detect system color scheme and apply light or dark mode accordingly. -
#4190
596245cThanks @ranisalt! - Support bigint inputs in cssJoin
1.28.0
Section titled “1.28.0”Minor Changes
Section titled “Minor Changes”- #4177
476655cThanks @jacobrask! - Disable body scroll with open dialogs even in shadow dom
1.27.1
Section titled “1.27.1”Patch Changes
Section titled “Patch Changes”- #4171
b41d759Thanks @PaoloGiraudi! - use ch for tooltip width
1.27.0
Section titled “1.27.0”Minor Changes
Section titled “Minor Changes”-
#4166
d4cbe12Thanks @PaoloGiraudi! - add overflow-clip utilities -
#4153
c0debfbThanks @jacobrask! - Improve handling of floating labels with autofilled forms Improve autofill background position in delegated inputs -
#4122
06a20b0Thanks @harrymansworth! - feat: adds.tooltipand.tooltip-arrowclasses docs: addsa11y.mdaudit document
1.26.0
Section titled “1.26.0”Minor Changes
Section titled “Minor Changes”-
#4126
6ec4cddThanks @jacobrask! - Deprecate reel indicators -
#4130
4a32494Thanks @jacobrask! - Increase 12 column max width to 81rem/1296px (from 80rem/1280px)
Patch Changes
Section titled “Patch Changes”- #4138
1fa5ad3Thanks @PaoloGiraudi! - use foreground secondary for disabled input text
1.25.0
Section titled “1.25.0”Minor Changes
Section titled “Minor Changes”- #4113
2d25204Thanks @jacobrask! - Allow passing--spinner-sizeto.spinnerclass
1.24.1
Section titled “1.24.1”Patch Changes
Section titled “Patch Changes”-
#4105
40a9863Thanks @PaoloGiraudi! - fix loading spinner in toggle group button -
#4107
bfa79c1Thanks @jacobrask! - Remove custom rule for lazy loaded mask icons
1.24.0
Section titled “1.24.0”Minor Changes
Section titled “Minor Changes”- #4042
f1291a1Thanks @PaoloGiraudi! - add toggle-group-button component, fix touch area in small button and use 14px font in small buttons
Patch Changes
Section titled “Patch Changes”-
#4020
b1bdad4Thanks @RichEwin! - Update the hover and press behaviour of links and button-text to be more aligned -
#4084
20f4686Thanks @jacobrask! - Fix invalid :host selector
1.23.1
Section titled “1.23.1”Patch Changes
Section titled “Patch Changes”-
#3959
1adae11Thanks @RichEwin! - Feature: Improved behavior of icons in buttons.- Updated styles for
img.icon-spriteto support button-filled and button-outlined button styles. - Enhanced
img.icon-spriteto handleicon-maskand added contextual margin adjustments for icons when positioned as:first-childor:last-child.
- Updated styles for
1.23.0
Section titled “1.23.0”Minor Changes
Section titled “Minor Changes”-
#3881
65135dfThanks @jacobrask! - ## Updated color tokensThis 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-feedbackcolors now meet 4.5:1 contrast ratios when displayed on top of ourbackground-primaryand ourbackground-secondarycolors (exceptforeground-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/backgroundcolors: These colors now stand out better onbackground/secondary, making them easier to use without blending in. - Foreground token opacity removed:
primary,secondary, andtertiaryforeground 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/neutralvariation: Added to make inlineFeedback usable onbackground/secondaryby 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.
- Accessibility improvements: All
1.22.0
Section titled “1.22.0”Minor Changes
Section titled “Minor Changes”-
#3963
d2dfb12Thanks @RichEwin! - Improve behavior of icons in buttons - Adjust padding- Reduce the default padding to 24px for
button-filledandbutton-outlined.
- Reduce the default padding to 24px for
Patch Changes
Section titled “Patch Changes”-
#3961
b1097caThanks @PaoloGiraudi! - align skeleton code with figma -
#3991
e5d98c0Thanks @PaoloGiraudi! - add 1em min-height to skeleton -
#4002
fd36088Thanks @RichEwin! - Accessibility: Add accessibility guidelines to the breadcrumbs component.
1.21.0
Section titled “1.21.0”Minor Changes
Section titled “Minor Changes”-
#3944
20d2a81Thanks @RichEwin! - Ensure thehiddenattribute overridesdisplayfrom other Volvo Cars CSS styles -
#3904
da5e016Thanks @PaoloGiraudi! - added skeleton class -
#3824
9810108Thanks @jacobrask! - Add pagination-dots class for scroll pagination indicators.
Patch Changes
Section titled “Patch Changes”- #3921
461ae1fThanks @RichEwin! - Adds the open:border-primary class to set the border-color to the primary foreground color when an element, egdetails, is open.
1.20.0
Section titled “1.20.0”Minor Changes
Section titled “Minor Changes”1.19.0
Section titled “1.19.0”Minor Changes
Section titled “Minor Changes”- #3879
6dea1d3Thanks @jacobrask! - Change input focus border color from blue to black
1.18.2
Section titled “1.18.2”Patch Changes
Section titled “Patch Changes”- #3877
b199822Thanks @jacobrask! - Adjust negative margin on checkbox and radio
1.18.1
Section titled “1.18.1”Patch Changes
Section titled “Patch Changes”-
#3854
b33ebd9Thanks @harrymansworth! - fix(link): makes touch area pseudo element correctly cover link in RTL -
#3846
e590f8eThanks @jacobrask! - Reduce the max-height of dialogs from tablet and above -
#3866
42064c3Thanks @jacobrask! - Remove inline-size from reel contain
1.18.0
Section titled “1.18.0”Minor Changes
Section titled “Minor Changes”- #3840
caf281eThanks @jacobrask! - Add CSS isolation withcontaintoreel
Patch Changes
Section titled “Patch Changes”-
#3671
7bac276Thanks @Shpilevskyy! - Resets padding for all table cells -
#3833
31ec845Thanks @PaoloGiraudi! - improve touch area of RangeSlider, add cursor pointer to it -
#3829
35c5af2Thanks @PaoloGiraudi! - increase touch area of checkbox and radio to 24px
1.17.0
Section titled “1.17.0”Minor Changes
Section titled “Minor Changes”1.16.2
Section titled “1.16.2”Patch Changes
Section titled “Patch Changes”- #3808
1239d7cThanks @jacobrask! - Trigger re-release with published assets
1.16.1
Section titled “1.16.1”Patch Changes
Section titled “Patch Changes”- #3807
9b70cbcThanks @jacobrask! - Republish to publish assets
1.16.0
Section titled “1.16.0”Minor Changes
Section titled “Minor Changes”-
#3742
8e2546fThanks @ghops-volvo-cars! - Drop support for Safari 15.x -
#3802
f51537bThanks @jacobrask! - Expose state colors as CSS variables -
#3798
4d54e1aThanks @jacobrask! - Only hide scrollbars from non-focused elements -
#3792
cfee936Thanks @jacobrask! - Update height default to full height for dialog-large
1.15.3
Section titled “1.15.3”Patch Changes
Section titled “Patch Changes”-
#3790
808756fThanks @jacobrask! - Fix broken translate-y classes -
#3789
7d96759Thanks @jacobrask! - Fix invisible Wordmark in RTL
1.15.2
Section titled “1.15.2”Patch Changes
Section titled “Patch Changes”-
#3737
781d4b3Thanks @jacobrask! - Fix sheet animation direction in RTL mode -
#3732
0566743Thanks @jbvolvo! - Set:root, :hostto make css variable--_v-setting-text-directionavailable.
1.15.1
Section titled “1.15.1”Patch Changes
Section titled “Patch Changes”-
#3701
2d41f04Thanks @jacobrask! - Fix RTL for icons with color -
#3704
a40c887Thanks @jacobrask! - Fix dark mode icon foreground color
1.15.0
Section titled “1.15.0”Minor Changes
Section titled “Minor Changes”1.14.0
Section titled “1.14.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #3622
9b625ecThanks @harrymansworth! - feat(layout): removes upper constraint on generated negative margin values
1.13.1
Section titled “1.13.1”Patch Changes
Section titled “Patch Changes”- #3627
259d8bbThanks @jacobrask! - Re-release with assets
1.13.0
Section titled “1.13.0”Minor Changes
Section titled “Minor Changes”- #3611
f122c3dThanks @jbvolvo! - Addingh-40andh-content-fitutility classes (viewport prefixes supported)
Patch Changes
Section titled “Patch Changes”-
#3613
1c0efa9Thanks @jbvolvo! - Add selected and checked states for bg-surface-neutral + text-inverted -
#3612
857d301Thanks @jbvolvo! - Add text-wrap balance to headings and statements
1.12.0
Section titled “1.12.0”Minor Changes
Section titled “Minor Changes”-
#3508
9ebc6d8Thanks @harrymansworth! - feat(utilities): adds flex basis utilities -
#3583
d0d7cecThanks @harrymansworth! - feat: adds responsive prefixes for visibility utility class
1.11.2
Section titled “1.11.2”Patch Changes
Section titled “Patch Changes”- #3556
6b855c7Thanks @jbvolvo! - Dialog: Add more side padding (32px) for sheet dialog on bigger viewport
1.11.1
Section titled “1.11.1”Patch Changes
Section titled “Patch Changes”- #3466
e50cee2Thanks @Shpilevskyy! - Adds additional (bg-surface-neutral/text-inverted) utility classes for .current state
1.11.0
Section titled “1.11.0”Minor Changes
Section titled “Minor Changes”-
#3484
2a99345Thanks @klippx! - Remove browserslist configuration frompackage.json, enabling next projects outside of monorepo to build properly without adding@volvo-cars/browserslist-configas a dependency. -
#3492
a605dd9Thanks @johanna-dagfalk-volvocars! - Added 2px spacing classes for margin and padding
1.10.1
Section titled “1.10.1”Patch Changes
Section titled “Patch Changes”- #3481
81147fcThanks @jacobrask! - Ensure meta.json.d.ts is compiled by tsup
1.10.0
Section titled “1.10.0”Minor Changes
Section titled “Minor Changes”-
#3447
47015c5Thanks @klippx! - Ensures the type definitions output works for ESM projects -
#3465
d745e3fThanks @jbvolvo! - Add breakpoints to color primary and secondary
Patch Changes
Section titled “Patch Changes”- #3420
98b31c9Thanks @AlexMPLeite! - Add data-state=‘open’ check to backdrop and dialog
Minor Changes
Section titled “Minor Changes”- #3415
fc4f292Thanks @jacobrask! - Use explicit type imports
Minor Changes
Section titled “Minor Changes”- #3295
eac3bb9Thanks @harrymansworth! - feat(react-forms): addsRangeInput
Patch Changes
Section titled “Patch Changes”- #3397
6e4c3eeThanks @ghops-volvo-cars! - Update dependency lightningcss to v1.25.0
Patch Changes
Section titled “Patch Changes”- #3401
33a6f74Thanks @jacobrask! - Replace @starting-style animations with attribute selectors
Minor Changes
Section titled “Minor Changes”- #3369
dacd451Thanks @jacobrask! - Update dark mode background colors to be slightly lighter
Patch Changes
Section titled “Patch Changes”-
#3372
399fbc6Thanks @harrymansworth! - fix(spinner): preventsSpinnerheight expanding to match parent -
#3374
1dfc5ceThanks @jacobrask! - Reduce backdrop opacity to 48%
Minor Changes
Section titled “Minor Changes”-
#3333
f0d588cThanks @jacobrask! - Add sheet component -
#3217
c933730Thanks @jacobrask! - Updatedialogclass to support slots for header, footer and close buttton. Update::backdropstyles. Add animation todialogand::backdropusing@starting-style. Addrounded-noneclass to remove rounded corners. Addtransition-noneclass to disable transitions. -
#3345
efc7864Thanks @jacobrask! - Adddialog-smallanddialog-largefor the updated dialog design
Patch Changes
Section titled “Patch Changes”- #3332
08b67adThanks @harrymansworth! - Remove global scroll locking whenaria-modal="true"
Minor Changes
Section titled “Minor Changes”- #3303
7d9b0aeThanks @jacobrask! - - Add default scroll-margin-top to all elements withid- Set
scroll-behavior: smoothby default onhtml - Move
scrollbar-gutters: stabletohtml, reducing specificity
- Set
Patch Changes
Section titled “Patch Changes”-
#3327
9d79b72Thanks @jacobrask! - Avoid label overflowing the input container during transition -
#3319
4186bf5Thanks @harrymansworth! - fix(forms): improves forms reset for consistency in handling label wrapped elements -
#3109
c61eda7Thanks @harrymansworth! - fix(forms): masks duplicate calendar selector inDateInputfields in firefox -
#3328
bc4597aThanks @jacobrask! - Exclude checkboxes and radio from default label styles
Patch Changes
Section titled “Patch Changes”-
#3286
139a60aThanks @jacobrask! - Fix combining flex and grid classes with responsive block/inline -
#3298
67bd36fThanks @harrymansworth! - fix(form-controls): prevents flex shrink on Checkbox and Radio elements -
#3252
fde434dThanks @harrymansworth! - feat(spinner): adds ability to size with proportional border weight
Minor Changes
Section titled “Minor Changes”-
#3169
98157b9Thanks @harrymansworth! - feat(form-controls): updatesCheckbox,Radio, andInputstyling to match Web Core figma library -
#3247
d90e423Thanks @jacobrask! - Add newinline,contentsandflow-rootclasses. Allow combininginlinewith any flex and grid classes such asgrid-cols-2orflex-row. -
#3267
e439657Thanks @jbvolvo! - Addedrounded-{t,e,b,s}-{sm,md,lg,full}for directional round borders -
#3276
2ec527bThanks @jacobrask! - Fixes a bug withborder-primaryoverridingborder-linborder-l border-primaryAdds support in cssMerge forcontain-, new display classes,rounded,grid-cols -
#3274
0e39f83Thanks @jacobrask! - - Remove experimental breakpoint prefixedtop,start,end,bottomclasses- Release remaining position classes as stable
- Add
translate-classes
-
#3275
fcd80b5Thanks @jacobrask! - Addw-1/2,max-w-1/2andmax-w-fullclasses
Patch Changes
Section titled “Patch Changes”-
#3268
8541940Thanks @jbvolvo! - Remove hover effect on selected radio button -
#3199
3d95f57Thanks @jbvolvo! - Update thestack-textbehaviour forstatement-*compositions -
#3272
f5d9d9cThanks @jacobrask! - Use :lang(ar, he) for more rtl switching -
#3271
4df8eadThanks @jacobrask! - Avoid range syntax in media queries to improve browser compatibility -
#3120
d3a9092Thanks @harrymansworth! - fix(icon): prevent user selection of icon when used inline with text
Minor Changes
Section titled “Minor Changes”-
#3228
43b20edThanks @jbvolvo! - Update font size to 16 for small buttons and remove small text buttons -
#3198
568afe6Thanks @harrymansworth! - feat(position): adds generated spacing utilitiestop,bottom,start,end -
#3231
046ee46Thanks @jacobrask! - Allow customizing tap-area background-color -
#3226
ef0bbe2Thanks @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
28fe386Thanks @jacobrask! - Add border-tertiary utility class and docs -
#3232
d45e093Thanks @harrymansworth! - feat(css): addswhitespace-*utilities -
#3236
fec2eefThanks @jbvolvo! - Restore small buttons (except small text buttons) back to 12px
Patch Changes
Section titled “Patch Changes”-
#3234
dc7b447Thanks @harrymansworth! - fix(css): scopes inline label style to only labels with a child input -
#3224
542292fThanks @jacobrask! - Fix Bulgarian font-feature-settings override -
#3230
2b39e29Thanks @harrymansworth! - fix(TelInput): fixesrtlinheritance in Chrome
Minor Changes
Section titled “Minor Changes”-
#3196
531047dThanks @harrymansworth! - fix(rtl): allows specification of rtl behaviour at the block level -
#3112
974cbacThanks @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
Section titled “Patch Changes”-
#3181
c1797e6Thanks @jacobrask! - Don’t set scrollbar-gutter on :host, to avoid padding in shadow roots -
#3191
8f70eb2Thanks @ghops-volvo-cars! - Update lightningcss to v1.24.0 -
#3209
546ac0bThanks @harrymansworth! - feat(utilities): addsborder-b-0reset class
Minor Changes
Section titled “Minor Changes”-
#3170
16f58c8Thanks @harrymansworth! - feat(utilities): addspositionutilities -
#3176
dfe093cThanks @jbvolvo! - Added.contain-noneand.contain-contentas utility classes to contain absolute positioned elements.
Patch Changes
Section titled “Patch Changes”- #3178
239baa5Thanks @jacobrask! - Avoid data-color-mode selector overriding componentcolorstyles
Patch Changes
Section titled “Patch Changes”- #3149
e8df66fThanks @jacobrask! - Fix bug where:hostselector would not apply within:is()
Patch Changes
Section titled “Patch Changes”Major Changes
Section titled “Major Changes”-
#3028
1630a8aThanks @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
1630a8aThanks @jacobrask! - Replace the.volvo_v0prefix with:rootand:hostselectors -
#3028
1630a8aThanks @jacobrask! - Renames classesbody-16→font-16title-20→font-20md:title-20→md:font-20title-24→font-24md:title-24→md:font-24scale-95→scale-96v-label→labelv-input→inputv-input-floating-label→input-floating-label
Minor Changes
Section titled “Minor Changes”-
#3028
1630a8aThanks @jacobrask! - Update dialog default background color -
#3028
1630a8aThanks @jacobrask! - Update path prefix to v1
0.56.0
Section titled “0.56.0”Minor Changes
Section titled “Minor Changes”- #3115
3fc5227Thanks @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
Section titled “0.55.0”Minor Changes
Section titled “Minor Changes”-
#3081
9bbe890Thanks @jacobrask! - Deprecate clsx. Use cssJoin instead. -
#3103
72d54f4Thanks @jbvolvo! - Rename border radius token from--v-radius-4to--v-radius-sm. Added--v-radius-md(8px) and--v-radius-lg(16px)
Patch Changes
Section titled “Patch Changes”-
#3093
52a0099Thanks @jbvolvo! - Add ellipsis to floating label when text get too long -
#3078
915a229Thanks @jacobrask! - Add a list of deprecatedClasses to meta.json -
#3106
71bcaffThanks @jacobrask! - Add autofixing to no-deprecated-class rule -
#3088
d53bab7Thanks @jacobrask! - Support newfont-classes in cssMerge -
#3105
6c7bd12Thanks @harrymansworth! - fix(forms): removes duplicate calendar icon in webkit browsers -
#3084
4662987Thanks @jacobrask! - Only include declarations from the specific class in meta.classes[].declarations
0.54.0
Section titled “0.54.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”-
#3047
c623c5cThanks @jbvolvo! - Update font weights to 400 and 600 for Vietnamese market -
#3058
3606249Thanks @jacobrask! - Fix wordmark mask size at different zoom levels
0.53.0
Section titled “0.53.0”Minor Changes
Section titled “Minor Changes”-
#3023
7750102Thanks @jbvolvo! - Add support for unprefixed inputs -
#3024
c2ce382Thanks @jacobrask! - Rename clsx -> cssJoin. The old clsx export is still there as an alias for backward compatibility. -
#3022
3b69fe2Thanks @harrymansworth! - feat: addsfont-classes in parallel with to be deprecatedbody-title-classes -
#3003
be900d8Thanks @jbvolvo! - Add .img class to style responsive images
Patch Changes
Section titled “Patch Changes”-
#3004
310c26bThanks @jacobrask! - Hide reel-indicators if it’s empty -
#2996
9fedf6dThanks @fredrik-j-lindberg! - Hide pre-autofilled values in date inputs with min/max -
#3016
6e5f480Thanks @ghops-volvo-cars! - chore(deps): update dependency lightningcss to v1.23.0
0.52.0
Section titled “0.52.0”Minor Changes
Section titled “Minor Changes”-
#3000
2b045dfThanks @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-noneif needed.
-
#2977
f4c85feThanks @Haugen! - New width related utility classes. Make width classes available with viewport prefixes.
Patch Changes
Section titled “Patch Changes”0.51.0
Section titled “0.51.0”Minor Changes
Section titled “Minor Changes”- #2957
2e6ccb2Thanks @harrymansworth! - feat: re-orders css layers, moving layout after blocks so that layout classes can be applied to blocks
Patch Changes
Section titled “Patch Changes”0.50.0
Section titled “0.50.0”Minor Changes
Section titled “Minor Changes”0.49.0
Section titled “0.49.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”-
#2937
41fd376Thanks @jacobrask! - Fix icon size for non-default root font-sizes -
#2932
a9e6c90Thanks @jacobrask! - Fix password input disabled styles
0.48.0
Section titled “0.48.0”Minor Changes
Section titled “Minor Changes”-
#2816
6b20efaThanks @harrymansworth! - feat(css): adds switch -
#2907
612cae2Thanks @makhalafallah! - Adding the possibility to switch between body-16, title-20 and title-24 -
#2887
8097773Thanks @jbvolvo! - Move reel to layout and grid to utilities -
#2908
0fdf403Thanks @Haugen! - Remove overflow-scroll related utility classes.
Patch Changes
Section titled “Patch Changes”- #2904
bb3abf2Thanks @harrymansworth! - fix(css): fixes breakpoint pixel rounding in chrome
0.47.0
Section titled “0.47.0”Minor Changes
Section titled “Minor Changes”-
#2842
3c344e07fThanks @Haugen! - Default border-top for<hr />elements. -
#2867
c699d38e4Thanks @harrymansworth! - Rename--v-size-grid-maxto--v-size-grid-maxwidthand exports new--v-size-grid-maxtoken -
#2817
bf34dd878Thanks @jbvolvo! - Movez-indexstyles to stable and remove other unstable styles -
#2387
c898a42b7Thanks @harrymansworth! - feat: addslayout-layout slice utilities -
#2844
a92c40c26Thanks @jacobrask! - Reduce minimum touch area of links, buttons and icon buttons from 44x44 to 40x40 -
#2843
34f5ac3a0Thanks @jacobrask! - Addw-min(width: min-content) andw-fit(width: fit-content) width classes.
Patch Changes
Section titled “Patch Changes”-
#2866
903c9274dThanks @harrymansworth! - fix(containers): implementspagemargintocontainer-maxon all screen sizes -
#2884
b74ca3d51Thanks @Haugen! - Small internal styling fixes for dialog close button. -
#2882
6339256d6Thanks @jbvolvo! - Remove coarse queries to apply target size on all devices -
#2825
123aa8246Thanks @harrymansworth! - feat: adds missing grid style imports -
#2839
c033539edThanks @Haugen! - Slightly change dialog close button alignment.
0.46.0
Section titled “0.46.0”Minor Changes
Section titled “Minor Changes”-
#2741
5727fb71cThanks @jacobrask! - Remove the disclosure class, replaced by react-accordion -
#2823
418e7edc1Thanks @jacobrask! - Addh-1lhclass name to set the height to 1lh (1 line-height). -
#2820
89d16eb98Thanks @makhalafallah! - Add intent background colors -
#2650
abbc2de4bThanks @harrymansworth! - feat!(containers): expose container widths as css variables
0.45.0
Section titled “0.45.0”Minor Changes
Section titled “Minor Changes”-
#2797
2e5b5107aThanks @Haugen! - Add a fade-in utility class to easily fade in an element. -
#2780
d5bf115c7Thanks @jbvolvo! - Supportgrid-cols-4and breakpoints for[md, lg]:grid-cols-[2, 3, 4] -
#2779
e51941bafThanks @harrymansworth! - feat(container): makessmcontainer full width on mobile (8/8), increases width ofxscontainer on mobile (6/8)
0.44.0
Section titled “0.44.0”Minor Changes
Section titled “Minor Changes”-
#2746
4068220bThanks @Haugen! - Adding utility classes for aspect-ratio -
#2770
322cae55Thanks @Haugen! - Add utility classes for object-fit. -
#2742
e60a5e4cThanks @jbvolvo! - Added the following background colors for light theme:--v-color-background-feedback-green: #ebf6ee;--v-color-background-feedback-orange: #fdf4eb;--v-color-background-feedback-red: #faedec;And for dark theme:
--v-color-background-feedback-green: #011608;--v-color-background-feedback-orange: #261300;--v-color-background-feedback-red: #1f0503; -
#2747
2a352331Thanks @jacobrask! - Add utils for min- and max-height
Patch Changes
Section titled “Patch Changes”-
#2750
33b5edf0Thanks @jbvolvo! - Update background colors for dark mode -
#2771
3b0cc405Thanks @jacobrask! - Expose media queries as @volvo-cars/css/media-queries
0.43.0
Section titled “0.43.0”Minor Changes
Section titled “Minor Changes”-
#2724
010a1475Thanks @jbvolvo! - Remove unnused bg-* colors -
#2737
a69c5b4fThanks @jacobrask! - Add cssMerge utility to merge design system css classes
Patch Changes
Section titled “Patch Changes”- #2735
3b201d2fThanks @jacobrask! - - Fix button-text chevron rotation animation- Make details-open:rotate-180 one level deep for details content
0.42.0
Section titled “0.42.0”Minor Changes
Section titled “Minor Changes”-
#2722
2d45b0f8Thanks @jacobrask! - Remove custom calendar icon from date inputs -
#2703
f3231915Thanks @jacobrask! - Move disclosure icon from CSS to HTML
Patch Changes
Section titled “Patch Changes”-
#2706
a5b6e0b8Thanks @jacobrask! - Allow toggling border color with thebutton-expanded:prefix -
#2628
df724545Thanks @harrymansworth! - chore: removes superfluous tokens and styles relating toPasswordInput
0.41.0
Section titled “0.41.0”Minor Changes
Section titled “Minor Changes”-
#2699
c0dff9adThanks @jacobrask! - Add bleed property to IconButton -
#2654
be209457Thanks @jacobrask! - Remove z-index from tap-area -
#2696
0fe074f2Thanks @harrymansworth! - feat(utilities): addsoverflow-*utilities
Patch Changes
Section titled “Patch Changes”- #2700
65af2163Thanks @jacobrask! - - Add pointer event types- Prevent click events on disabled buttons
0.40.0
Section titled “0.40.0”Minor Changes
Section titled “Minor Changes”-
#2658
7bdff79dThanks @jacobrask! - Add width and height utils for sizes 0, 8 and full (100%) -
#2665
5d507714Thanks @jacobrask! - - Adds scale transforms utils (scale-110,hover:scale-zoomed, etc).- Adds
transition-transformto transition scale and other transform properties. - Include state prefixes in class name metadata
- Adds
0.39.0
Section titled “0.39.0”Minor Changes
Section titled “Minor Changes”- #2632
dd939a72Thanks @jacobrask! - Allow non-direct children of reels to be snap targets, using .snap-start, .snap-center or .snap-end classes
0.38.0
Section titled “0.38.0”Minor Changes
Section titled “Minor Changes”-
#2573
96fbe5ccThanks @harrymansworth! - feat: addsdisclosure-*styles for sub-nav, FAQ, and reset ofdetails -
#2614
7ce6ec99Thanks @harrymansworth! - feat: adds.icon-button-*styles -
#2644
3f0f8adeThanks @harrymansworth! - feat(css): addsgridutilities -
#2625
7344e3efThanks @jacobrask! - - Addsradio-checked:,checkbox-checked:,link-current:andtab-selected:for border classes.- Adds negative margin for sizes -4 to -24, e.g.
-mx-24.
- Adds negative margin for sizes -4 to -24, e.g.
-
#2629
3423ec45Thanks @harrymansworth! - feat(css): addsbutton-textwith Icon style and example
Patch Changes
Section titled “Patch Changes”0.37.0
Section titled “0.37.0”Minor Changes
Section titled “Minor Changes”0.36.0
Section titled “0.36.0”Minor Changes
Section titled “Minor Changes”-
#2589
ef0538c3Thanks @harrymansworth! - feat: movestext-transformto stable -
#2562
dedd8320Thanks @harrymansworth! - feat(css): addsreelblock
0.35.0
Section titled “0.35.0”Minor Changes
Section titled “Minor Changes”- #2543
010b30c7Thanks @jacobrask! - Make link hover styles more prominent
Patch Changes
Section titled “Patch Changes”- #2546
4a5a2c98Thanks @harrymansworth! - feat(css): adds scrollbar visibility utility
0.34.0
Section titled “0.34.0”Minor Changes
Section titled “Minor Changes”-
#2529
643ec596Thanks @jbvolvo! - Update bg-surface token names -
#2564
e96422a5Thanks @jacobrask! - Add breakpoint prefixes (md, lg, xl) to all spacing classes
Patch Changes
Section titled “Patch Changes”- #2548
f5ae34eaThanks @jacobrask! - Update foreground primary to 96% black
0.33.1
Section titled “0.33.1”Patch Changes
Section titled “Patch Changes”-
#2544
0d53ebc4Thanks @harrymansworth! - feat(css): adds text-transform utils -
#2522
f7d52317Thanks @harrymansworth! - feat(css): exposes —container-colspan to allow custom container sizing
0.33.0
Section titled “0.33.0”Minor Changes
Section titled “Minor Changes”- #2545
1dcc6477Thanks @harrymansworth! - Adddata-tap-area-targetto make a tap area target grow to cover the entire tap area.
0.32.0
Section titled “0.32.0”Minor Changes
Section titled “Minor Changes”-
#2512
39b4ff24Thanks @harrymansworth! - feat(css): addsmax-w-proseutility -
#2504
ba7aed4eThanks @harrymansworth! - feat(css): addstext-balanceutility
Patch Changes
Section titled “Patch Changes”-
#2502
38713085Thanks @jbvolvo! - bug-fix: add aria-hidden to css selector to avoid unwanted overflow hidden -
#2526
792f3717Thanks @jbvolvo! - Update chevron svg in Button Text -
#2521
5312f76bThanks @jbvolvo! - add scrollbar-gutter stable to root -
#2530
17754c5dThanks @jacobrask! - Adds wordmark class that handles sizing and color masking of the wordmark logo
0.31.2
Section titled “0.31.2”Patch Changes
Section titled “Patch Changes”- #2446
f6deaef9Thanks @alizeait! - Temporarily remove offending dialog css locking body scroll when@volvo-cars/react-overlayis SSR:ed
0.31.1
Section titled “0.31.1”Patch Changes
Section titled “Patch Changes”0.31.0
Section titled “0.31.0”Minor Changes
Section titled “Minor Changes”- #2394
450e0cc5Thanks @jacobrask! - Addcolor: accentto text and outlined buttons
0.30.0
Section titled “0.30.0”Minor Changes
Section titled “Minor Changes”-
#2368
a08ca150Thanks @jacobrask! - Add.dialog__closeclass for a sticky close button. Tweak dialog styles. -
#2372
86e1cc0cThanks @jacobrask! - Add link-plain and link-underline classes. Add tap-area class. Add text-inverted, hover:text-primary and bg-neutral classes.
Patch Changes
Section titled “Patch Changes”-
#2371
2f26a810Thanks @jacobrask! - Avoid icons shrinking in flex containers -
#2391
8f147015Thanks @jacobrask! - Add underline on button-text hover for consistency with links Use a layer of the foreground color as button hover effect -
#2363
f1893f09Thanks @jbvolvo! - Hide default date for safari, and change icon implementation
0.29.0
Section titled “0.29.0”Minor Changes
Section titled “Minor Changes”-
#2256
6ab83805Thanks @jacobrask! - Addicon-spriteandicon-maskclasses -
#2349
34408113Thanks @alizeait! - AddcustomMediatometa.jsonto expose custom media values and addmeta.valueto tokens
Patch Changes
Section titled “Patch Changes”-
#2359
d09c3c40Thanks @jbvolvo! - Show options again when Select is in focus -
#2342
d7c9e6faThanks @jacobrask! - Export ClassMeta type from meta.json
0.28.0
Section titled “0.28.0”Minor Changes
Section titled “Minor Changes”- #2323
8d8d4ef6Thanks @jacobrask! - Addstatement-1andstatement-2text styles
Patch Changes
Section titled “Patch Changes”-
#2322
f8b1966fThanks @jacobrask! - Add stack-text spacing for buttons -
#2326
6e4c7231Thanks @jacobrask! - Include missing class names in meta and TypeScript types
0.27.0
Section titled “0.27.0”Minor Changes
Section titled “Minor Changes”-
#2315
80185669Thanks @jacobrask! - Addinvisibleandsr-onlyclasses -
#2168
b3c1e69fThanks @harrymansworth! - Addspinnerclass for a loading indicator and support for positioning it inside a button -
#2283
aeac9848Thanks @jbvolvo! - Addsizeattribute support for inputs
Patch Changes
Section titled “Patch Changes”- #2318
32cc04b6Thanks @jacobrask! - Don’t show the calendar on text inputs with datalist in Chrome
0.26.1
Section titled “0.26.1”Patch Changes
Section titled “Patch Changes”-
#2275
f27d11b7Thanks @jacobrask! - Add layout-2up and layout-3up to unstable styles -
#2274
92b0426dThanks @jacobrask! - - Fix containerdata-bleed- Expose more grid values as tokens
- Update container-lg, container-md and container-sm colspans
-
#2272
98d08712Thanks @jacobrask! - Add debugging stylesheet and —v-grid-columns token -
#2269
b3f41410Thanks @harrymansworth! - fix(css): resolves disappearing radio button visual states when parent scrollable -
#2255
cba184acThanks @jacobrask! - Allow toggling regular borders and text-color with state -
#2271
8d69f149Thanks @jacobrask! - Generate spacing utilities.- Adds
autoclasses for all margin directions - Removes
gapfor vertical only spacing (gap-s,gap-m,gap-l) - Adds
mx-pagemargin,ml-pagemargin,mr-pagemarginclasses - Adds
gap-x-gutterclass
- Adds
-
#2279
653808bfThanks @harrymansworth! - feat: adds 4up layout to unstable
0.26.0
Section titled “0.26.0”Minor Changes
Section titled “Minor Changes”-
#2248
4742bc02Thanks @jacobrask! - Add border-ring utility to set box-shadow based borders -
#2237
bedd8afcThanks @harrymansworth! - feat: adds responsive width utility classes -
#2234
b23c6acfThanks @jacobrask! - Add border state modifier classes -
#2238
7ab7ad4fThanks @jacobrask! - Update spacing and alignment in button-group
Patch Changes
Section titled “Patch Changes”-
#2253
3e74e4faThanks @alizeait! - AddtoJSON()to style proxy that returns the stringified output to prevent circular structure when converting to JSON -
#2249
f3aa81d2Thanks @jacobrask! - Always center the select label if it’s empty, regardless of focus state -
#2247
20659e64Thanks @jacobrask! - Make text-stack sets the appropriate gap even if omittingbody-16and only includingfont-mediumon a body sized sub title -
#2245
555b4638Thanks @jacobrask! - Add transition-color class to apply default transitions to color properties -
#2252
577fd9e7Thanks @jbvolvo! - Add flex reverse direction -
#2232
08eeaad2Thanks @harrymansworth! - feat(css): adds mx-auto util class
0.25.1
Section titled “0.25.1”Patch Changes
Section titled “Patch Changes”-
#2226
edd90bb6Thanks @harrymansworth! - feat: adds.truncateutility class -
#2224
638bc7b3Thanks @jacobrask! - Update color-surface-feedback-orange in dark mode
0.25.0
Section titled “0.25.0”Minor Changes
Section titled “Minor Changes”-
#2209
60f18fb6Thanks @jacobrask! - Add button-group -
#2211
95b76c84Thanks @jacobrask! - Replace deprecated background-color tokens and remove unused unstable styles -
#2214
46912827Thanks @harrymansworth! - MovesButtonsto stable
Patch Changes
Section titled “Patch Changes”-
#2220
d89dc2d2Thanks @jacobrask! - Remove button bleed -
#2215
515636adThanks @harrymansworth! - feat: adds z-index util classes (unstable) -
#2212
cee2b5aaThanks @jacobrask! - Use deterministic loading order of stylesheets, ensuring md loads before lg
0.24.0
Section titled “0.24.0”Minor Changes
Section titled “Minor Changes”- #2183
17248971Thanks @jacobrask! - - container - Use fluid page margins- container - Use 8 column grid on mobile
- Remove unstable_tokens
Patch Changes
Section titled “Patch Changes”- #2185
b6a31098Thanks @jacobrask! - Fix floating label position for password inputs
0.23.0
Section titled “0.23.0”Minor Changes
Section titled “Minor Changes”-
#1972
a157f976Thanks @harrymansworth! - feat(blocks): adds buttons -
#2169
1d3c4ae0Thanks @jacobrask! - - Use separate button classes (button-filled,button-outline,button-text) instead ofdata-type- Fix disabled styles for
abuttons - Use
aria-disabledover:disabledto 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
- Fix disabled styles for
Patch Changes
Section titled “Patch Changes”-
#2170
5a484c3cThanks @jacobrask! - Avoid transpiling to the newer media query range syntax that doesn’t work in older browsers -
#2166
0e586d1dThanks @harrymansworth! - chore: moves button to unstable -
#2163
a003c78fThanks @harrymansworth! - chore: update-hovertokens for primary foreground and surface -
#2167
5a13fcf6Thanks @harrymansworth! - fix: prevents user from selecting button text when tapping button s on mobile
0.22.0
Section titled “0.22.0”Minor Changes
Section titled “Minor Changes”-
#2152
85474fbcThanks @jacobrask! - Remove tokens.json, adding tokens to meta.json instead -
#2133
232ecd60Thanks @harrymansworth! - movescontainerto stable -
#2156
4d263836Thanks @jacobrask! - Remove flex- prefix from properties that also work with grid
Patch Changes
Section titled “Patch Changes”-
#2154
757be5a9Thanks @jacobrask! - Prevent input hover state getting stuck on mobile -
#1986
e4c7117dThanks @harrymansworth! - feat(tokens): adds transition values -
#2125
850106d7Thanks @harrymansworth! - feat: adds gap util -
#2111
9c511916Thanks @harrymansworth! - adds new surface colour tokens
0.21.0
Section titled “0.21.0”Minor Changes
Section titled “Minor Changes”-
#2129
eca526cdThanks @jacobrask! - Replace styles.json with a meta.json with more meta data -
#2123
ee96d668Thanks @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-sectionspacing
Patch Changes
Section titled “Patch Changes”-
#2134
00213168Thanks @harrymansworth! - addsinvertedcolor token -
#2148
e31545f1Thanks @ghops-volvo-cars! - Update dependency lightningcss to v1.20.0
0.20.3
Section titled “0.20.3”Patch Changes
Section titled “Patch Changes”- #2118
6df2f7a5Thanks @jacobrask! - Avoid autofill backgrounds spilling out over input borders
0.20.2
Section titled “0.20.2”Patch Changes
Section titled “Patch Changes”0.20.1
Section titled “0.20.1”Patch Changes
Section titled “Patch Changes”- #2090
32cc1cb6Thanks @harrymansworth! - unblocks pointer events on aria-disabled=“false” elements
0.20.0
Section titled “0.20.0”Minor Changes
Section titled “Minor Changes”- #2047
c6fb1ab8Thanks @harrymansworth! - feat: adds css containers and uses them in example app
Patch Changes
Section titled “Patch Changes”0.19.0
Section titled “0.19.0”Minor Changes
Section titled “Minor Changes”- #2028
f2017d5fThanks @jacobrask! - Make inputs full width
Patch Changes
Section titled “Patch Changes”-
#2027
76774829Thanks @alizeait! - Add CSS declarations for each css class type as JsDocs -
#2045
64c7f9f1Thanks @jacobrask! - Set explicit height for inputs, fixing date input height
0.18.0
Section titled “0.18.0”Minor Changes
Section titled “Minor Changes”- #1982
dbba63ceThanks @jacobrask! - Wrap all selectors in :where() automatically
Patch Changes
Section titled “Patch Changes”-
#2020
35a355d9Thanks @jacobrask! - Support triggering floating labels with data-blank -
#2015
e603ffb7Thanks @jacobrask! - - Fix iOS styles for<input type=date>.- Set min-width on
<input>,<select>,<textarea>. - Fix RTL styles for
<select>.
- Set min-width on
-
#2007
0d750170Thanks @harrymansworth! - adds Password floating label input specific functionality
0.17.0
Section titled “0.17.0”Minor Changes
Section titled “Minor Changes”-
#1974
89888d98Thanks @jbvolvo! - Addv-backdropclass and default styles for::backdropPrevent document scroll when a nativedialogis open -
#2004
806b256eThanks @jacobrask! - AddtoString()and filtering to links(). The array returned fromlinks()will now stringify to HTML<link>elements. -
#1977
7c9e8a8dThanks @jacobrask! - Use browserslists config for esbuild target (drops Safari 13 support).
Patch Changes
Section titled “Patch Changes”-
#1999
b40327a2Thanks @harrymansworth! - fix: corrects alignment of radio button internal -
#1978
c27b750eThanks @harrymansworth! - minor design amends, border bug fix, add support for Date/DateTime floating label -
#1980
f06a1ea8Thanks @harrymansworth! - refactor(FormControls): use onlybox-shadowinstead ofborderbox-shadowcombo
0.16.0
Section titled “0.16.0”Minor Changes
Section titled “Minor Changes”-
#1970
530b8024Thanks @jacobrask! - Avoid overriding button line-height
0.15.0
Section titled “0.15.0”Minor Changes
Section titled “Minor Changes”- #1953
d588896eThanks @jacobrask! - Allow positioning label elements before inputs for WCAG 2 AA compliance.
0.14.0
Section titled “0.14.0”Minor Changes
Section titled “Minor Changes”- #1927
55bb958fThanks @harrymansworth! - adds<select/>and<input type="date"/>support to inline floating label
Patch Changes
Section titled “Patch Changes”0.13.0
Section titled “0.13.0”Minor Changes
Section titled “Minor Changes”-
#1923
ac37c047Thanks @harrymansworth! - adds base input styling and inline labelled input component -
#1925
683d41b5Thanks @harrymansworth! - feat: adds TextArea support to inline label
Patch Changes
Section titled “Patch Changes”- #1916
50e391baThanks @ghops-volvo-cars! - update dependency lightningcss to v1.19.0
0.12.0
Section titled “0.12.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17
0.11.0
Section titled “0.11.0”Minor Changes
Section titled “Minor Changes”- #1901
646b6342Thanks @jacobrask! - Add utility classes forhidden((md|lg|xl):hidden,until-(md|lg|xl):hidden)
Patch Changes
Section titled “Patch Changes”- #1902
41e18f66Thanks @jacobrask! - Fix generated types
0.10.0
Section titled “0.10.0”Minor Changes
Section titled “Minor Changes”-
#1880
dd249419Thanks @jacobrask! - Disable Volvo Novum when using Azerbaijani language because not all characters are supported -
#1818
2912447eThanks @alizeait! - To simplify working with TypeScript even further, we now ship a version ofstylesunderUNSTABLE_stylesthat usesProxiesto merge and compose class names without having to manuallymerge classes or importclsxseperately.
Minor Changes
Section titled “Minor Changes”- #1848
95e296ffThanks @jacobrask! - Export breakpoints.css with Custom Media Queries
Patch Changes
Section titled “Patch Changes”-
#1879
4d0cf7e5Thanks @jacobrask! - Increase top margin of headings following body text -
#1860
d2c3fed3Thanks @jacobrask! - Automatically prefix selectors with :root
Patch Changes
Section titled “Patch Changes”-
#1855
5737229dThanks @harrymansworth! - adds hyphen utility class and language specific rules for EN -
#1859
41e5cef2Thanks @jacobrask! - Fix RTL styles for radio and checkbox
Patch Changes
Section titled “Patch Changes”- #1845
4c62e923Thanks @jacobrask! - Move border-radius tokens to stable
Minor Changes
Section titled “Minor Changes”- #1840
d44c0154Thanks @jacobrask! - Checkbox, Radio: Rename data-invalid -> aria-invalid
Patch Changes
Section titled “Patch Changes”-
#1823
4be2d397Thanks @jacobrask! - Add flex utility classesflex flex-col flex-grow flex-grow-0 flex-items-center flex-items-end flex-items-start flex-items-stretch flex-justify-around flex-justify-between flex-justify-center flex-justify-end flex-justify-evenly flex-justify-start flex-row flex-self-auto flex-self-center flex-self-end flex-self-start flex-self-stretch flex-shrink flex-shrink-0 flex-wrap
-
#1832
2970c976Thanks @jbvolvo! - Design System | Inline-grid checkbox and radio -
#1830
5d1da702Thanks @jacobrask! - Increase line-height to the default 1.5 -
#1837
dee306cdThanks @harrymansworth! - replacesgapwithstackand improves accessibility examples
Minor Changes
Section titled “Minor Changes”-
#1797
d1bd51beThanks @harrymansworth! - feat: adds css only checkbox and radio styling -
ad6f8c57Thanks @jacobrask! - Add reset styles for input type=“button|submit|reset” Simplify some selectors Add pointer cursor to label Add missing prefix to text-align classes -
#1817
2eb29a12Thanks @jacobrask! - - Removes thevprefix from tokens TypeScript interface.- Adds the following utility classes for small spacing and section spacing.
m-{0,4,8,16,24} mt-{0,4,8,16,24,section} mb-{0,4,8,16,24,section} my-{0,4,8,16,24,section} ml-{0,4,8,16,24} mx-{0,4,8,16,24} mr-{0,4,8,16,24}
p-{0,4,8,16,24} pt-{0,4,8,16,24,section} pb-{0,4,8,16,24,section} py-{0,4,8,16,24,section} pl-{0,4,8,16,24} px-{0,4,8,16,24} pr-{0,4,8,16,24}
-
#1811
2feaaa1bThanks @jacobrask! - Add stack layout classes Add spacing tokens -
#1799
91d5660dThanks @jacobrask! - CSS: Addmd:andlg:prefixes fortext-alignclasses
Patch Changes
Section titled “Patch Changes”- #1821
94ba36c1Thanks @jacobrask! - (unstable) Add container layout component
Patch Changes
Section titled “Patch Changes”- #1789
788f0903Thanks @ghops-volvo-cars! - Update dependency lightningcss to v1.18.0
Patch Changes
Section titled “Patch Changes”- #1753
92107d40Thanks @jacobrask! - Unstable Tokens: Add —v-space tokens
Minor Changes
Section titled “Minor Changes”- #1735
c5546e09Thanks @jacobrask! - Add unstable bundle for experimental styles. These can be included usingimport '@volvo-cars/css/unstable_styles.css'and won’t be enabled with the defaultlinksexport.
Patch Changes
Section titled “Patch Changes”-
#1752
0731d0bdThanks @jacobrask! - Make summary resets consistent across browsers -
#1738
6ccc6ec7Thanks @jacobrask! - Unstable: Adddisplay: blockto images and set defaultobject-fit
Minor Changes
Section titled “Minor Changes”-
#1718
4517ff5cThanks @jacobrask! - Add monospace font (--v-font-mono-family) and apply it to pre, code, kbd, samp -
#1730
3f3be096Thanks @jacobrask! - Add accent blue text and bg color
Patch Changes
Section titled “Patch Changes”-
#1724
07fdf555Thanks @ghops-volvo-cars! - update dependency css-tree to v2.3.0 -
#1719
2fb1ced3Thanks @jacobrask! - Fix data-fluid-typography=‘min’
Minor Changes
Section titled “Minor Changes”- #1689
d4ed25edThanks @jacobrask! - Remove unused color —v-color-ornament-secondary
Minor Changes
Section titled “Minor Changes”- #1668
ff30ab06Thanks @jacobrask! - Prefix CSS variables with —v and remove space tokens
Patch Changes
Section titled “Patch Changes”-
#1687
967c77a9Thanks @jacobrask! - - Remove body-14- Hide accent-blue until the name has been finalized
-
#1685
ff70974bThanks @jacobrask! - Add shareable stylelint-config package -
#1663
dabf6688Thanks @jacobrask! - Reset legend/fieldset margin and padding and add more documentation
Minor Changes
Section titled “Minor Changes”-
#1662
c58a25f5Thanks @jacobrask! - Remove UNSTABLE_action-14 and UNSTABLE_tag-12 -
#1659
ce1ce7cdThanks @jacobrask! - - Add accent-color for default checkbox/radio colors- Set scrollbar-gutter: stable to avoid layout shifts when triggering overflow: hidden for modals
- Use list-style-type: revert for a leaner list style reset
- Don’t set default borders on meter/progress
-
#1660
5add5b92Thanks @jacobrask! - Adds css variables and utility classes for all foreground and background colors.
Patch Changes
Section titled “Patch Changes”-
#1655
bcbedd4cThanks @alizeait! - Fix imports paths on Windows -
#1646
44793059Thanks @jacobrask! - Add Stylelint and fix specificity issues
Patch Changes
Section titled “Patch Changes”- #1644
60d53e6bThanks @jacobrask! - Redeploy CSS files
Patch Changes
Section titled “Patch Changes”- #1639
cde39b21Thanks @jacobrask! - - Add styles_all-media.css export for environments withoutmediasupport, like when doing animportfrom the npm package.- Add styles_reduced-motion.css for the
(prefers-reduced-motion)media query.
- Add styles_reduced-motion.css for the
Patch Changes
Section titled “Patch Changes”- #1630
cd23682fThanks @ghops-volvo-cars! - update dependency lightningcss to v1.16.1
Patch Changes
Section titled “Patch Changes”-
#1584
1f6d1cd9Thanks @jacobrask! - Export links function instead of recommending import of CSS files -
#1601
530a70adThanks @jacobrask! - Rename font-bold -> font-medium and font-normal -> font-light
Minor Changes
Section titled “Minor Changes”-
#1573
55c54aa3Thanks @jacobrask! - Rename data-fluid-typograhy values min/max -
#1561
c5d8b906Thanks @jacobrask! - - Add default styles toaelements without a class attribute- Add a
link-inlineclass name to style other elements as link, as long as they have the correct ARIA role - Add theme support, required to switch the link color between themes.
- Add additional resets to be able to style buttons as links.
- Add a
-
#1577
682c2812Thanks @jacobrask! - Add clsx utility -
#1556
c3c4afdfThanks @jacobrask! - Add font-bold and font-normal font weight utility class names -
#1574
557e7b54Thanks @jacobrask! - Add more resets and mark as non-private -
#1553
f8338e4bThanks @jacobrask! - - Exclude Volvo Novum from the font stack on pages withlang=vi- Rename
--font-novum-family->--font-sans-family - Change fallback font from Calibri to Segoe UI as listed by the Brand team
- Rename
-
#1560
f6c03182Thanks @jacobrask! - Add JavaScript exports and TypeScript types
Patch Changes
Section titled “Patch Changes”-
#1505
8cffc962Thanks @jacobrask! - Add text styles -
#1575
9cd63389Thanks @jacobrask! - Allow imports without file extension -
#1559
c1561a5fThanks @jacobrask! - Mark micro text style as stable
@volvo-cars/eslint-plugin-css
Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Major Changes
Section titled “Major Changes”-
#4711
0249dbaThanks @ebadervolvo! - Add TypeScript types and fix plugin structure for ESLint 9+ compatibility.- The default export now includes
configs['flat/recommended']andconfigs.recommendedalongside the plugin’smetaandrules, making it usable both as a plugin and as a config provider flatRecommendedconfig now auto-resolves the@volvo-cars/css/meta.jsonpath viaimport.meta.resolveso consumers don’t need to configuresettings.css.metaFilesmanually- Fixed rule double-nesting: rules are now correctly unwrapped when registered in the plugin
- Added
index.d.tswith a hand-written type declaration usingLinter.ConfigandRule.RuleModulefromeslint - Updated
README.mdwith installation, usage examples for both flat config (ESLint 9+) and legacy config (ESLint 8)
- The default export now includes
Minor Changes
Section titled “Minor Changes”- #4620
568ac82Thanks @jacobrask! - Add no-replaceable-inline-style rule which errors if you use an inline style that can be trivially replaced with a class from @volvo-cars/css. Convert plugin to ESM.
Minor Changes
Section titled “Minor Changes”- #4558
3c4a383Thanks @jacobrask! - Add prefer-design-system-class rule to warn if a Tailwind prefixed class is used when a Volvo Cars CSS equivalent exists
Patch Changes
Section titled “Patch Changes”- #4584
487f509Thanks @copilot-swe-agent! - Fix prefer-design-system-class to validate prefixes against class metadata and support Tailwind 4 syntax
Minor Changes
Section titled “Minor Changes”- #4047
f7e73bfThanks @cd-web-automation! - Allow eslint v9 in peerDependencies
Patch Changes
Section titled “Patch Changes”- #4126
6ec4cddThanks @jacobrask! - Don’t error for deprecated classes inno-custom-class, they still exist
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #3140
f284f5aThanks @jacobrask! - Add better suggestions for breakpoint prefix classes with no-custom-class
Patch Changes
Section titled “Patch Changes”- #3134
66a15efThanks @jacobrask! - Fix issue with the template string elements in the no-deprecated-class rule autofixer
Minor Changes
Section titled “Minor Changes”- #3028
1630a8aThanks @jacobrask! - Bump css peerDependencies to allow 1.0
Minor Changes
Section titled “Minor Changes”-
#3091
5945d87Thanks @jacobrask! - Add suggestions to no-custom-class errors Handle matches in cssJoin and cssMerge used outside of the className attribute -
#3072
14b8810Thanks @jacobrask! - Add lint rule to warn about redundant usage of the class name utilities -
#3078
915a229Thanks @jacobrask! - Add rule to warn about deprecated classes
Patch Changes
Section titled “Patch Changes”-
#3084
4662987Thanks @jacobrask! - Only include utility classes in no-redundant-class rule -
#3106
71bcaffThanks @jacobrask! - Add autofixing to no-deprecated-class rule
Minor Changes
Section titled “Minor Changes”-
#3061
3a41369Thanks @jacobrask! - Disable autofixing for no-custom-class -
#3027
87903deThanks @jacobrask! - Detect custom classNames used in the cssMerge and cssJoin functions
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #2523
0ebb0d73Thanks @alizeait! - Add support forwhitelistPatterninno-custom-classeslint rule. Pattern should be a string Regular Expression
Patch Changes
Section titled “Patch Changes”- #2445
9fe72397Thanks @alizeait! - Fixno-cusom-classrule fixer when removing custom classname at the end of the string
Patch Changes
Section titled “Patch Changes”- #2424
06737851Thanks @alizeait! - Handle single classname inno-custom-classand empty classNames in all rules
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”-
#2393
c51dd9d4Thanks @alizeait! - Createno-custom-classrule that prevents using classnames not available in@volvo-cars/css. To allow some custom classes, thewhitelistoption can be used which takes an array of classnames to whitelist -
#2389
44312999Thanks @alizeait! - Createconflicting-classrule that warns against using conflicting classes, for examplestack-16andstack-24are conflicting and are not needed in the the same class attribute since they declare exactly the same properties but with different values
Patch Changes
Section titled “Patch Changes”@volvo-cars/favicons
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6
Patch Changes
Section titled “Patch Changes”-
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations
Minor Changes
Section titled “Minor Changes”- #1116
9f3c7000Thanks @jacobrask! - Build with tsup. Make react an optional peerDependency.
Patch Changes
Section titled “Patch Changes”- #653
d65b119eThanks @jacobrask! - Update React peer dependencies
Major Changes
Section titled “Major Changes”- #547
594f9045Thanks @jacobrask! - Use v2 favicons by default, removing support for the old favicons.
Patch Changes
Section titled “Patch Changes”-
#545
4695f41aThanks @alizeait! - Fix svghrefinrenderFavIcons. Remove extra}at the end of thehref. -
Update v2 icon sizes and add svg icon
2.10.2
Section titled “2.10.2”- Update wrong
typespath in package.json
2.10.1
Section titled “2.10.1”- Fix broken release
- Inital release
@volvo-cars/react-accordion
2.3.20
Section titled “2.3.20”Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
2.3.19
Section titled “2.3.19”Patch Changes
Section titled “Patch Changes”- #4757
cede3e1Thanks @PaoloGiraudi! - Stepped accordion summary default to 16px
2.3.18
Section titled “2.3.18”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c32d8b9,cb52c5d,bfaa0f5]:- @volvo-cars/react-icons@3.1.0
- @volvo-cars/react-headless@0.24.0
2.3.17
Section titled “2.3.17”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6e3357d,6f6da34]:- @volvo-cars/react-headless@0.23.5
- @volvo-cars/react-icons@3.0.1
2.3.16
Section titled “2.3.16”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
83ce87f]:- @volvo-cars/react-headless@0.23.4
2.3.15
Section titled “2.3.15”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c5c7eef,c951763,76360ae]:- @volvo-cars/react-icons@3.0.0
- @volvo-cars/react-headless@0.23.3
2.3.14
Section titled “2.3.14”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
- @volvo-cars/react-headless@0.23.2
2.3.13
Section titled “2.3.13”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5122c6b,a523335,5122c6b]:- @volvo-cars/react-icons@2.1.0
- @volvo-cars/react-headless@0.23.2
2.3.12
Section titled “2.3.12”Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-headless@0.23.2
- @volvo-cars/react-icons@2.0.1
2.3.11
Section titled “2.3.11”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e059e19]:- @volvo-cars/react-headless@0.23.1
2.3.10
Section titled “2.3.10”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
476655c]:- @volvo-cars/react-headless@0.22.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
06a20b0]:- @volvo-cars/react-headless@0.21.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6ec4cdd]:- @volvo-cars/react-headless@0.20.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9b91251]:- @volvo-cars/react-headless@0.19.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
8d53a25,4c59e83,78072e2,1611966]:- @volvo-cars/react-icons@2.0.0
- @volvo-cars/react-headless@0.19.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
94e7dbc,fef2c32,3fe3765]:- @volvo-cars/react-headless@0.18.3
- @volvo-cars/react-icons@1.2.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
fa7fb77]:- @volvo-cars/react-headless@0.18.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6607ae1]:- @volvo-cars/react-headless@0.18.1
Patch Changes
Section titled “Patch Changes”-
#3981
348ab09Thanks @RichEwin! - Stepped Accordion: Improve stepped accordion auto to handle paused and stopped state -
#3990
3cc2a9eThanks @RichEwin! - feat: move useInterval hook to react-utils and add tests -
Updated dependencies []:
- @volvo-cars/react-headless@0.18.0
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
13fd098,8656cab,7f8347f]:- @volvo-cars/react-headless@0.17.2
- @volvo-cars/react-icons@1.1.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
86f61aa]:- @volvo-cars/react-headless@0.17.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b1063b4]:- @volvo-cars/react-headless@0.17.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5433ed9,32f94f2,44ec7d0]:- @volvo-cars/react-headless@0.16.0
- @volvo-cars/react-icons@0.24.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
7d17e55,929d502,214d6cc]:- @volvo-cars/react-icons@0.24.0
- @volvo-cars/react-headless@0.15.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
7bf2108,399f0d6,98d156e,a185527]:- @volvo-cars/react-headless@0.15.1
- @volvo-cars/react-icons@0.23.0
Minor Changes
Section titled “Minor Changes”- #3693
7effc2fThanks @jacobrask! - Update to new icon system
Patch Changes
Section titled “Patch Changes”2.1.17
Section titled “2.1.17”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
766ff04]:- @volvo-cars/react-icons@0.21.2
2.1.16
Section titled “2.1.16”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9d14a55]:- @volvo-cars/react-icons@0.21.1
2.1.15
Section titled “2.1.15”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
416442b,b9d57da,1f2853d,6fc4c6e,8e02a34,f2e6320]:- @volvo-cars/react-icons@0.21.0
- @volvo-cars/react-headless@0.15.0
2.1.14
Section titled “2.1.14”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b8e9b4e,71cf38b]:- @volvo-cars/react-icons@0.20.1
- @volvo-cars/react-headless@0.14.0
2.1.13
Section titled “2.1.13”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e50cee2]:- @volvo-cars/react-headless@0.13.0
2.1.12
Section titled “2.1.12”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
39de273,fc4f292]:- @volvo-cars/react-icons@0.20.0
- @volvo-cars/react-headless@0.12.0
2.1.11
Section titled “2.1.11”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
23a1224]:- @volvo-cars/react-headless@0.11.1
2.1.10
Section titled “2.1.10”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9249c07]:- @volvo-cars/react-headless@0.10.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
ce000a1,61045a1]:- @volvo-cars/react-headless@0.10.1
- @volvo-cars/react-icons@0.19.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
bd14a15]:- @volvo-cars/react-headless@0.10.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
8b99491]:- @volvo-cars/react-icons@0.19.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
a664b93]:- @volvo-cars/react-icons@0.17.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
69dbc2b]:- @volvo-cars/react-headless@0.8.2
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3028
1630a8aThanks @jacobrask! - Bump css peerDependencies to 1.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
1630a8a]:- @volvo-cars/react-icons@0.15.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
d0ea09c]:- @volvo-cars/react-icons@0.14.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b8f51e6]:- @volvo-cars/react-headless@0.8.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
310c26b,8256d4b]:- @volvo-cars/react-headless@0.8.0
- @volvo-cars/react-icons@0.13.0
Patch Changes
Section titled “Patch Changes”-
#3008
e9fa541Thanks @harrymansworth! - chore: removes log -
Updated dependencies [
ed6df21,b724af2]:- @volvo-cars/react-icons@0.12.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
2718f08]:- @volvo-cars/react-headless@0.7.1
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
20d8efa]:- @volvo-cars/react-headless@0.6.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
07c1c67]:- @volvo-cars/react-headless@0.6.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
433450286]:- @volvo-cars/react-icons@0.11.0
Major Changes
Section titled “Major Changes”- #2741
5727fb71cThanks @jacobrask! - - Full rewrite using @volvo-cars/css instead of VCC UI. See the full migration guide.- Use type: module
- Require React 18
Minor Changes
Section titled “Minor Changes”- #2823
418e7edc1Thanks @jacobrask! - - Align the chevron with the first line of the summary- Make iconAlignment=top the default
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5727fb71c]:- @volvo-cars/react-headless@0.5.2
1.11.0
Section titled “1.11.0”Minor Changes
Section titled “Minor Changes”- #2686
a4cfcb7aThanks @makhalafallah! - Add role=“region” to AccordionDetails, Add a11y tests
1.10.2
Section titled “1.10.2”Patch Changes
Section titled “Patch Changes”-
#2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components -
Updated dependencies [
47539537]:- @volvo-cars/react-layout-utils@0.7.2
- @volvo-cars/react-utils@1.0.2
- @volvo-cars/react-aria@0.3.2
1.10.1
Section titled “1.10.1”Patch Changes
Section titled “Patch Changes”- #2162
862713efThanks @harrymansworth! - fix: stops chevron collapsing when summary is more than a few words long
1.10.0
Section titled “1.10.0”Minor Changes
Section titled “Minor Changes”-
#2116
fa7b2c57Thanks @jacobrask! - - Allow vcc-ui 3-4.0 in peerDepdencies.- Require Node >=16.
- Require React >=17.
These are technically breaking changes, but since vcc-ui 2.0, Node 14 and React 16 are all very old versions in practice it should not impact our ecosystem enough to warrant a new major release.
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
Updated dependencies [
d75c21d2]:- @volvo-cars/react-layout-utils@0.7.1
- @volvo-cars/react-utils@1.0.1
- @volvo-cars/react-aria@0.3.1
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
2cfef498]:- @volvo-cars/react-layout-utils@0.7.0
Patch Changes
Section titled “Patch Changes”- #1519
c53d7e5dThanks @jacobrask! - Remove focus styles reset
Minor Changes
Section titled “Minor Changes”- #1459
0ee61f4cThanks @jbvolvo! - Set consistent keyboard focus styles on interactive components (Except TextInput, TextArea, SelectInput) Any component using Click will now have consistent keyboard focus style Added a new token category (states) where focus can livetheme.states.focus
Patch Changes
Section titled “Patch Changes”-
#1420
58b2e87dThanks @alizeait! - Fix server/client accordion key diff in className -
#1442
3930e94eThanks @fbjaras! - Fixed generated AccordionDetails className sometimes beginning with a number
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
def39568,0be04de7]:- @volvo-cars/react-aria@0.3.0
- @volvo-cars/react-layout-utils@0.6.0
- @volvo-cars/react-utils@1.0.0
Patch Changes
Section titled “Patch Changes”-
#1388
4d04955dThanks @jacobrask! - Add explicit children to component types, for compatibility with @types/react v18 -
#1330
182ef82eThanks @johard! - FixhideDividerin nested accordions
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6 -
Updated dependencies [
d8753007,1f58795e]:- @volvo-cars/react-aria@0.2.2
- @volvo-cars/react-utils@0.4.2
Patch Changes
Section titled “Patch Changes”-
#1229
0cf5581dThanks @alizeait! - Center chevron icon inAccordionSummary -
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
#1227
8cd9ebacThanks @jacobrask! - Reduce accordion chevron size -
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations -
Updated dependencies [
53eafd52,c87d15e6,53eafd52]:- @volvo-cars/react-utils@0.4.1
- @volvo-cars/react-aria@0.2.1
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
7a5303ea,f5273489,311e7cc9,f442c83f]:- @volvo-cars/react-aria@0.2.0
- @volvo-cars/react-utils@0.4.0
Minor Changes
Section titled “Minor Changes”-
#1078
71ad30b6Thanks @jacobrask! - Convert to module and build with tsup -
#1045
fbde12ecThanks @jacobrask! - Add Node engines field requiring Node 14
Patch Changes
Section titled “Patch Changes”- #1045
fbde12ecThanks @jacobrask! - Allow vcc-ui 3.0.0 in peerDependencies
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
75eafb69]:- @volvo-cars/react-aria@0.1.0
Patch Changes
Section titled “Patch Changes”- #886
7644e217Thanks @alizeait! - Better TypeScript performance. Converttypetointerfacesince interface is cached by TS and add return types to help TS compiler out
Patch Changes
Section titled “Patch Changes”-
Updated dependencies [
e5debdf8]:- @volvo-cars/react-utils@0.3.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
865b4146]:- @volvo-cars/react-utils@0.2.0
Minor Changes
Section titled “Minor Changes”- #649
00f3ae7cThanks @alizeait! - AddsiconAlignmentprop toAccordionSummaryto allow vertically centering the icon
Patch Changes
Section titled “Patch Changes”-
#653
d65b119eThanks @jacobrask! - Update React peer dependencies -
Updated dependencies [
d65b119e]:- @volvo-cars/react-utils@0.1.1
Minor Changes
Section titled “Minor Changes”- #641
6df784f9Thanks @alizeait! - - Update extend types to use ExtendCSS- Use
usePreviousfrom@volvo-cars/react-utils
- Use
Major Changes
Section titled “Major Changes”Minor Changes
Section titled “Minor Changes”@volvo-cars/react-aria
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-descendants@0.5.6
Patch Changes
Section titled “Patch Changes”- Updated dependencies []:
- @volvo-cars/react-descendants@0.5.5
Patch Changes
Section titled “Patch Changes”- Updated dependencies []:
- @volvo-cars/react-descendants@0.5.4
Patch Changes
Section titled “Patch Changes”-
#2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components -
Updated dependencies [
47539537]:- @volvo-cars/react-descendants@0.5.3
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
Updated dependencies [
d75c21d2]:- @volvo-cars/react-descendants@0.5.2
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
def39568]:- @volvo-cars/react-descendants@0.5.0
Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6 -
Updated dependencies [
d8753007,1f58795e]:- @volvo-cars/react-descendants@0.4.2
Patch Changes
Section titled “Patch Changes”-
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations -
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
Updated dependencies [
c87d15e6,53eafd52]:- @volvo-cars/react-descendants@0.4.1
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Patch Changes
Section titled “Patch Changes”-
#1158
f5273489Thanks @jacobrask! - Export UseKeyboardNavigationResults type -
#1080
311e7cc9Thanks @jacobrask! - Build with tsup. -
Updated dependencies [
7a5303ea]:- @volvo-cars/react-descendants@0.4.0
Patch Changes
Section titled “Patch Changes”- Update dependency @volvo-cars/react-descendants to ^0.3.0
Patch Changes
Section titled “Patch Changes”- Rename exported ES modules to .mjs to enable using the package from other ES modules
- Rename ambigous browser field from export map to fix Jest environments
Minor Changes
Section titled “Minor Changes”- #927
75eafb69Thanks @alizeait! - Create@volvo-cars/react-ariaand exposeuseKeyboardNavigationto simplify keyboard navigation between composite React components
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
75eafb69]:- @volvo-cars/react-descendants@0.2.0
@volvo-cars/react-calendar
Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”- #4555
2cd5191Thanks @PaoloGiraudi! - re export locale provider
Minor Changes
Section titled “Minor Changes”- #4514
2f02446Thanks @PaoloGiraudi! - upgrade to latest react-aria, fix week number bugs
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e9f8c10]:- @volvo-cars/react-icons@3.2.1
Minor Changes
Section titled “Minor Changes”- #4403
0c408e0Thanks @niketsonivc! - Replace CalendarI18nProvider with LocaleProvider from @volvo-cars/react-locale-provider package Not throwing an error in useLocale and instead logging a warning.
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
0c408e0,375c0cc,ffd3cc0,c9a2ec6]:- @volvo-cars/react-locale-provider@0.0.4
- @volvo-cars/react-icons@3.1.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6f6da34]:- @volvo-cars/react-icons@3.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c5c7eef]:- @volvo-cars/react-icons@3.0.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-icons@2.0.1
Minor Changes
Section titled “Minor Changes”-
#4169
c671fd8Thanks @PaoloGiraudi! - add showWeekNumbers feature -
#4123
cb3bdbcThanks @PaoloGiraudi! - add month/year selection to calendar
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #4014
29d46e6Thanks @PaoloGiraudi! - remove react-dom from dependencies
Patch Changes
Section titled “Patch Changes”- #3953
c40ef35Thanks @PaoloGiraudi! - include css range in peer dependencies
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3883
1c20103Thanks @PaoloGiraudi! - add dropdown range calendar
Patch Changes
Section titled “Patch Changes”-
#3903
3d158a2Thanks @PaoloGiraudi! - export more helpers from react-aria -
Updated dependencies [
6dea1d3]:- @volvo-cars/css@1.19.0
Patch Changes
Section titled “Patch Changes”-
#3852
86f61aaThanks @PaoloGiraudi! - add dropdown calendar component -
#3856
b14ae9aThanks @cdagli! - Add SimpleRangeCalendar component -
Updated dependencies [
b199822]:- @volvo-cars/css@1.18.2
Minor Changes
Section titled “Minor Changes”- #3851
989b9eaThanks @PaoloGiraudi! - export types and helpers from react-aria
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”@volvo-cars/react-descendants
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-layout-utils@0.7.5
Patch Changes
Section titled “Patch Changes”- Updated dependencies []:
- @volvo-cars/react-layout-utils@0.7.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies []:
- @volvo-cars/react-layout-utils@0.7.3
Patch Changes
Section titled “Patch Changes”-
#2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components -
Updated dependencies [
47539537]:- @volvo-cars/react-layout-utils@0.7.2
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
Updated dependencies [
d75c21d2]:- @volvo-cars/react-layout-utils@0.7.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
2cfef498]:- @volvo-cars/react-layout-utils@0.7.0
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
def39568]:- @volvo-cars/react-layout-utils@0.6.0
Patch Changes
Section titled “Patch Changes”- #1388
4d04955dThanks @jacobrask! - Add explicit children to component types, for compatibility with @types/react v18
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6
Patch Changes
Section titled “Patch Changes”-
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations -
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Minor Changes
Section titled “Minor Changes”- #1110
e22af598Thanks @jacobrask! - Convert to module and build with tsup
Minor Changes
Section titled “Minor Changes”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #894
6aad286dThanks @harrymansworth! - improves accessbility TabNav and TabNavItem
Patch Changes
Section titled “Patch Changes”- #653
d65b119eThanks @jacobrask! - Update React peer dependencies
[0.0.1]
- Initial release
@volvo-cars/react-forms
Major Changes
Section titled “Major Changes”-
#5073
5af5aa9Thanks @jacobrask! - Maketop-labelthe default variant for form inputs that support bothtop-labelandfloating-label. Remove Safari workaround forshowPickerin DateInput. Remove deprecated type exports -
#5107
ab22b38Thanks @jacobrask! - Remove deprecatedisValidprop fromCheckbox,RadioGroup,Select,TextArea, andTextInput. UseerrorMessageoraria-invalidinstead to indicate invalid state. -
#5098
bd4cbb8Thanks @copilot-swe-agent! - Remove react-forms locale props in favor of LocaleProvider
Minor Changes
Section titled “Minor Changes”- #5084
ca0dcc4Thanks @copilot-swe-agent! - The Select component requiresLocaleProviderin order to use the default “Select…” string instead of the label
1.14.1
Section titled “1.14.1”Patch Changes
Section titled “Patch Changes”-
#4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version. -
#4942
c55ae14Thanks @PaoloGiraudi! - Use regular weight in top label inputs
1.14.0
Section titled “1.14.0”Minor Changes
Section titled “Minor Changes”- #4513
71e2170Thanks @PaoloGiraudi! - add double range slider component
Patch Changes
Section titled “Patch Changes”1.13.2
Section titled “1.13.2”Patch Changes
Section titled “Patch Changes”-
#4683
2378255Thanks @PaoloGiraudi! - Remove shape configuration. It was decided to default to shape-emphasis for all buttons, so we don’t need the prop anymore -
Updated dependencies [
2378255]:- @volvo-cars/react-icons@3.2.4
1.13.1
Section titled “1.13.1”Patch Changes
Section titled “Patch Changes”-
#4643
a702e09Thanks @PaoloGiraudi! - Fix DateInput prop types. It was extending the wrong types (RangeLikeProps) -
Updated dependencies [
e9e7382]:- @volvo-cars/react-icons@3.2.3
1.13.0
Section titled “1.13.0”Minor Changes
Section titled “Minor Changes”-
#4504
b5166cdThanks @AlexMPLeite! - New React components built on top of the CSS selectable-card pattern:- CheckboxCard: Checkbox input with card-style presentation, supporting controlled and uncontrolled patterns
- RadioCard: Radio input for use within RadioGroup, with card-style presentation
Features:
- Full accessibility with automatic
aria-describedbyand proper label associations - Interactive elements (links, buttons) inside cards without toggling selection
- Entire card clickable while maintaining accessibility
Patch Changes
Section titled “Patch Changes”-
#4525
3384f7cThanks @AlexMPLeite! - Improve RadioGroup spacing and prevent hover effects on checked radio cards -
Updated dependencies [
e9f8c10]:- @volvo-cars/react-icons@3.2.1
1.12.0
Section titled “1.12.0”Minor Changes
Section titled “Minor Changes”- #4413
f309c3fThanks @niketsonivc! - Added button support for the new Centenary theme.
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
f309c3f]:- @volvo-cars/react-icons@3.2.0
1.11.0
Section titled “1.11.0”Minor Changes
Section titled “Minor Changes”- #4309
f7aa630Thanks @niketsonivc! - update range slider tooltip spacing and rename prop from output to tooltip
1.10.0
Section titled “1.10.0”Minor Changes
Section titled “Minor Changes”- #4264
df89c4eThanks @niketsonivc! - Add dynamic value output tooltip to RangeSlider component
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6f6da34]:- @volvo-cars/react-icons@3.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c5c7eef]:- @volvo-cars/react-icons@3.0.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #4236
94f79a9Thanks @jacobrask! - Add testid to error message
Minor Changes
Section titled “Minor Changes”-
#4217
d6246f3Thanks @niketsonivc! - add min-width to the input fields -
#4224
2667ad2Thanks @PaoloGiraudi! - add indeterminate state to checkbox
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-icons@2.0.1
Minor Changes
Section titled “Minor Changes”-
#4199
17f1b69Thanks @jacobrask! - Bump @volvo-cars/css peerDependency to 1.27.0 -
#4176
202dcd1Thanks @jacobrask! - Add CurrencyInput and UnitInput -
#3842
8c74766Thanks @jacobrask! - Addvariant=top-labelto all input components, enabling forms without floating input labels -
#4201
ee24669Thanks @jacobrask! - Fix defaultValue in RangeSlider Pass through className to RangeSlider -
#4189
aa7b266Thanks @jacobrask! - Disable autoCapitalize and spellChecking in PasswordInput with visible password
Patch Changes
Section titled “Patch Changes”- #4196
35867f6Thanks @PaoloGiraudi! - improve error messages for screen readers
Minor Changes
Section titled “Minor Changes”- #4172
d961fd6Thanks @jacobrask! - Deprecate all UncontrolledProps and ControlledProps type exports
Patch Changes
Section titled “Patch Changes”- #4153
c0debfbThanks @jacobrask! - Improve handling of floating labels with autofilled forms Improve autofill background position in delegated inputs
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #3922
daa1c99Thanks @jacobrask! - Fix bug in controlled DateInput where the label would in some cases show instead of the value
Minor Changes
Section titled “Minor Changes”- #3876
bfc4c5bThanks @PaoloGiraudi! - type checks with skipLibCheck false
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
7f8347f]:- @volvo-cars/react-icons@1.1.1
Patch Changes
Section titled “Patch Changes”- #3877
b199822Thanks @jacobrask! - Adjust negative margin on checkbox and radio
Patch Changes
Section titled “Patch Changes”-
#3829
35c5af2Thanks @PaoloGiraudi! - increase touch area of checkbox and radio to 24px -
Updated dependencies [
761f3fd,a9700f7]:- @volvo-cars/react-icons@1.1.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
32f94f2]:- @volvo-cars/react-icons@0.24.1
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3729
f38c297Thanks @nikkomullan! - Add DateTimeInput component to react-forms package
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3693
7effc2fThanks @jacobrask! - Update to new icon system
Patch Changes
Section titled “Patch Changes”-
#3726
abc559bThanks @harrymansworth! - feat(Checkbox): removes unclickable deadspot between checkbox and its associated label -
Updated dependencies [
2d41f04,8db3179,7effc2f,2b1bc26]:- @volvo-cars/react-icons@0.22.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
766ff04]:- @volvo-cars/react-icons@0.21.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9d14a55]:- @volvo-cars/react-icons@0.21.1
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b8e9b4e]:- @volvo-cars/react-icons@0.20.1
Minor Changes
Section titled “Minor Changes”- #3415
fc4f292Thanks @jacobrask! - Use explicit type imports
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
61045a1]:- @volvo-cars/react-icons@0.19.1
Patch Changes
Section titled “Patch Changes”-
#3350
4e9c090Thanks @jacobrask! - Add explicit types to inner functions in forwardRef to fix Storybook docs extraction -
Updated dependencies [
8b99491]:- @volvo-cars/react-icons@0.19.0
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3207
68226d1Thanks @hakan-nordstrom! - improve autocomplete options
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
a664b93]:- @volvo-cars/react-icons@0.17.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #3136
0350d89Thanks @jacobrask! - Broaden peerDependencies to allow >0.53 as well
Major Changes
Section titled “Major Changes”-
#3028
1630a8aThanks @jacobrask! - Bump css peerDependencies to 1.0 -
#3028
1630a8aThanks @jacobrask! - Remove css 0.x v- prefixed classes from inputs
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
1630a8a]:- @volvo-cars/react-icons@0.15.0
0.13.1
Section titled “0.13.1”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
d0ea09c]:- @volvo-cars/react-icons@0.14.0
0.13.0
Section titled “0.13.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies []:
- @volvo-cars/react-icons@0.13.0
0.12.0
Section titled “0.12.0”Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
8256d4b]:- @volvo-cars/react-icons@0.13.0
0.11.3
Section titled “0.11.3”Patch Changes
Section titled “Patch Changes”0.11.2
Section titled “0.11.2”Patch Changes
Section titled “Patch Changes”-
#2932
a9e6c90Thanks @jacobrask! - Fix password input disabled styles -
#2901
2146751Thanks @fredrik-j-lindberg! - fix(react-forms): hide error message and error state on disable
0.11.1
Section titled “0.11.1”Patch Changes
Section titled “Patch Changes”-
#2886
a2112972eThanks @fredrik-j-lindberg! - feat(react-forms): add icon to input error messages -
Updated dependencies [
433450286]:- @volvo-cars/react-icons@0.11.0
0.11.0
Section titled “0.11.0”Minor Changes
Section titled “Minor Changes”- #2800
8de7c2ee5Thanks @jacobrask! - - Allow errorMessage on uncontrolled form components- Merge passed className with cssMerge
- Allow passing style to all form controls (set on the wrapper)
- Allow passing
type=buttontoSubmitButton
Patch Changes
Section titled “Patch Changes”0.10.1
Section titled “0.10.1”Patch Changes
Section titled “Patch Changes”0.10.0
Section titled “0.10.0”Minor Changes
Section titled “Minor Changes”-
#2628
df724545Thanks @harrymansworth! - feat: useIconButtonfor clickable input adornments, addscontentAfterprop for custom input adornments -
#2722
2d45b0f8Thanks @jacobrask! - Use 16px icons in DateInput and Select Use a clickable IconButton in DateInput Remove hidePasswordLabel from PasswordInput, button is nowaria-pressedinstead depending on the state
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
72e4f1c6]:- @volvo-cars/react-icons@0.8.1
Minor Changes
Section titled “Minor Changes”- #2700
65af2163Thanks @jacobrask! - - Add pointer event types- Prevent click events on disabled buttons
Patch Changes
Section titled “Patch Changes”- #2394
450e0cc5Thanks @jacobrask! - Addcolor: accentto text and outlined buttons
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”-
#2310
1481e40cThanks @jacobrask! - Add SubmitButton component -
#2283
aeac9848Thanks @jbvolvo! - Addsizeattribute support for inputs
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #2249
f3aa81d2Thanks @jacobrask! - - Add theSelectlabel text to the empty option we create by default.- Float
Selectlabels to the center even for custom empty<option value="">options.
- Float
Patch Changes
Section titled “Patch Changes”- #2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components
Patch Changes
Section titled “Patch Changes”- #2185
b6a31098Thanks @jacobrask! - Fix floating label position for password inputs
Minor Changes
Section titled “Minor Changes”- #2130
392d63cbThanks @jacobrask! - Adds TextArea, TelInput, UrlInput and EmailInput
Minor Changes
Section titled “Minor Changes”-
#2112
504748cdThanks @jacobrask! - Export RadioContextProvider instead of RadioGroupContext -
#2118
6df2f7a5Thanks @jacobrask! - Add types to autoComplete and inputMode
Minor Changes
Section titled “Minor Changes”- #2094
19845fc5Thanks @jacobrask! - Add Password Input
Minor Changes
Section titled “Minor Changes”- #2083
2b440f04Thanks @jacobrask! - Improved VCC UI useField compatibility
Minor Changes
Section titled “Minor Changes”- #2043
2f011c6bThanks @jacobrask! - Add Select component Fix values of controlled TextInput, DateInput
Patch Changes
Section titled “Patch Changes”- #2042
388ac5baThanks @jacobrask! - Don’t allow controlling values of individual radios
Minor Changes
Section titled “Minor Changes”- #2005
743eb3feThanks @jacobrask! - - MakeTextInputsupport only<input type="text">- Add
DateInputfor<input type="date"> - Remove built-in validation, to be solved with a different API
- Export both controlled and uncontrolled props, e.g.
CheckboxProps,CheckboxUncontrolledPropsandCheckboxControlledProps - Use
React.useIdfor IDs - requiring React 18 for this package
- Add
Patch Changes
Section titled “Patch Changes”- #1923
ac37c047Thanks @harrymansworth! - adds css block classname for text input component
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
#1906
fa789e82Thanks @jacobrask! - Add form validation support -
Updated dependencies [
fa789e82]:- @volvo-cars/web-aria-components@0.0.2
Patch Changes
Section titled “Patch Changes”7fe2fb24Thanks @jacobrask! - Fix peer dep range
Patch Changes
Section titled “Patch Changes”-
#1882
52318e66Thanks @jacobrask! - Add Checkbox, Radio and unstyled TextInput. No validation yet. -
Updated dependencies [
dd249419,2912447e]:- @volvo-cars/css@0.10.0
@volvo-cars/react-headless
0.24.7
Section titled “0.24.7”Patch Changes
Section titled “Patch Changes”-
#5038
68fa58dThanks @CodeWithPhany! - # ChangesImprove
useReelfocus behavior so keyboard-focused items that overflow are smoothly scrolled into view. -
Updated dependencies [
8983e9d,e7793ea]:- @volvo-cars/react-utils@1.3.0
0.24.6
Section titled “0.24.6”Patch Changes
Section titled “Patch Changes”- #4723
5560231Thanks @PaoloGiraudi! - add Centenary styles to tooltip and popovers with arrow
0.24.5
Section titled “0.24.5”Patch Changes
Section titled “Patch Changes”-
#4573
21ee963Thanks @AlexMPLeite! - Fix vertical tabs keyboard navigation -
#4569
e5404d3Thanks @jacobrask! - Fix snap navigation with video elements in Firefox
0.24.4
Section titled “0.24.4”Patch Changes
Section titled “Patch Changes”- #4512
7a0092aThanks @PaoloGiraudi! - separate type files
0.24.3
Section titled “0.24.3”Patch Changes
Section titled “Patch Changes”- #4458
49c0680Thanks @PaoloGiraudi! - correctly position popover in rtl
0.24.2
Section titled “0.24.2”Patch Changes
Section titled “Patch Changes”- #4424
546a3cbThanks @jacobrask! - react-headless | Avoid id collisions from snap indicators
0.24.1
Section titled “0.24.1”Patch Changes
Section titled “Patch Changes”- #4352
80cbccfThanks @PaoloGiraudi! - fix static positioning of the popover arrow
0.24.0
Section titled “0.24.0”Minor Changes
Section titled “Minor Changes”- #4303
bfaa0f5Thanks @PaoloGiraudi! - add popover hint
0.23.5
Section titled “0.23.5”Patch Changes
Section titled “Patch Changes”- #4282
6e3357dThanks @glenAshley! - Click events from other dialogs no longer close this dialog.
0.23.4
Section titled “0.23.4”Patch Changes
Section titled “Patch Changes”- #4252
83ce87fThanks @alexanderzinolidis! - fixed useTabList incorrect onChange callback
0.23.3
Section titled “0.23.3”Patch Changes
Section titled “Patch Changes”-
#4265
c951763Thanks @PaoloGiraudi! - add id to snap indicators hook -
#4263
76360aeThanks @niketsonivc! - Fix: useReel returns activeIndex -1 for single slide
0.23.2
Section titled “0.23.2”Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-utils@1.2.1
0.23.1
Section titled “0.23.1”Patch Changes
Section titled “Patch Changes”- #4207
e059e19Thanks @jacobrask! - Removedata-modals-openattribute added tohtmlbyuseDialog
0.23.0
Section titled “0.23.0”Minor Changes
Section titled “Minor Changes”-
#4164
dc48056Thanks @PaoloGiraudi! - add onBeforeDismiss to dialog -
#4186
d53e15eThanks @johard! - Add unstable export for DialogController
0.22.0
Section titled “0.22.0”Minor Changes
Section titled “Minor Changes”- #4177
476655cThanks @jacobrask! - Disable body scroll with open dialogs even in shadow dom
0.21.0
Section titled “0.21.0”Minor Changes
Section titled “Minor Changes”- #4122
06a20b0Thanks @harrymansworth! - feat(react-headless): addsarrowfunctionality toanchored-popover
0.20.0
Section titled “0.20.0”Minor Changes
Section titled “Minor Changes”- #4126
6ec4cddThanks @jacobrask! - Deprecate reel indicators
0.19.1
Section titled “0.19.1”Patch Changes
Section titled “Patch Changes”- #4129
9b91251Thanks @jacobrask! - Fix dependency resolution
0.19.0
Section titled “0.19.0”Minor Changes
Section titled “Minor Changes”- #4116
78072e2Thanks @jacobrask! - Use more sophisticated ref merging when passing refs touseDialoganduseAnimatedDetails
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
78072e2]:- @volvo-cars/react-utils@1.2.0
0.18.3
Section titled “0.18.3”Patch Changes
Section titled “Patch Changes”- #4040
94e7dbcThanks @PaoloGiraudi! - avoid closing dialog on backdrop mouseup
0.18.2
Section titled “0.18.2”Patch Changes
Section titled “Patch Changes”- #4036
fa7fb77Thanks @jacobrask! - Snap navigation | Add a more resilient check for whether an IntersectionObserver workaround in Safari is needed
0.18.1
Section titled “0.18.1”Patch Changes
Section titled “Patch Changes”- #4001
6607ae1Thanks @jacobrask! - Fix snap navigation with scroll-padding
0.18.0
Section titled “0.18.0”Minor Changes
Section titled “Minor Changes”-
#3956
d987789Thanks @PaoloGiraudi! - expose onToggle event for popovers -
#3824
9810108Thanks @jacobrask! - Add useSnapIndicators hook for scroll snap indicators
Patch Changes
Section titled “Patch Changes”- #3930
7e564d5Thanks @jacobrask! - useAnimatedDetails - Fix janky animation on first render of controlled details
0.17.2
Section titled “0.17.2”Patch Changes
Section titled “Patch Changes”-
#3910
13fd098Thanks @svenheden! - guard against non existing showPopover/hidePopover -
#3919
8656cabThanks @ranisalt! - Allow nullable ref object in hooks
0.17.1
Section titled “0.17.1”Patch Changes
Section titled “Patch Changes”- #3852
86f61aaThanks @PaoloGiraudi! - expose elements from useAnchoredPopover
0.17.0
Section titled “0.17.0”Minor Changes
Section titled “Minor Changes”- #3841
b1063b4Thanks @jacobrask! - Add useSnapNavigation hook Make prev/next navigation more robust in useReel
0.16.0
Section titled “0.16.0”Minor Changes
Section titled “Minor Changes”- #3788
5433ed9Thanks @jacobrask! - AddreelPropstouseReel, returning appropriatetabindexproperty based on the contents of the reel.
Patch Changes
Section titled “Patch Changes”- #3800
44ec7d0Thanks @PaoloGiraudi! - memoize props and add flip() behaviour to the anchored popover
0.15.2
Section titled “0.15.2”Patch Changes
Section titled “Patch Changes”- #3771
929d502Thanks @jacobrask! - Move floating-ui to regular dependencies
0.15.1
Section titled “0.15.1”Patch Changes
Section titled “Patch Changes”-
#3730
7bf2108Thanks @PaoloGiraudi! - change strategy to fixed for anchored popover, fix flickering when reduce-motion is turned on -
#3738
a185527Thanks @jacobrask! - Fix RTL navigation direction with reel arrows
0.15.0
Section titled “0.15.0”Minor Changes
Section titled “Minor Changes”- #3570
8e02a34Thanks @PaoloGiraudi! - Add usePopover and useAnchoredPopover, added popover class in edls-css
0.14.0
Section titled “0.14.0”Minor Changes
Section titled “Minor Changes”- #3552
71cf38bThanks @Shpilevskyy! - Add ability to make usePagination controllable
0.13.0
Section titled “0.13.0”Minor Changes
Section titled “Minor Changes”- #3466
e50cee2Thanks @Shpilevskyy! - Adds “page pagination” examples and usePagination hook to react-headless
0.12.0
Section titled “0.12.0”Minor Changes
Section titled “Minor Changes”- #3415
fc4f292Thanks @jacobrask! - Use explicit type imports
0.11.1
Section titled “0.11.1”Patch Changes
Section titled “Patch Changes”- #3410
23a1224Thanks @jacobrask! - - Fix issue due todialog.getAnimationsnot being defined in jsdom- Don’t animate the toggling of details with
useAnimatedDetailsif it’s the first render with the same value
- Don’t animate the toggling of details with
0.11.0
Section titled “0.11.0”Minor Changes
Section titled “Minor Changes”- #3401
33a6f74Thanks @jacobrask! - Add attributes for animations triggers
Patch Changes
Section titled “Patch Changes”- #3402
d085846Thanks @jacobrask! - Fix controlled animated details with default open state
0.10.2
Section titled “0.10.2”Patch Changes
Section titled “Patch Changes”- #3388
9249c07Thanks @jacobrask! - Fix animated details in jsdom tests
0.10.1
Section titled “0.10.1”Patch Changes
Section titled “Patch Changes”- #3373
ce000a1Thanks @jacobrask! - Fix Safari details toggling bug with details with controlled state
0.10.0
Section titled “0.10.0”Minor Changes
Section titled “Minor Changes”- #3365
bd14a15Thanks @jacobrask! - AllowuseDialogto be controlled with anopenargument Reset scroll position of scrollable children on modal open
Minor Changes
Section titled “Minor Changes”- #3300
b7cc718Thanks @jacobrask! - Add useDialog hook
Patch Changes
Section titled “Patch Changes”- #3318
afa10a3Thanks @jacobrask! - Dialog | Hide the focus outline for the first button for non-keyboard users in Safari
Patch Changes
Section titled “Patch Changes”- #3175
69dbc2bThanks @jacobrask! - Reel | Fix activeIndex not always being updated in single frame reels
Patch Changes
Section titled “Patch Changes”- #3051
b8f51e6Thanks @jacobrask! - Update scroll amount on arrow click in Safari to take gap into account
Minor Changes
Section titled “Minor Changes”- #3004
310c26bThanks @jacobrask! - BREAKING: Merge the reel hooks into a single hook
Patch Changes
Section titled “Patch Changes”- #2963
2718f08Thanks @jacobrask! - Reel | Ensure activeIndex is 0 in SSR and inital render
Minor Changes
Section titled “Minor Changes”-
#2938
9e0f5b1Thanks @jbvolvo! - Fix indicator bug not updating when interacting with tabs -
#2959
17e65eaThanks @jacobrask! - Trigger toggle event for uncontrolled accordions
Patch Changes
Section titled “Patch Changes”- #2933
20d8efaThanks @jacobrask! - Adress tabIndex attribute camel case warning
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #2741
5727fb71cThanks @jacobrask! - Fix bug when details is toggled natively by the browser
Patch Changes
Section titled “Patch Changes”-
#2773
9b62f5a9Thanks @jacobrask! - useAnimatedDetails- Fix SSR warning from useLayoutEffect
- Add onAnimationFinish method
- Remeasure details on mutation
Minor Changes
Section titled “Minor Changes”- #2735
3b201d2fThanks @jacobrask! - Replace useDetailsAnimation with useAnimatedDetails hook
Minor Changes
Section titled “Minor Changes”- #2626
739c6b4bThanks @jacobrask! - AdduseTabList,useTabPanelanduseTabhooks to create tab interfaces
Minor Changes
Section titled “Minor Changes”- #2632
dd939a72Thanks @jacobrask! - Allow non-direct children of reels to be snap targets, using .snap-start, .snap-center or .snap-end classes
Patch Changes
Section titled “Patch Changes”- #2651
40a1e405Thanks @jacobrask! - Reel | Make all reel hooks work with nested markup
Minor Changes
Section titled “Minor Changes”- #2573
96fbe5ccThanks @harrymansworth! - feat: addsAnimatedDetailsanduseDetailsAnimation
Patch Changes
Section titled “Patch Changes”- #2592
31f2e32aThanks @harrymansworth! - fix: esm build error
Minor Changes
Section titled “Minor Changes”- #2562
dedd8320Thanks @harrymansworth! - addsuseReel-*utilities
@volvo-cars/react-icons
Patch Changes
Section titled “Patch Changes”- #5079
4125890Thanks @design-system-automation! - Update icons to version 20260604.1 New or updated icons: Lightning Bolt Circled Forward, Lightning Bolt Drop, Speedo Enclosed, Star Lines, Warning Speedo Slashed Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4999
5254eb6Thanks @design-system-automation! - Update icons to version 20260518.1 New or updated icons: Loop Forward Rectangle 1 Squared, Loop Forward Rectangle Squared, Screen Minus, Screen Plus, Screen Plus Play, Shuffle Squared, Shuffle Star Squared, Volume X Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”- #4873
9a94f36Thanks @design-system-automation! - Update icons to version 20260420.1 New or updated icons: Rotate Car, Rotate Photo Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4805
908bfd3Thanks @design-system-automation! - Update icons to version 20260407.1 New or updated icons: B Brake, Contract Box, Pin, Trajectory Towbar, Unpin Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4738
d54d9f5Thanks @design-system-automation! - Update icons to version 20260323.1 New or updated icons: Airbag Dashed, Expand Box Removed icons: None
Minor Changes
Section titled “Minor Changes”-
#4666
67a2248Thanks @AlexMPLeite! - Addsizeprop toIconButton.size="large"renders a 48 × 48 px button with a 24 × 24 px icon (default is 40 × 40 px / 16 × 16 px). Applies to all variants. Requires@volvo-cars/css≥ 1.41.0.
Patch Changes
Section titled “Patch Changes”- #4720
4f3b9bbThanks @design-system-automation! - Update icons to version 20260319.1 New or updated icons: Drop Camera Front, Drop Camera Rear, Note Transmitting, Roadside Arrow Left, Roadside Arrow Right, Screen Landscape Off Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4683
2378255Thanks @PaoloGiraudi! - Remove shape configuration. It was decided to default to shape-emphasis for all buttons, so we don’t need the prop anymore
Patch Changes
Section titled “Patch Changes”- #4660
e9e7382Thanks @design-system-automation! - Update icons to version 20260227.1 New or updated icons: Chevron Back Double, Chevron Forward Double, Cube 3D One Side, Eye Exclamation Mark, Headphones, Heart Hand, List Arrow, LKA Off Left, Moon Z, Papers Stacked 3D, Parking Finger, Paw, Road Arrow, Snowflake Battery 100, Snowflake Battery 20, Snowflake Battery 50 Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4559
22390a2Thanks @design-system-automation! - Update icons to version 20260130.1 New or updated icons: Air Filter Particles Clean, Audio Wave Face, Bluetooth Connected 2, Bluetooth Slashed, Boom, Break Pedal Waring, Car Circle, Cog Exclamation Mark, Drop Fuel Pump, Emission, Eye Semi Closed, Garage, Gate, Lines Horizontal, LKA Intervention Left Lines, LKA Intervention Right Lines, Note Slashed, Papers Stacked, Parking Squared Road, Parking Squared Route, Road Segmented, Road Trajectory Line, Seat Right Lean, Sensor Car Inside Off, Set Speed Confirm Decline, Stalk Left Down, Stalk Left Up, Video Car Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4480
e9f8c10Thanks @design-system-automation! - Update icons to version 20260105.1 New or updated icons: 2X Circled, Air Filter, AR, Arrow Curved Left, Arrows Split, Audio Book, Auto Brake, Backspace, Camera Front, Camera Rear, Camera Side Left, Camera Slashed, Car Overtake Left, Charger CCS, Charger NACS, Circle Backwards 15, Circle Forward, Circled Thumbs Up, Cloud Download Battery, Code, Conference Table, Connect Plus, Crop, CTA, Currency USD, Device, Elevator, ESC Off, Fridge, HUD Rotate, Lights Adjust Down, Lights Adjust Up, List Checked, Loop Forward Cube, Mail, Message Phone, Mobile Phone Connected, Office Chair, Pause Phone, Plug DC, Plus Circle Backwards, Printer, Question Mark, Radio, Restroom, Seat Lean Clock, Smiley Happy, Snowflake Circle Forward, Sound Bar, Speaker, Speedo Set, Spray Bottle, Steering Wheel Dashed Line, Sunshade Close, Sunshade Open, Table, Thumbs Down, Time Interval Car, TPMS, TV, Warning Car Sensors, Workstation, X Circled Removed icons: None
Minor Changes
Section titled “Minor Changes”- #4413
f309c3fThanks @niketsonivc! - Added button support for the new Centenary theme.
Patch Changes
Section titled “Patch Changes”-
#4358
375c0ccThanks @design-system-automation! - Update icons to version 20251029.1 New or updated icons: 6 Squares, Amp Meter, Arrow Back, Arrow Curved Back, Arrow Down, Arrow Forward, Arrow Forward Car Side, Arrow Up Line, Battery 20, Battery 80, Battery 90, Battery Frame, Battery Frame Standing, Battery Standing 100, Bell, Brake Pedal, Brake Pedal Auto, Brake Pedal High, Brake Pedal Low, Calendar, Camera Rotate, Car, Car Moving, Car Pin, Car Side Profile, Car Side Profile Cropped, CarPlay, Charging Battery Standing, Checked Calendar, Checkmark, Checkmark Circled, Checkmark Pin, Chevron Back, Chevron Down, Chevron Forward, Chevron Up, Child Lock Locked, Circle Grid, Clock, Clock Car, Clock Dotted, Cloud Download Clock, Computer, Content Tree, Cube 3D Divided, Defroster Rear, Delivery Truck, Diamond, Diamond Sparkling, Digital Key, Drops Car, Email Open, Exclamation Mark Car, Exclamation Mark Circled, External Link, Eye, Eye Slashed, Fan, Fast Charger, File XLS, Filter, Filter vertical, Filter Volume, Fire, Fork And Knife, Fuel Pump, Gift, Golf Bag, Graph Average, Graph Bars, Handshake, Headset, Heart, High Beam, Home, Home Connected, Home Work, Honk And Flash, Image Framed, Info Circled, Keypad, Leaf Simple, Lightning Bolt, LKA Intervention Right, Lock, Lock Car, Lock Open, Lock Open Trunk, Lock Trunk, Loop Backwards Dotted, Map, Map Pin, Menu, Microphone, Microphone Slashed, Minimise, Mirror Left Fold, Mobile Phone, Moon, Next, Off, Park Assist Camera, Parking Assist Phone, Parking Circled, Parking Squared, Parking Steering Wheel, Pause, Pen, Pen Paper, Phone, Phone Down, Phone Shield, Play, Plus, Plus Car, Previous, Profile, Pump Charging, Retailer, Rose, Search, Seat Belt Buckle, Sensor Car Inside, Shopping Bag, Shuffle, Signed Paper, Smiley Slightly Happy, Speech Bubble, Square Grid, Stack, Stacked Squares, Star, Steering Wheel, Sun, Sun Car Side Profile, Suspension, Swap Car, Switch Phone, Three Dots, Tow Truck, Trash Can, Trunk Open, Twilight, USD Circle Forward, USD Coin, Wall Charger, Warning, Warning Speedo, Window, Window X, X, X Circled Removed icons: None -
#4433
ffd3cc0Thanks @design-system-automation! - Update icons to version 20251119.1 New or updated icons: 6 Dots, Air Distribution Feet, Airbag, Alcohol Lock, Ambient Light, Animal, Arrow Curved Forward, Arrow Down Forward, Arrow Forward EST, Arrow Up, Arrow Up Back, Arrow Up Forward, Arrows Back Forward, Arrows Down Up, Arrows Swap, Arrows Towbar, Asterisk, Audio Wave, AWD, AWD Arrows, Bank, Battery 30, Battery Frame Standing Minus, Battery Frame Standing Plus, Battery Standing 20, Battery Standing 30, Bell Slashed, Bell Speedo, Bell Speedo Slashed, Bills, Bills Loop Forward, BLIS, Bluetooth, Bluetooth Connected, Bluetooth Connections, Book With Text, Bookmark, Books, Box List Papers, Briefcase, Browse, Bulb, Calendar 1 Dot, Calendar 7 Dots, Calendar Date, Calligraphy Pen, Camera, Cancel Route, Car Battery, Car Framed, Car Roof Box, Car Sensors, Card Key, Cars, Charger Wireless, Charging Battery, Charging Note, Checklist, Checklist Car, Checklist Paper, Child, Child Lock Unlocked, Circle, Circle Backwards, Circle Forward 15, Cloud, Cloud Connect, Cobalt, Coffee Cup, Cog, Cog Car, Cog O, Cog Profile, Compass, Contrast, Credit Card, Credit Cards, Cube 3D, Curved Road Car, Defroster Front, Defroster Rear, Display, Document, Download, Download Cloud, Download Paper, Download Square, Drop Minus, Email, Engine, Exclamation Light Bulb, Fan 3 Blade, Fan Seat Left, Fan Seat Right, Fan Slashed, Ferry, Foglight Front, Foglight Rear, Front Sensor, Fuel Pump Handle, Fuel Pump Hybrid, FWD, Garage Car, Globe, Glovebox, Graph Average, Graph Bars Speedo, Graph Lines, Group, Hands Steering Wheel, Hangtag, Heat, Heat Seat Left, Heat Seat Right, Heat Steering Wheel, Home Charger, Hood, Horn, Hotspot, Hourglass, Human, I On Book, ID Card, ID Card Slashed, Image, Ion, Key, Key Fob, Key Loop Forward, Key Tag, Laptop, Layers, Leaf, Leave The Car, Light Bulb, Light Left, Light Right, Lightning Bolt Circled, Lightning Bolt Connected, Lights, Link, Linked Broken, List, List Square, LKA, Lock Steering Wheel, Loop Backwards Rounded, Loop Forward, Loop Forward Car, Low Beam, Map Pin Lightning Bolt, Maximise, Merge, Microphone Speech Bubble, Minus, Mirror Left Adjust, Mirror Left Tilt, Mirror Right, Mirror Right Adjust, Mirror Right Fold, Mirror Right Tilt, Moon Roof, Navigation Arrow, Navigation Arrow Circled, Note, Now Playing, ODO, Office Building, Package, Paper Plane, Parking, Photo, Pin Car, Pin Road Ahead, Pin Road Right, Pin Square, Plug, Plus Circled, Profile Arrows In, Profile Circled, Profile Stars Auto, Profiles, QR Code Scanner, Question Mark Circled, Queue, R Brake, Rain, Rear Window Wiper, Receipt, Rectangle Arrow Out, Recycle, Ribbon, Road, Rotate Cube 3D, Route, Screen Landscape, Seat, Seat Headrest Fold, Seat Right, Seat Right Massage, Shield, Shield Checked, Shield Checked Car, Shield Plus, Smiley Neutral, Snowflake, Snowflake Sun, SOS Call, Speech Bubble Text, Speech Bubble Three Dots, Speech Bubbles, Speedo, Speedo Car, Square, Square Circled, Star Circled, Start, Steering Stacked, Steering Wheel A - Right, Steering Wheel Exclamation Mark, Steering Wheel Seat Right, Stop Sign, Structure, Suitcase, Sun And Cloud, Sun Roof Close, Sun Roof Open, Temperature Cog, TPMS, Triangle Back, Turn Right Sign, Turtle, Upload, Video, Video Framed, Voice Assistant Speaking, Volume, Volume Low, Volume Medium, Volume Off, Volvo Cars App, Volvo Iron Mark, Wallet, Warning Car Front, Warning Eye, Warning Speedo OFF, Warning Triangle, Water Windscreen Wiper, Wheel, Wheel Moving, WiFi, Windscreen Washer, Windscreen Wiper, Wrench And Screwdriver, Wrench House, Wrench Papers Removed icons: None -
#4442
c9a2ec6Thanks @design-system-automation! - Update icons to version 20251124.1 New or updated icons: Airbag On, Arrow Deflected Up, Arrow Down Back, Arrow Up Forward, Bluetooth Connected, Bluetooth Connections, Brake, Brake Fluid, Car Rear, Charger Wireless, Connected Stethoscope, Diagnostics, Download Square, Evasive Manoeuvre Assist, Exclamation Mark, Fan Car Front, Fan Seat Left, Fan Seat Left Auto, Fan Seat Right, Fan Seat Right Auto, Ferry, Ferry And Train, Filter Volume, Forward Collision Warning, Graph Average, Graph Bars Speedo, Heat Seat Left, Heat Seat Left Auto, Heat Seat Right, Heat Seat Right Auto, Heat Steering Wheel, Heat Steering Wheel Auto, Hill Upward Car Side, Hotspot, LCA Left, LDW Left, LKA, Lock Car, Lock Car Side Profile, Lock Steering Wheel, Map Pin, Navigation Arrow, Ok, Park Assist Camera, Parking Sensors, Pin Road Ahead, Pin Road Left, Pin Road Right, Search Smart, Seat Belt Adjust, Snowflake, Steering Wheel Seat Left, Steering Wheel Seat Left Auto, Steering Wheel Seat Right, Steering Wheel Seat Right Auto, Volume Car Off, Warning Speedo, Warning Speedo OFF, WiFi Removed icons: None
Minor Changes
Section titled “Minor Changes”- #4298
c32d8b9Thanks @niketsonivc! - Support more localized icons fix Selectable-chip storybook example
Patch Changes
Section titled “Patch Changes”- #4307
cb52c5dThanks @design-system-automation! - Update icons to version 20250922.1 New or updated icons: 2X Circled, 6 Dots, 6 Squares, ABS, Airbag Off, Airbag On, American Football, AR, Arrow Back CH, Arrow Back EST, Arrow Back ST, Arrow Forward CH, Arrow Forward EST, Arrow Forward ST, Arrow Merging, Arrows Back Forward, Arrows Back Forward Square, Arrows Down Up, Arrows Multidirectional Car, Arrows Towbar, Audio Book, Audio Wave, Basketball, Battery Standing 10, Battery Standing 20, Bell Speedo, Bell Speedo Slashed, BLIS, Blocked, Brake Pedal, Browse, Car Sensors, Car Side Profile, Cars, Charging Battery, Charging Battery Standing, Checkmark Pin, Circle, Cog Car, Credit Card, Cube 3D, Curved Road Car, Digital Key, Engine Coolant Temp, Exclamation Mark, Exclamation Mark Circled, Eye Slashed, Fan Seat Left, Ferry, File TXT, Fuel Pump Hybrid, Garage Car, Globe, Graph Average, Hands Steering Wheel, Heart Light Bulb, Heat Steering Wheel, Home Charger, Home Connected, Home Work, Hourglass, Info Circled, Jerrycan, Keyboard, Keyboard Down, LIM, Lock Open Trunk, Lock Trunk, Menu, Microphone Speech Bubble, Mirror Left Fold, Mirror Left Tilt, Mirror Right Tilt, Navigation Arrow, Navigation Arrow Circled, Newspaper, Next, Office Supplies, Oil, Park Assist Camera, Parking Squared, Pause, Phone Shield, Pin Car, Play Circled, Plus Circle Backwards, Previous, Profile, Profile Circled, Profiles, Question Mark Circled, Receipt, Road, Road Slashed, Route, Satellite Radio, Screen Clean, Seat Right, Seat Third Row, Sensor Car Inside, Shield Checked, Shield Device, SOS Call, Speech Bubbles, Speedo Car, Stack, Stacked Squares Car, Star Circled, Steering Wheel, Steering Wheel A - Left, Steering Wheel A - Right, Suspension, Tire, TPMS, Triangle, Triangle Back, Triangle Down, Triangle Forward, Triangle Up, Trunk Arrow, Video, Voice Assistant Speaking, Volume Speech Bubble, Wall Charger, Wallet, Warning, Warning Cars, Warning Speedo, Warning Speedo OFF, Water Windscreen Wiper, Wheel, WiFi, Windscreen Washer, X Search Removed icons: None
Patch Changes
Section titled “Patch Changes”- #4286
6f6da34Thanks @design-system-automation! - Update icons to version 20250814.1 New or updated icons: AC, Address Book, Air Filter Particles, Airbag, Alcohol Lock, Ambient Light, AQI Circled, Arrow Back, Arrow Curved Back, Arrow Curved Left, Arrow Down Forward, Arrow Forward, Bank, Battery 90, Battery Frame Standing, Battery Standing 30, Battery Standing 60, Battery Standing 70, Bell, Bill, Book With Text, Box List Papers, Brake, Calendar, Calendar 7 Dots, Calligraphy Pen, Camera, Car, Car Framed, Car Moving, Car Side Arrow Inside, Car Side Profile Cropped, Checklist, Checklist Car, Checklist Paper, Checkmark, Checkmark Circled, Chevron Back, Chevron Down, Chevron Forward, Chevron Up, Child Lock Locked, Child Lock Unlocked, Chip Exclamation Mark, Chip Question Mark, Circle Arrow, Circle Backwards, Circle Grid, Clipboard, Clock, Clock Car, Clock Circle Forward Large, Clock Dotted, Cloud, Co2, Coffee Cup, Cog, Compass, Computer, Defroster Front, Defroster Rear, Diamond Sparkling, Document, Drop, Drops Car, Email, Engine, Exclamation Mark Brake, Exclamation Mark Car, Exclamation Mark Circled, External Link, Eye, Eye Slashed, Fan, Fan 3 Blade, Fan Seat Left Auto, Fan Seat Right, Fast Charger, Filter, Fire, Foglight Front, Foglight Rear, Fuel Pump, Glovebox, Graph Bars, Graph Bars Speedo, Group, H Brake, Hands Steering Wheel, Hangtag, Heat Seat Right, Heating, High Beam, Home, Honk And Flash, Hood, I On Book, Image, Image Framed, Info Circled, Key, Leaf Circle Forward, Leaf Loop Backward, Leaf Loop Forward, Leaf Simple, Leave The Car, Light Bulb, Light Left, Light Right, Lightning Bolt, Lightning Bolt Connected, Link, List, Lock, Lock Car, Map, Map Pin, Maximise, Microphone Slashed, Minimise, Minus, Mirror Right Fold, Mobile Phone, Moon, Mountains Road, Note USB, Package, Papers, Pen, People Square, Percentage Circled, Phone, Phone Down, Play, Plug, Plug AC, Plug DC, Plus, Plus Circle Forward, Plus Circled, Plus Mobile Phone, Profile, Profiles, Pump Charging, Question Mark Circled, Question Mark Circled Dotted, Rear Window Wiper, Rear Window Wiper Intermit, Rectangle Arrow Out, Search, Search Car, Search Car Pulse, Seat, Seat Belt, Seat Fold, Seat Massage, Seat Right Massage, Shield Checked Car, Shopping Bag, Smart Watch, Snowflake, Snowflake Sun, Speech Bubble, Speech Bubble Text, Speech Bubble Three Dots, Speech Bubbles, Speedo Set, Square Grid, Star, Steering Wheel, Stop Sign, Storage, Suitcase, Sun Roof Close, Sun Roof Open, Sunshade Open, Table, Three Dots, Tools, Trash Can, Triangle Up, Trophy, Trunk Open, Trunk Space, Upload, Volume, Volvo Cars App, Warning, Warning Eye, Warning Triangle, Water Windscreen Wiper, Window, Window X, Windscreen Washer, Windscreen Wiper, Wrench, Wrench And Screwdriver, Wrench House, Wrench Papers, X, X Circled Removed icons: None
Major Changes
Section titled “Major Changes”-
#4272
c5c7eefThanks @niketsonivc! - BREAKING CHANGE: Separate localized components to fix tree shaking and optional dependenciesLocalized icon components (
CloseIconButton,NextIconButton,PrevIconButton) have been moved to a separate entry point to enable proper tree shaking and ensurereact-locale-provideris only required when using localized features.Migration required:
Before:
import { Icon, IconButton, CloseIconButton } from '@volvo-cars/react-icons';After:
// Regular components (no change)import { Icon, IconButton } from '@volvo-cars/react-icons';// Localized components (new import path)import {CloseIconButton,NextIconButton,PrevIconButton,} from '@volvo-cars/react-icons/localized';
Minor Changes
Section titled “Minor Changes”- #4249
b053f7dThanks @niketsonivc! - update storybook
Minor Changes
Section titled “Minor Changes”-
#4239
5122c6bThanks @niketsonivc! - Enhance Localization and Accessibility for CloseIconButton with Centralized Translations -
#4241
a523335Thanks @liljagustav! - Add aria-hidden for presentational icons -
#4239
5122c6bThanks @niketsonivc! - add ReactLocaleProvider package for built-in translations
Patch Changes
Section titled “Patch Changes”Major Changes
Section titled “Major Changes”-
#4114
4c59e83Thanks @design-system-automation! - Update light mode default icon foreground color to be non-transparent Remove deprecated iconsemaandxUpdate icon paths on the CDN tov5 -
#4085
1611966Thanks @jacobrask! - Make icons loading=lazy by default. Passloading=eagerfor high priority icons used above the fold.
Patch Changes
Section titled “Patch Changes”- #4121
8d53a25Thanks @jacobrask! - Simplify icon component types
Minor Changes
Section titled “Minor Changes”- #3862
fef2c32Thanks @design-system-automation! - Renamed/deprecated icons: x -> x-app (branded), ema -> ema-circled. New or updated icons: ABS Brake, Air Distribution Face, Air Distribution Feet, Airbag, Airbag Off, Ambient Light, AWD, Bending Lights, BLIS, Brake, Brake Fluid, Brake Light Crossed, Bulb, Car Batteries, Car Battery, Car Side Arrow Inside, Child Lock Locked, Child Lock Unlocked, Circle Forward Cropped, Defroster Front, Defroster Rear, Electric Windscreen, Engine, Engine Coolant Temp, ESC, ESC Off, ESC Slashed, Exclamation Mark Brake, Fan, Fan Seat Left, Fan Seat Right, Foglight Front, Foglight Rear, Forward Collision Warning, Fuel Pump, FWD, Heat, Heat Seat Left, Heat Seat Right, Heat Steering Wheel, High Beam, Hood, Horn, I On Book, Indicators, Indicators Trailer, Leaf Simple, Lights, Lights Adjust, LKA Intervention Left, LKA Intervention Right, Lock, Lock Car, Lock Open, Lock Steering Wheel, Loop Forward Car, Low Beam, Mirror Left Adjust, Mirror Left Fold, Mirror Right Adjust, Mirror Right Fold, Off, Oil, Oil Level, Parking Brake, Parking Sensors, Phone, Plug, Rear Window Wiper, Rear Window Wiper Intermit, Seat Belt, Sensor Car Inside, Snowflake, Speedo Car, Speedo Set, Temperature Cog, Tow Truck, TPMS, TPMS TC, Trailer, Trunk Open, Turtle, Voice Assistant Speaking, Warning Door Sensor, Warning Triangle, Window X, Windscreen Washer, Windscreen Wiper, Wrench
Patch Changes
Section titled “Patch Changes”- #4095
3fe3765Thanks @design-system-automation! - New or updated icons: ovo, arrow-forward-car-side-off Removed icons: None
Patch Changes
Section titled “Patch Changes”- #3918
7f8347fThanks @jacobrask! - Fix IconButton destructive color inheritance
Minor Changes
Section titled “Minor Changes”- #3843
761f3fdThanks @AlexMPLeite! - Add role prop to the Wordmark component Fix Wordmark alt prop default to beVolvo
Patch Changes
Section titled “Patch Changes”- #3831
a9700f7Thanks @design-system-automation! - Update icons to version 20241108.1 New or updated icons: AWD Arrows, Brake Pedal Auto, Brake US, Car Moving, Car Side Profile Cropped, Clipboard, Controller, Fan Seat Left Auto, Fan Seat Right Auto, Folder, Heat Seat Left Auto, Heat Seat Right Auto, Heat Steering Wheel Auto, Profile Stars Auto, QR Code Scanner, Speech Bubble, Speech Bubble Three Dots, Start, Steering Wheel Seat Left Auto, Steering Wheel Seat Right Auto, Wallet Removed icons: None
Major Changes
Section titled “Major Changes”- #3810
b83a5e2Thanks @jacobrask! - Remove support for deprecated type and iconType props
Minor Changes
Section titled “Minor Changes”- #3817
3380851Thanks @design-system-automation! - Update icons to version 20241029.1 New icons: Arrow Merging, Calligraphy Pen, Car Moving, Code, Heart Hands, People Square, Phone Shield, Planet Hand, Superhuman Light Bulb Renamed icons: Air Distribution Windshield -> Air Distribution Windscreen
0.24.1
Section titled “0.24.1”Patch Changes
Section titled “Patch Changes”- #3805
32f94f2Thanks @jacobrask! - Add icon migration compat for carunderroof and grid icons
0.24.0
Section titled “0.24.0”Minor Changes
Section titled “Minor Changes”-
#3758
7d17e55Thanks @github-actions! - Update icons CDN path to v4 to bust the immutable cache for icon updates -
#3751
214d6ccThanks @jacobrask! - DeprecatetypeandiconName. Useiconandsizeinstead. See https://developer.volvocars.com/design-system/web/?path=/docs/how-to-migrate-migrate-to-react-icons-1-0—docs for a migration guide.
0.23.0
Section titled “0.23.0”Minor Changes
Section titled “Minor Changes”-
#3748
399f0d6Thanks @github-actions! - Update icons to version 20241001.1 Removed icons: home-delivery, moving-truck. Use delivery-truck instead. -
#3755
98d156eThanks @github-actions! - Update icons to version 20241003.1 New or updated icons: Package Removed icons: Car Active
0.22.0
Section titled “0.22.0”Minor Changes
Section titled “Minor Changes”-
#3701
2d41f04Thanks @jacobrask! - Add BrandedIcon component Export IconName and BrandedIconName types Add compat function for thirdparty/branded icons -
#3693
7effc2fThanks @jacobrask! - Require @volvo-cars/css 1.15.0 -
#3691
2b1bc26Thanks @jacobrask! - Add emptyaltattribute if none was given.When you set
role=presentationthealtattribute is optional, but many a11y audit tools flag this anyway.
Patch Changes
Section titled “Patch Changes”- #3699
8db3179Thanks @github-actions! - Update icons to version 20240918.1
0.21.2
Section titled “0.21.2”Patch Changes
Section titled “Patch Changes”- #3678
766ff04Thanks @jacobrask! - Add IconButton iconType to icon codemod Tweak compat function return types
0.21.1
Section titled “0.21.1”Patch Changes
Section titled “Patch Changes”- #3674
9d14a55Thanks @jacobrask! - Add codemod to replacetypeprop with aniconprop Add typesVersions to package.json to increase TypeScript compatibility with/compatexport
0.21.0
Section titled “0.21.0”Minor Changes
Section titled “Minor Changes”-
#3615
b9d57daThanks @github-actions! - Add all icons from the new icon system -
#3654
6fc4c6eThanks @jacobrask! - Addicon,sizeandfilledproperties to the Icon component, opting in to the 1.0 icon system.
Patch Changes
Section titled “Patch Changes”-
#3673
416442bThanks @jacobrask! - Rename compat functions and expose types from compat module -
#3670
1f2853dThanks @github-actions! - Update icons to version 20240911.1 -
#3629
f2e6320Thanks @jacobrask! - Add generated icons types for the new icon system (empty for now)
0.20.1
Section titled “0.20.1”Patch Changes
Section titled “Patch Changes”- #3550
b8e9b4eThanks @github-actions! - adds: ‘circleplus-40’,‘circleplus-24’,‘circleplusfilled-40’,‘circleplusfilled-24’,‘link-16’,‘paperplane-40’,‘paperplane-24’,‘paperplanefilled-40’,‘paperplanefilled-24’,‘digitalkey-32’,‘digitalkey-40’,‘paperclip-24’,‘paperclip-40’,‘paperclip-16’
0.20.0
Section titled “0.20.0”Minor Changes
Section titled “Minor Changes”- #3415
fc4f292Thanks @jacobrask! - Use explicit type imports
Patch Changes
Section titled “Patch Changes”- #3414
39de273Thanks @github-actions! - adds: ‘other-circlefilled-24’,‘other-smileysad-40’,‘other-smileysomewhatsad-40’,‘other-smileyneutral-40’,‘other-smileysomewhathappy-40’,‘other-smileyhappy-40’,‘other-smileysadfilled-40’,‘other-smileysomewhatsadfilled-40’,‘other-smileyneutralfilled-40’,‘other-smileysomewhathappyfilled-40’,‘other-smileyhappyfilled-40’,‘office-homework-24’
0.19.1
Section titled “0.19.1”Patch Changes
Section titled “Patch Changes”- #3385
61045a1Thanks @github-actions! - Adds icons: ‘other-link-24’,‘other-bookmark-24’,‘other-bookmark-16’ Add ‘communication-chat’, ‘other-bookmark’, ‘other-help’, ‘other-home’, and ‘shop’ to IconButton
0.19.0
Section titled “0.19.0”Minor Changes
Section titled “Minor Changes”- #3343
8b99491Thanks @github-actions! - adds: ‘sale-16’
0.18.0
Section titled “0.18.0”Minor Changes
Section titled “Minor Changes”- #3246
501d99fThanks @github-actions! - adds: ‘office-retailer-16’
Patch Changes
Section titled “Patch Changes”- #3227
5b1a9a9Thanks @github-actions! - adds: ‘other-carshadow-24’,‘other-backplate-24’
0.17.0
Section titled “0.17.0”Minor Changes
Section titled “Minor Changes”- #3208
a664b93Thanks @github-actions! - adds: ‘connectivity-16’
0.16.0
Section titled “0.16.0”Minor Changes
Section titled “Minor Changes”- #3143
41d39beThanks @github-actions! - adds: ‘thirdparty-threads-24’
Patch Changes
Section titled “Patch Changes”- #3141
b780574Thanks @jacobrask! - Avoid string concatenation to construct class names
0.15.0
Section titled “0.15.0”Minor Changes
Section titled “Minor Changes”- #3028
1630a8aThanks @jacobrask! - Bump css peerDependencies to allow 1.0
0.14.0
Section titled “0.14.0”Minor Changes
Section titled “Minor Changes”- #3123
d0ea09cThanks @jacobrask! - adds: ‘mountains-24’,‘shop-16’,‘electrification-16’,‘other-chart-16’,‘other-van-16’,‘other-fire-24’,‘other-fire-40’,‘other-glass-24’,‘other-glass-40’,‘other-legal-24’,‘other-legal-40’,‘other-unlocked-24’,‘other-unlocked-40’,‘other-shieldplus-40’,‘other-animal-40’,‘other-help-16’,‘other-profilecog-16’,‘other-grid-16’,‘other-home-16’,‘other-photo-24’,‘other-table-24’,‘other-structure-24’,‘other-cubedivided-24’,‘other-foldercog-24’,‘other-crop-24’,‘other-carframed-24’,‘other-carstacked-24’,‘communication-chat-16’,‘car-features-16’,‘car-traffic-24’,‘car-traffic-40’,‘car-roadsideassistance-64’,‘car-roadsideassistance-40’,‘car-roadsideassistance-24’
0.13.0
Section titled “0.13.0”Minor Changes
Section titled “Minor Changes”- #3045
8256d4bThanks @github-actions! - adds: ‘mixeddriving-16’,‘citydriving-16’,‘road-16’,‘other-circlefilled-16’
0.12.0
Section titled “0.12.0”Minor Changes
Section titled “Minor Changes”-
#2978
ed6df21Thanks @github-actions! - Adds icons: ‘error-64’,‘list-16’,‘nofilter-32’,‘nofilter-24’,‘office-servicetools-64’ IconButton: Add list, map-mappin, map-route, print, save, support, time -
#3007
b724af2Thanks @github-actions! - adds: ‘error-16’
0.11.0
Section titled “0.11.0”Minor Changes
Section titled “Minor Changes”0.10.0
Section titled “0.10.0”Minor Changes
Section titled “Minor Changes”- #2800
8de7c2ee5Thanks @jacobrask! - - Merge Icon class names with original classes with cssMerge- Allow passing
color=invertedto Icon - Allow passing style to Icon and IconButton
- Add TypeScript types for more events
- Allow passing
Patch Changes
Section titled “Patch Changes”- #2801
ffc8a8342Thanks @harrymansworth! - feat: addsalarmto IconButton enum
Minor Changes
Section titled “Minor Changes”- #2774
1ea229b6Thanks @jbvolvo! - New icons: “save-16”, “print-16”, “support-16”, “paperdownload-24”, “alarm-16”, “other-fallbackvideo-24”, “thirdparty-x-24”,
Patch Changes
Section titled “Patch Changes”-
#2768
220ce1f7Thanks @jbvolvo! - Add alias for twitter Icon to use X logo icon instead -
#2726
30841591Thanks @jacobrask! - Allow passingtypetoIconButton
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”-
#2700
65af2163Thanks @jacobrask! - - Add pointer event types- Prevent click events on disabled buttons
-
#2699
c0dff9adThanks @jacobrask! - Add bleed property to IconButton
Patch Changes
Section titled “Patch Changes”- #2681
f7f5eed9Thanks @jacobrask! - Don’t output defaultdata-color=neutralattribute
Minor Changes
Section titled “Minor Changes”- #2666
2d503297Thanks @jbvolvo! - Add new icons: alarm-64, calendar-16, calendar-64, delete-16, edit-16, locked-64, more-16, ownersmanual-64, support-64 Remove unsupported icon checkmarkcirclefilled-32
Minor Changes
Section titled “Minor Changes”- #2653
f7f8fb63Thanks @jacobrask! - Allow fewer icons in IconButton iconName
Minor Changes
Section titled “Minor Changes”- #2614
7ce6ec99Thanks @harrymansworth! - feat: adds<IconButton />
Minor Changes
Section titled “Minor Changes”Minor Changes
Section titled “Minor Changes”- #2530
17754c5dThanks @jacobrask! - Add Wordmark component and update baseUrl.
Minor Changes
Section titled “Minor Changes”- #2494
a6469601Thanks @harrymansworth! - chore: adds new icons
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #2256
6ab83805Thanks @jacobrask! - Initial release of Icon component.
@volvo-cars/react-layout-utils
Patch Changes
Section titled “Patch Changes”- #4541
760db3dThanks @PaoloGiraudi! - remove lodash dependency
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-utils@1.2.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
78072e2]:- @volvo-cars/react-utils@1.2.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
3cc2a9e]:- @volvo-cars/react-utils@1.1.0
Patch Changes
Section titled “Patch Changes”-
#2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components -
Updated dependencies [
47539537]:- @volvo-cars/react-utils@1.0.2
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
Updated dependencies [
d75c21d2]:- @volvo-cars/react-utils@1.0.1
Minor Changes
Section titled “Minor Changes”- #1538
2cfef498Thanks @fbjaras! - useElementDimensions now returns initial dimensions even when disabled
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6 -
Updated dependencies [
d8753007,1f58795e]:- @volvo-cars/react-utils@0.4.2
Patch Changes
Section titled “Patch Changes”-
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations -
Updated dependencies [
53eafd52,c87d15e6]:- @volvo-cars/react-utils@0.4.1
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Patch Changes
Section titled “Patch Changes”-
#1160
f442c83fThanks @jacobrask! - Build with tsup. -
Updated dependencies [
7a5303ea,f442c83f]:- @volvo-cars/react-utils@0.4.0
Patch Changes
Section titled “Patch Changes”- Rename exported ES modules to .mjs to enable using the package from other ES modules
- Rename ambigous browser field from export map to fix Jest environments
Minor Changes
Section titled “Minor Changes”- #1045
fbde12ecThanks @jacobrask! - Add Node engines field requiring Node 14
Patch Changes
Section titled “Patch Changes”- #1045
fbde12ecThanks @jacobrask! - Allow vcc-ui 3.0.0 in peerDependencies
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e5debdf8]:- @volvo-cars/react-utils@0.3.0
Minor Changes
Section titled “Minor Changes”- #676
13d0ea6aThanks @harrymansworth! - adds new useResizeObserver hook and associated docs
Patch Changes
Section titled “Patch Changes”-
#673
90782cd3Thanks @harrymansworth! - fixes issue where useElementDimensions returns a null ref and no dimensions on first mount -
Updated dependencies [
865b4146]:- @volvo-cars/react-utils@0.2.0
Patch Changes
Section titled “Patch Changes”-
#653
d65b119eThanks @jacobrask! - Update React peer dependencies -
Updated dependencies [
d65b119e]:- @volvo-cars/react-utils@0.1.1
Minor Changes
Section titled “Minor Changes”Minor Changes
Section titled “Minor Changes”- #587
3761d80aThanks @harrymansworth! - Introduces hook packages, updates storybook and docs for both
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
3761d80a]:- @volvo-cars/react-utils@0.1.0
[0.0.1]
- Initial release
@volvo-cars/react-locale-provider
Patch Changes
Section titled “Patch Changes”- #4403
0c408e0Thanks @niketsonivc! - Replace CalendarI18nProvider with LocaleProvider from @volvo-cars/react-locale-provider package Not throwing an error in useLocale and instead logging a warning.
Patch Changes
Section titled “Patch Changes”- #4292
28ffc57Thanks @PaoloGiraudi! - add react 18 as peer dependency
Patch Changes
Section titled “Patch Changes”- #4245
81dd251Thanks @niketsonivc! - First release
@volvo-cars/react-messages
Minor Changes
Section titled “Minor Changes”- #5062
908334eThanks @jacobrask! - RenderInlineMessageclose buttons wheneveronCloseis provided, using a localized label. Require@volvo-cars/react-locale-provideras a peer dependency.
Minor Changes
Section titled “Minor Changes”- #4822
ebdbe8bThanks @PaoloGiraudi! - - TheToastMessagecomponent now supports atitleprop- The Toast component now requires
@volvo-cars/react-locale-providerto automatically translate the “close” icon button
- The Toast component now requires
Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”-
#4445
ef385f2Thanks @PaoloGiraudi! - avoid setting timer if timeout is 0 or undefined -
Updated dependencies [
49c0680,f309c3f]:- @volvo-cars/react-headless@0.24.3
- @volvo-cars/react-icons@3.2.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c32d8b9,cb52c5d,bfaa0f5]:- @volvo-cars/react-icons@3.1.0
- @volvo-cars/react-headless@0.24.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6e3357d,6f6da34]:- @volvo-cars/react-headless@0.23.5
- @volvo-cars/react-icons@3.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
83ce87f]:- @volvo-cars/react-headless@0.23.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c5c7eef,c951763,76360ae]:- @volvo-cars/react-icons@3.0.0
- @volvo-cars/react-headless@0.23.3
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5122c6b,a523335,5122c6b]:- @volvo-cars/react-icons@2.1.0
- @volvo-cars/react-headless@0.23.2
Minor Changes
Section titled “Minor Changes”- #4238
3b326a9Thanks @PaoloGiraudi! - add inline message component
Minor Changes
Section titled “Minor Changes”-
#4220
0ed98d2Thanks @PaoloGiraudi! - improved accessibility -
#4214
cc73f01Thanks @jacobrask! - implement toast component
Patch Changes
Section titled “Patch Changes”@volvo-cars/react-scroll-utils
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-layout-utils@0.7.5
- @volvo-cars/react-utils@1.2.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
78072e2]:- @volvo-cars/react-utils@1.2.0
- @volvo-cars/react-layout-utils@0.7.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
3cc2a9e]:- @volvo-cars/react-utils@1.1.0
- @volvo-cars/react-layout-utils@0.7.3
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”-
#2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components -
Updated dependencies [
47539537]:- @volvo-cars/react-layout-utils@0.7.2
- @volvo-cars/react-utils@1.0.2
Patch Changes
Section titled “Patch Changes”- #2073
6ab5f0cbThanks @alizeait! - UseuseLayoutEffectfrom@volvo-cars/react-layout-utilsto avoid SSR warnings
Patch Changes
Section titled “Patch Changes”-
#1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17 -
Updated dependencies [
d75c21d2]:- @volvo-cars/react-layout-utils@0.7.1
- @volvo-cars/react-utils@1.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
2cfef498]:- @volvo-cars/react-layout-utils@0.7.0
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
def39568,0be04de7]:- @volvo-cars/react-layout-utils@0.6.0
- @volvo-cars/react-utils@1.0.0
Minor Changes
Section titled “Minor Changes”- #1388
4d04955dThanks @jacobrask! - Add explicit children to component types, for compatibility with @types/react v18
Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6 -
Updated dependencies [
d8753007,1f58795e]:- @volvo-cars/react-layout-utils@0.5.2
- @volvo-cars/react-utils@0.4.2
Patch Changes
Section titled “Patch Changes”-
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations -
Updated dependencies [
53eafd52,53eafd52,c87d15e6]:- @volvo-cars/react-layout-utils@0.5.1
- @volvo-cars/react-utils@0.4.1
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Patch Changes
Section titled “Patch Changes”-
#1160
f442c83fThanks @jacobrask! - Build with tsup. -
Updated dependencies [
7a5303ea,f442c83f]:- @volvo-cars/react-layout-utils@0.5.0
- @volvo-cars/react-utils@0.4.0
Patch Changes
Section titled “Patch Changes”- Rename exported ES modules to .mjs to enable using the package from other ES modules
- Rename ambigous browser field from export map to fix Jest environments
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #815
835dfa30Thanks @harrymansworth! - adds scroll lock util and implements in overlay
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e5debdf8]:- @volvo-cars/react-utils@0.3.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
865b4146]:- @volvo-cars/react-utils@0.2.0
Patch Changes
Section titled “Patch Changes”-
#653
d65b119eThanks @jacobrask! - Update React peer dependencies -
Updated dependencies [
d65b119e]:- @volvo-cars/react-utils@0.1.1
Minor Changes
Section titled “Minor Changes”- #626
bd7f8e0cThanks @harrymansworth! - Adds react-scroll-utils package and first hook (useElementHasScrolled)
[0.0.1]
- Initial release
@volvo-cars/react-select
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
2f02446,e9f8c10,b5166cd,3384f7c]:- @volvo-cars/react-calendar@0.5.0
- @volvo-cars/react-icons@3.2.1
- @volvo-cars/react-forms@1.13.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
0c408e0,375c0cc,ffd3cc0,c9a2ec6,546a3cb]:- @volvo-cars/react-calendar@0.4.0
- @volvo-cars/react-icons@3.1.1
- @volvo-cars/react-headless@0.24.2
Patch Changes
Section titled “Patch Changes”- #4355
f9dc68bThanks @PaoloGiraudi! - fix scroll in listbox
Minor Changes
Section titled “Minor Changes”- #4267
5b1b302Thanks @PaoloGiraudi! - add combobox input select
Patch Changes
Section titled “Patch Changes”-
#4322
cb98fc1Thanks @PaoloGiraudi! - adjust props for combobox -
Updated dependencies [
c32d8b9,cb52c5d,bfaa0f5]:- @volvo-cars/react-icons@3.1.0
- @volvo-cars/react-headless@0.24.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6e3357d,6f6da34]:- @volvo-cars/react-headless@0.23.5
- @volvo-cars/react-icons@3.0.1
- @volvo-cars/react-calendar@0.3.5
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
83ce87f]:- @volvo-cars/react-headless@0.23.4
Patch Changes
Section titled “Patch Changes”-
#4268
b95dddfThanks @PaoloGiraudi! - fix selected state for multiselect -
Updated dependencies [
c5c7eef,c951763,76360ae]:- @volvo-cars/react-icons@3.0.0
- @volvo-cars/react-headless@0.23.3
- @volvo-cars/react-calendar@0.3.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
- @volvo-cars/react-calendar@0.3.3
- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5122c6b,a523335,5122c6b]:- @volvo-cars/react-icons@2.1.0
- @volvo-cars/react-calendar@0.3.2
- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
#4225
f8d977bThanks @PaoloGiraudi! - add better disabled state styles to dropdown trigger -
Updated dependencies [
73174be]:- @volvo-cars/react-calendar@0.3.1
- @volvo-cars/react-headless@0.23.2
- @volvo-cars/react-icons@2.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e059e19]:- @volvo-cars/react-headless@0.23.1
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #4123
cb3bdbcThanks @PaoloGiraudi! - add month/year selection to calendar
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
476655c,c671fd8,cb3bdbc]:- @volvo-cars/react-headless@0.22.0
- @volvo-cars/react-calendar@0.3.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
06a20b0]:- @volvo-cars/react-headless@0.21.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6ec4cdd]:- @volvo-cars/react-headless@0.20.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9b91251]:- @volvo-cars/react-headless@0.19.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
8d53a25,4c59e83,78072e2,1611966]:- @volvo-cars/react-icons@2.0.0
- @volvo-cars/react-headless@0.19.0
- @volvo-cars/react-calendar@0.2.5
Patch Changes
Section titled “Patch Changes”-
#4048
9b7acfbThanks @PaoloGiraudi! - default undefined options to [] -
Updated dependencies [
94e7dbc,fef2c32,3fe3765]:- @volvo-cars/react-headless@0.18.3
- @volvo-cars/react-icons@1.2.0
- @volvo-cars/react-calendar@0.2.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
fa7fb77]:- @volvo-cars/react-headless@0.18.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6607ae1]:- @volvo-cars/react-headless@0.18.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
29d46e6]:- @volvo-cars/react-calendar@0.2.3
Minor Changes
Section titled “Minor Changes”- #3956
d987789Thanks @PaoloGiraudi! - expose onToggle event for popovers
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
d987789,9810108,7e564d5,c40ef35]:- @volvo-cars/react-headless@0.18.0
- @volvo-cars/react-calendar@0.2.2
Patch Changes
Section titled “Patch Changes”- #3923
c4d59c0Thanks @AlexMPLeite! - fix peer dependency reference from@volvo-cars/react-cssto@volvo-cars/css
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
13fd098,8656cab,7f8347f]:- @volvo-cars/react-headless@0.17.2
- @volvo-cars/react-icons@1.1.1
- @volvo-cars/react-calendar@0.2.1
Patch Changes
Section titled “Patch Changes”- #3909
735033dThanks @PaoloGiraudi! - add css as a dependency
Minor Changes
Section titled “Minor Changes”- #3883
1c20103Thanks @PaoloGiraudi! - add dropdown range calendar
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #3852
86f61aaThanks @PaoloGiraudi! - add dropdown calendar component
Patch Changes
Section titled “Patch Changes”-
#3880
d61c597Thanks @PaoloGiraudi! - correctly build esm -
Updated dependencies [
86f61aa,86f61aa,b14ae9a]:- @volvo-cars/react-calendar@0.1.1
- @volvo-cars/react-headless@0.17.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b1063b4]:- @volvo-cars/react-headless@0.17.0
Patch Changes
Section titled “Patch Changes”-
#3760
52e2026Thanks @PaoloGiraudi! - add react-select package with dropdown -
#3839
4abe2d6Thanks @PaoloGiraudi! - remove cssMerge on OptionGroup -
#3834
5a38d6cThanks @PaoloGiraudi! - fix initial focus when first option is unselected -
Updated dependencies [
761f3fd,a9700f7]:- @volvo-cars/react-icons@1.1.0
@volvo-cars/react-table
0.2.11
Section titled “0.2.11”Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
0.2.10
Section titled “0.2.10”Patch Changes
Section titled “Patch Changes”-
#4360
7e715f5Thanks @jacobrask! - Use more flexible depdendency ranges -
Updated dependencies [
80cbccf]:- @volvo-cars/react-headless@0.24.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c32d8b9,cb52c5d,bfaa0f5]:- @volvo-cars/react-icons@3.1.0
- @volvo-cars/react-headless@0.24.0
Patch Changes
Section titled “Patch Changes”- #4320
a7716a8Thanks @PaoloGiraudi! - end/start row index do not exceed total row count
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6e3357d,6f6da34]:- @volvo-cars/react-headless@0.23.5
- @volvo-cars/react-icons@3.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
83ce87f]:- @volvo-cars/react-headless@0.23.4
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
c5c7eef,c951763,76360ae]:- @volvo-cars/react-icons@3.0.0
- @volvo-cars/react-headless@0.23.3
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b053f7d]:- @volvo-cars/react-icons@2.2.0
- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
5122c6b,a523335,5122c6b]:- @volvo-cars/react-icons@2.1.0
- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-headless@0.23.2
- @volvo-cars/react-icons@2.0.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e059e19]:- @volvo-cars/react-headless@0.23.1
Minor Changes
Section titled “Minor Changes”- #4104
891e12dThanks @PaoloGiraudi! - add table bulk edit component
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#4061
82445f9Thanks @PaoloGiraudi! - swap grid for flex in pagination select and upgrade react-table to 8.21.2 -
Updated dependencies [
fef2c32,3fe3765]:- @volvo-cars/react-icons@1.2.0
Patch Changes
Section titled “Patch Changes”- #4022
a53d2d6Thanks @PaoloGiraudi! - export PaginationPageSizeSelect
Patch Changes
Section titled “Patch Changes”-
#3934
7d88b5cThanks @ghops-volvo-cars! - update @tanstack/react-table -
#3953
c40ef35Thanks @PaoloGiraudi! - include css range in peer dependencies
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6dea1d3]:- @volvo-cars/css@1.19.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b199822]:- @volvo-cars/css@1.18.2
Patch Changes
Section titled “Patch Changes”-
#3859
2134c99Thanks @PaoloGiraudi! - add support for localization to pagination -
#3865
744a5e7Thanks @cdagli! - Add missing ref to PaginationAction -
Updated dependencies [
b33ebd9,e590f8e,42064c3]:- @volvo-cars/css@1.18.1
Minor Changes
Section titled “Minor Changes”- #3844
ab3db8cThanks @PaoloGiraudi! - align pagination with figma
Patch Changes
Section titled “Patch Changes”@volvo-cars/react-tooltip
Patch Changes
Section titled “Patch Changes”- #4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”- #4381
3406bcfThanks @jacobrask! - Dummy change for republishing
Minor Changes
Section titled “Minor Changes”- #4352
80cbccfThanks @PaoloGiraudi! - remove delay in opening if another tooltip is open
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
80cbccf]:- @volvo-cars/react-headless@0.24.1
Patch Changes
Section titled “Patch Changes”-
#4303
bfaa0f5Thanks @PaoloGiraudi! - use popover hint for tooltips -
Updated dependencies [
bfaa0f5]:- @volvo-cars/react-headless@0.24.0
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6e3357d]:- @volvo-cars/react-headless@0.23.5
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
83ce87f]:- @volvo-cars/react-headless@0.23.4
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#4206
73174beThanks @cdagli! - Add React 19 to peerDependencies -
Updated dependencies [
73174be]:- @volvo-cars/react-headless@0.23.2
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
e059e19]:- @volvo-cars/react-headless@0.23.1
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
476655c]:- @volvo-cars/react-headless@0.22.0
Minor Changes
Section titled “Minor Changes”- #4122
06a20b0Thanks @harrymansworth! - feat(react-tooltip): updates tooltip design to Web Core design, removes EDLS dependency
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
06a20b0]:- @volvo-cars/react-headless@0.21.0
0.0.16
Section titled “0.0.16”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6ec4cdd]:- @volvo-cars/react-headless@0.20.0
0.0.15
Section titled “0.0.15”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
9b91251]:- @volvo-cars/react-headless@0.19.1
0.0.14
Section titled “0.0.14”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
78072e2]:- @volvo-cars/react-headless@0.19.0
0.0.13
Section titled “0.0.13”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
94e7dbc]:- @volvo-cars/react-headless@0.18.3
0.0.12
Section titled “0.0.12”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
fa7fb77]:- @volvo-cars/react-headless@0.18.2
0.0.11
Section titled “0.0.11”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
6607ae1]:- @volvo-cars/react-headless@0.18.1
0.0.10
Section titled “0.0.10”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”-
#3880
d61c597Thanks @PaoloGiraudi! - correctly build esm -
Updated dependencies [
86f61aa]:- @volvo-cars/react-headless@0.17.1
Patch Changes
Section titled “Patch Changes”- Updated dependencies [
b1063b4]:- @volvo-cars/react-headless@0.17.0
Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”Patch Changes
Section titled “Patch Changes”- Updated dependencies [
929d502]:- @volvo-cars/react-headless@0.15.2
Patch Changes
Section titled “Patch Changes”- #3752
1ff5ffbThanks @PaoloGiraudi! - change position options for tooltip and adjust spacing after design review
Patch Changes
Section titled “Patch Changes”-
#3730
7bf2108Thanks @PaoloGiraudi! - add react tooltip package -
#3747
52a70bdThanks @PaoloGiraudi! - update dependencies -
Updated dependencies [
7bf2108,a185527]:- @volvo-cars/react-headless@0.15.1
@volvo-cars/react-utils
Minor Changes
Section titled “Minor Changes”-
#5031
8983e9dThanks @jacobrask! - AdduseDismisshook (andUseDismissOptions,UseDismissResults,DISMISS_COOKIE_NAME) for managing dismissible UI with in-memory or cookie-based dismissal storage. -
#5043
e7793eaThanks @jacobrask! -useKeyPress:keysToListenTonow acceptsstring | string[]. Pass an array for multiple keys:useKeyPress(['ArrowLeft', 'ArrowRight'], cb). The previous comma- and/or space-delimited string form remains supported for backward compatibility.Additionally, the event listener is no longer re-registered when the callback changes or when an inline array is passed — the hook now stabilises both internally.
Patch Changes
Section titled “Patch Changes”Minor Changes
Section titled “Minor Changes”- #4116
78072e2Thanks @jacobrask! - AddcomposeRefsanduseComposedRefsutils to merge React refs
Minor Changes
Section titled “Minor Changes”Patch Changes
Section titled “Patch Changes”- #2216
47539537Thanks @alizeait! - Append “use client” to the top of every entry point to support React server components
Patch Changes
Section titled “Patch Changes”- #1895
d75c21d2Thanks @ghops-volvo-cars! - Update tsup to 6.6.2, esbuild to 0.17
Major Changes
Section titled “Major Changes”- #1277
0be04de7Thanks @ghops-volvo-cars! - fix(deps): update dependency use-resize-observer to v9
Minor Changes
Section titled “Minor Changes”- #1415
def39568Thanks @alizeait! - Add React 18 support. This does not include support for SSR streaming
Patch Changes
Section titled “Patch Changes”-
#1242
d8753007Thanks @ghops-volvo-cars! - chore(deps): update dependency typescript to v4.7.2 -
#1252
1f58795eThanks @ghops-volvo-cars! - chore(deps): update dependency tsup to v6
Patch Changes
Section titled “Patch Changes”-
#1185
53eafd52Thanks @ghops-volvo-cars! - Update dependency tsup to v5.12.8 -
#1201
c87d15e6Thanks @jacobrask! - Don’t bundle type declarations
Minor Changes
Section titled “Minor Changes”- #1167
7a5303eaThanks @jacobrask! - Remove exports field due to issues with ESM tooling.
Patch Changes
Section titled “Patch Changes”- #1160
f442c83fThanks @jacobrask! - Build with tsup.
Patch Changes
Section titled “Patch Changes”- Rename ambigous browser field from export map to fix Jest environments
Patch Changes
Section titled “Patch Changes”- Rename exported ES modules to .mjs to enable using the package from other ES modules
Minor Changes
Section titled “Minor Changes”- #694
e5debdf8Thanks @harrymansworth! - adds useKeyPress utility hook
Minor Changes
Section titled “Minor Changes”- #693
865b4146Thanks @harrymansworth! - adds useKeyPress utility hook
Patch Changes
Section titled “Patch Changes”- #653
d65b119eThanks @jacobrask! - Update React peer dependencies
Minor Changes
Section titled “Minor Changes”- #587
3761d80aThanks @harrymansworth! - Introduces hook packages, updates storybook and docs for both
[0.0.1]
- Initial release
@volvo-cars/stylelint-config
Patch Changes
Section titled “Patch Changes”-
#4914
24cdb03Thanks @jacobrask! - Fixno-unnecessary-cssso selectors that also appear inside selector lists are skipped during exact-match reporting. -
#4933
cf109a6Thanks @copilot-swe-agent! - Widen the@volvo-cars/csspeer dependency range to accept2.xreleases while preserving each package’s existing minimum supported CSS version.
Patch Changes
Section titled “Patch Changes”- #4872
b305dedThanks @jacobrask! - Skip selectors appearing multiple times in no-unnecessary-css
Minor Changes
Section titled “Minor Changes”- #4650
8cf5ff3Thanks @jacobrask! - Extract design system rules to shared package Allow only local CSS variables if they resolve to a valid value or if they can’t be resolved (e.g. defined outside of the file)
Minor Changes
Section titled “Minor Changes”- #4633
7050f39Thanks @jacobrask! - Add no-unecessary-css rule to warn about CSS rules that can be trivially replaced with a utility class
Minor Changes
Section titled “Minor Changes”-
#4568
bf3573cThanks @jacobrask! - Add design tokens plugins, rules and autofixers:- volvo-cars/design-system-colors
- volvo-cars/design-system-typography
- volvo-cars/design-system-spacing
Major Changes
Section titled “Major Changes”-
#4595
2014525Thanks @jacobrask! - Migrate to Stylelint 17Breaking changes
Section titled “Breaking changes”- Stylelint 17 required: The
stylelintpeer dependency is now^17.0.0(was^15.3.0). Consumers must upgrade Stylelint. - Peer dependency on @volvo-cars/css: The config now has a peer dependency on
@volvo-cars/css. - Node.js ≥ 22 required: Stylelint 17 drops support for Node.js < 20.19.0 and Node 20 will become unmaintained in 2026-04
- ESM only: The config package is now an ES module. Stylelint 17 removes CommonJS support.
- Rule renamed:
liberty/use-logical-spec→csstools/use-logical. If you reference this rule in your own config overrides or stylelint-disable comments, update the rule name. - Plugin replaced:
stylelint-use-logical-spec(abandoned) replaced withstylelint-use-logicalfrom csstools. The options API (except,direction) is identical.
Migration
Section titled “Migration”- Upgrade
stylelintto^17.0.0 - Replace any references to
liberty/use-logical-specwithcsstools/use-logical - Ensure Node.js ≥ 22.0.0
- Stylelint 17 required: The
Minor Changes
Section titled “Minor Changes”- #2109
79dc7421Thanks @ghops-volvo-cars! - Update dependency stylelint-config-recommended to v12
Major Changes
Section titled “Major Changes”- #2017
ca667914Thanks @ghops-volvo-cars! - - Update dependency stylelint-config-recommended to v11- Update stylelint peerDependency to 15.3.x
- Remove all deprecated stylistic rules. Use prettier instead.
Patch Changes
Section titled “Patch Changes”- #1898
198a15dcThanks @ghops-volvo-cars! - Update dependency stylelint-config-recommended to v10
Minor Changes
Section titled “Minor Changes”- #1849
08a8146dThanks @jacobrask! - Reserve the list of exported classes from @volvo-cars/css if that package is installed
Minor Changes
Section titled “Minor Changes”- #1812
0cc08bc0Thanks @jacobrask! - Allow _ prefix in custom property names
Patch Changes
Section titled “Patch Changes”- #1719
2fb1ced3Thanks @jacobrask! - Remove ‘length-zero-no-unit’ stylelint rule, some values without units will break calc
Minor Changes
Section titled “Minor Changes”- #1689
d4ed25edThanks @jacobrask! - Allow passing foreground colors to border properties
Patch Changes
Section titled “Patch Changes”- #1685
ff70974bThanks @jacobrask! - Add shareable stylelint-config package