Wave Core
    v2.0.2 • 29-04-2026
    Jump to release

    Version 2.0.2

    Bug Fixes

    • core: skip rsync under yarn PnP in copy-wave-assets (2a8b16b)

    Version 2.0.1

    Version 2.0.0

    ⚠️ Breaking Changes

    • the wave-icons font, @font-face declaration, and all
    • CSS classes are removed from @volue/wave. Consumers using

    Bug Fixes

    • keep Label circular variant round with wider digit glyphs (bda6c3b)
    • mobile version sidebar-nav wave core example (8570ad1)
    • notification icon sizing (5c597a8)
    • restore focus-visible outline on active outline buttons (bda58b5)

    Features

    • drop legacy core CSS class aliases (929b1ae)
    • drop wave-icons font and .pf-* CSS API (8dbbba9)
    • migrate typography to IBM Plex Sans and modernize font loading (#761) (2ce848a)
    • upgrade to new brand design (f399466)

    Version 1.15.12

    Version 1.15.11

    Version 1.15.10

    Version 1.15.9

    Version 1.15.8

    Bug Fixes

    • add theme-color() function for unified color theming (941cc61)
    • dynamic field hint line-height (2fd8336)
    • properly resolve theme-color function calls (6a957f5)

    Version 1.15.7

    Version 1.15.6

    Version 1.15.5

    Bug Fixes

    • replace vulnerable xhr with native XMLHttpRequest (a1c0ef3)

    Version 1.15.4

    Version 1.15.3

    Bug Fixes

    • styles: center notification content when actions row is missing (a4b8834)
    • styles: improve toaster offset and gaps based on size variants (785324a)

    Version 1.15.2

    Bug Fixes

    • minor table styles update (21a6b32)

    Version 1.15.1

    Bug Fixes

    • styles: prevent browser from generating faux italic or bold fonts (507aa84)

    Version 1.15.0

    Bug Fixes

    • display multiple modals at the same time (#565) (f888ad5)
    • styles: prevent shrinking icon only buttons (996691b)
    • styles: unify focus styles (d2c7ecb)

    Features

    • add stretch layout for ButtonGroup (071107a)

    Version 1.14.1

    Version 1.14.0

    Bug Fixes

    • change radio button active state style (ab32194)
    • styles: fix descending characters in labels being cut off (ff18e5a), closes #535
    • styles: improve form control indicator styles (65e6edd)
    • styles: rm .toggleSwitch bottom gap caused by inline display (4153037)

    Features

    • react: add size variants for FormField (#538) (d77a70b)

    Version 1.13.0

    Bug Fixes

    • hover text fix in sidebar (6089bda)
    • make Avatar medium size default, adjust small and rm xlarge (b04f500)
    • styles: fix .btn-icon fontSize within btn group (1e20fc1)
    • styles: adjust .sidebarNav styles (a0cf0e6)

    Features

    • add subtle visual variant for notification (f0329ea)
    • make native JS sidebar look and behave more like wave-react sidebar (0cfc333)

    Version 1.12.1

    Version 1.12.0

    Features

    • react: add emphasize prop to DataList (51bce98), closes #453
    • react: add small size variant for Tabs (ffb5f4a)

    Version 1.11.0

    Bug Fixes

    • styles: adjust toggleSwitch small variant size (a164115)
    • styles: align toggle switch styles with figma (b7520f0)

    Features

    • styles: new notification styles (52393ca)
    • styles: typography styles alignment with figma (cb70ac5), closes #372

    Version 1.10.1

    Bug Fixes

    • core: reset scroll position when closing multi-select listbox (a6831d8), closes #212
    • styles: correct order for input validation states (864ad8d)
    • styles: fix is-invalid state specificity (a146d49)

    Version 1.10.0

    Bug Fixes

    • rm backgroundInverse token in favour of rgb channel tokens (f3b4168)
    • rm large controls size (c472b78), closes #397
    • rm functional color tokens 2nd layer, add default active interactive states (08e5220), closes #410
    • styles: add disabled style for .textInput (3520884)
    • styles: add spring transition for toggle switch indicator (6d104df), closes #401
    • styles: align Calendar styles (886ad68)
    • styles: change outline neutral label border color (8a9e2ca)
    • styles: correct label default minWidth (5be72dc)
    • styles: include missing canvas fill helpers (b784202)
    • styles: minor label alignment with figma (1d4bcda)
    • styles: notification colors adjustments (516f285)
    • styles: replace body with canvas in foreground token for consistency (2a27545)
    • styles: revert to foregroundBody (35a9584)
    • styles: rm DataList default margin (ef680ae)
    • styles: rm default whitespace on .btn (9a41a58)
    • styles: use functional tokens in statusIndicator (0347e02)
    • styles: use relative fontSize for kbd (2c09424)
    • styles: use rgb channel tokens for transparent .btn--ghost backgrounds (1b69874)

    Features

    • add isDisabled prop to Label (3883929)
    • add Label.Dot and align Label with designs (0e53d75)
    • new api for theming Label (19926df)
    • use new color palette and helpers in core (f5fede9)

    Version 1.9.0

    Bug Fixes

    • StatusIndicator adjustments (a69c863)
    • styles: btnGroup enhancements (2aa3c66)
    • styles: update avatar sizes (80e5716)
    • tokens: use display font for delta type variant (efdc381)

    Features

    • add more status toStatusIndicator (b9332c3)

    Version 1.8.0

    Bug Fixes

    • styles: alignments with figma (a8fdad0)
    • styles: fix steps button height being clipped (e5974a9)
    • styles: improve .themedScrollbar styles (2915bd1)
    • toaster notification icon styles (f416dc1)

    Features

    • add xxSmall size variant for icon buttons (e60e893)
    • styles: add size modifiers for buttons and form inputs (888b877)
    • styles: use new spacing tokens (615af12)
    • use json files to store typography tokens (0ffa42a)

    Version 1.7.1

    Bug Fixes

    • multi-select styles improvements (9c796e1)

    Version 1.7.0

    Bug Fixes

    • styles: add .z5 helper class (53b6c9f)
    • styles: changed incorrect color variables (#325) (4b04d68)
    • styles: improve .btn focus styles (d1d4a1e)
    • styles: multi-select long value overflow (e832bcc)
    • styles: remove duplicate gray50 color definitions (288ad37)

    Features

    • styles: add is-active state for ghost button (c946c56)
    • styles: add maw7ch to max width scale (92da82f)
    • tokens: add letter-spacing to typography tokens (93872d8)
    • tokens: add typography tokens (c40d9eb)
    • tokens: manage tokens with style-dictionary (f5feb97)

    Version 1.6.0

    Bug Fixes

    • added event emitter to nav sidebar (1224220)
    • changed way of toggling visibility of menu items (6b0e2cb)
    • css fix in sidebar nav (4e6a439)
    • header menu is optional now, css paddings fixed (82c2954)
    • icons: rename thrash to trash and keep the old name as alias (4433df3)
    • lower z-index of steps panel btn (4f09e79)
    • multiselect text wrapping (9545ca8)
    • react: remove accidentally added markup to radio indicator (c9ca99f)
    • replace <ul> with generic container in sidebar nav header menu (4d75775)
    • security: replace usage of mout (a89eb29)
    • sidebar-nav: removed > from css to improve flexiblity (#210) (3bac48a)
    • sidebarNav: hover states only on desktop, improved way of calculating hover menu (#217) (f729120)
    • sidebarNav: safari css fixes, set js-... prefix for header buttons classes (#200) (afd182c)
    • sidebarNav: simplified css for tooltip, improved tooltip look for header menu (#198) (2f2a75e)
    • styles: add is-visibleMedium and is-hiddenMedium; tidy up docs (67ff2d7)
    • styles: add form field validation states hover colors (5e172e9)
    • styles: adjust elevation tokens (dd65d6b)
    • styles: adjust radio/checkbox paths color (51a4104)
    • styles: adjust the color of disabled radio and checkbox (c82adda)
    • styles: apply light background for fill-gray50 (55349fa)
    • styles: apply light background for fill-orange120 (f7ff04a)
    • styles: box-shadow tweaks (1253f84)
    • styles: button tweaks (f058392)
    • styles: change autosize textarea initial size (#214) (1732ee9)
    • styles: correct multiselect active item label color (385aa00), closes #221
    • styles: improve global focus state styles (4aa314e)
    • styles: increasefill-* helpers specificity (468d353)
    • styles: make .linkTouchFriendly automatically take at least 44x44 px (6dc3cf5)
    • styles: make h100 set actual height (30475a8)
    • styles: make label.listBlock-action inherit the parent color (fd2d9c6)
    • styles: make collapsible panel content untabbable when collapsed (cb9b67d)
    • styles: make sure active btn styles are applied (38afa76)
    • styles: multi-select only formControl-label white (4117a9a)
    • styles: not-allowed cursor on disabled inputs (4e8f561)
    • styles: rm backface-visibility perf trick on .posF util (ce21133)
    • styles: rm btnGroup adjustments for legacy 2px outline buttons (3b741cd)
    • styles: truncate very long select options when selected (7bea36c)
    • styles: tweak label with .btn styles (#265) (febff85)
    • styles: use consistent border-radius (5eadf59)
    • styles: use latest cleancss to fix issue with hsl colors minification (24ff89a)
    • styles: use standardized overflow-wrap helpers (9cc08a5)

    Features

    • add elevation tokens (b2e55dd)
    • multi-select: add setter methods for lists (63bfa8b)
    • multiselect: add horizontalScroll option (f493392)
    • new collapsible sidebar navigation (0de31d9)
    • react: add DataList component (#235) (711702e)
    • styles: add .nav--rounded modifier (f2e0e87)
    • styles: add .textInput class for reusing input styles (da142a4)
    • styles: add flexRow--switcher (7065af1)
    • styles: add flexRow layout helper; rework form examples (ef9c8c0)
    • styles: add formMessage and requiredIndicator form components (c13b916)
    • styles: add kbd component (7091e14)
    • styles: add textLink (9e64f07)
    • styles: embed design tokens as CSS custom properties (c99f42f)
    • styles: new nav--tabs styles (8162844)
    • styles: new form fields design (9c77a7c)
    • styles: new notification styles (5bfa2fb)
    • styles: new outlined buttons style (239a823)
    • styles: restore accidentally removed overscroll utils (3a7f95f)
    • support submenu in sidebarnav header (fdcb71b)
    • tweak radio and checkbox styles (3e81900)

    Version 1.5.0

    Bug Fixes

    • collapsiblepanel: make sure overflow elements are visible (afb7e03)
    • multiselect: fix events for groups (3df2774)

    Features

    • add copy-wave-assets binary (3b025bd)
    • multiselect: add grouping (19af228)

    Version 1.2.0

    Bug Fixes

    • icons: replace delete icon with thrash to avoid reserved words (a3fc3e2)
    • multi-select: fix support for input as initialized element (6e1ce50)
    • multi-select: fix timeout (bdccf7d)
    • multi-select: fixed vertical overflow on labels (d2f3bf7)
    • multi-select: fixed wrongful closing of dropdown when internal buttons got focus (b2eca5f)
    • switch: set min-height on slider element (b0196e2)
    • toggle-switch: ensure button is clickable without the state description (26751ca)

    Features

    • colors: update to latest colors (3a44757)
    • multi-select: methods for unselect (cbee62f)
    • add MultiSelect component (6932a7a)
    • react: add stitches as css solution for react components (b29a627)
    • styles: add min-height/width: inherit utils (76cb86d)
    • styles: support black color for outline and ghost buttons (5beba54)

    Version 1.1.0

    Features

    • expand icon set with new icons (e855bf2)

    Version 1.0.1

    Version 1.0.0

    ⚠️ Breaking Changes

    Bug Fixes

    • styles: consistent disabled styles for icon circles (c32a462)
    • styles: fk display v1.1.3 (815d4e8)
    • styles: improved fk display subsetting (1458f34)
    • styles: unify mono font usage (fce8b1c)
    • styles: use correct colors for fill-navy15 btn variant (367c7b3)
    • styles: use display font for gamma headings (92c1c95)
    • webfonts: fk display 1.1.4 with fixed vertical metrics on windows (3bc1bb2)

    Features

    • powelui -> wave (e79616d)
    • assets: add svg logomark (ce5f37b)
    • favicons: light and dark themed svg favicon (f04ce16)
    • styles: add overscroll-behavior utils (8e7666d)
    • styles: add rounded utils for controlling border-radius (bb824b9)
    • styles: fk display font (7d34562)
    • new color palettes (35a1d4b)
    • volue logo (e772062)
    Announcement

    This is the technical documentation of Wave Core library, the foundational part of Wave Design System.

    We are excited to announce brand new design system site and a set of polished React components that aim to work out of the box, be accessible and deliver superior developer and user experience. Browse the new Wave Design System site and Wave React components docs at https://wave.volue.com.