CHANGELOG.md

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

[0.42.0] - 2024-09-17

Added

• ✨ Table: new table footer sub-component <Table.Foot> by @zulu-eq-bouvet in #3624
• ✨ DatePicker: Enable setting locale from prop (<DatePicker locale="en-US" />), and fetch default locale from system settings instead of browser language. by @yusijs in #3626

Fixed

🐛 Popover: added check to make it more robust againt an edge case where popover element is not connected to DOM by @oddvernes in #3610 🐛 DatePicker: removing a deprecated popover prop causing console warnings by @oddvernes

[0.41.5] - 2024-09-10

Fixed

• 🐛Scrim: fixed a bug where body scroll was not restored after opening a Dialog within Scrim by @oddvernes in #3619

[0.41.4] - 2024-09-05

Changed

• 🐛 NativeSelect: Remove dropdown svg icon when multiple is set by @mhwaage in #3611
• ⬆️ Updated @tanstack/react-virtual by @oddvernes in #3606
• ⬆️ Updated downshift by @oddvernes in #3608

Fixed

• 🐛 Autocomplete: in controlled singleselect, if updating selectedOptions programmatically by something other that the Autocomplete itself, the internal "selected item" state was not updated by @oddvernes in #3614

[0.41.3] - 2024-08-28

Changed

• ✨Popover: implement native popover. This also deprecates the withinPortal prop. by @oddvernes in #3601
• 🔥 Autocomplete: remove deprecated disablePortal prop by @oddvernes in #3603

Fixed

• 🐛 Autocomplete: deselect multiple does not work with complex items by @mhwaage in #3600

[0.41.2] - 2024-08-26

Changed

• ✨ DatePicker: year picker is now multipage by @arkadiy93 in #3571

[0.41.1] - 2024-08-20

Changed

• 🧑‍💻Button.Toggle: allow "wrapped" Button as child by @oddvernes in #3590

Fixed

• 🐛Snackbar: fixed "auto hide" timer restarting every render by @oddvernes in #3591

[0.41.0] - 2024-08-14

Fixed

• 🐛 DateRangePicker: Added missing {...props} spread that prevented attaching eventlisteners etc to this component by @oddvernes in #3584
• 🐛 Autocomplete: fixed an edge case where it would crash when all items in filter are disabled by @mhwaage in #3565
• 🐛 Autocomplete: fixed a bug where it was unclickable inside Menu by @oddvernes in #3583
• 🩹 Tabs: Fix firefox error message caused by invalid value for scrollbar-width by @Benjamin-Lyon in #3578
• ♿️ Menu: added missing role="group" to Menu.Section by @oddvernes in #3583

Changed

• 💄 Tooltip: implement native popover by @oddvernes in #3575
• 💄 Snackbar: implement native popover by @oddvernes in #3577
• 💄Menu: implement native popover by @oddvernes in #3583
• ⬆️ Updated dependencies by @oddvernes in #3579

[0.40.1] - 2024-07-10

Fixed

• 🐛 Autocomplete: Do not attach document.body if server side rendering by @magnh in #3542

Changed

• 🧑‍💻 Icon: improve icon type definition by making it a descriminated union on name and data by @FredrikMWold in #3547
• ⬆️ Updated prod dependencies by @oddvernes in #3554

[0.40.0] - 2024-06-21

Fixed

• 💄 DatePicker: use correct token for text color by @oddvernes in #3520
• 🐛 DatePicker: export DatePickerProps type by @oddvernes in #3538
• 🐛 Autocomplete: reverted changes from #3408 (conditional optionLabel type) due to typescript issues when wrapping the component. Also made options type readonly by @oddvernes in #3515
• 🚸 Autocomplete: return focus to input after pressing 'clear' button by @oddvernes in #3531
• 🐛 Autocomplete: crash triggered by opening dropdown using keyboard if all items are disabled by @oddvernes in #3534

Added

• 🧑‍💻 Datepicker type: allow passing standard html attributes by @oddvernes in #3509
• ✨ Datepicker/DateRangepicker: added hideClearButton prop, and also hide clear button if no date is set by @oddvernes in #3537

[0.39.0] - 2024-05-27

Fixed

• 🐛 DatePicker: Datetime-input was formatted with / instead of : by @yusijs in #3450
• 🐛 Autocomplete: added explicit transparent background-color to [popover]::backdrop by @oddvernes in https://github.com/equinor/design-system/commit/af36ebd06c7c5bd5770e37f26abc9302e2b7aa26

Added

• ✨ Autocomplete: Solution for object-checking by value instead of reference with new itemCompare prop by @yusijs in #3455

Changed

• 📌 Changed required styled-components version to 5.1 in peer dependencies by @oddvernes in #3459

[0.38.0] - 2024-05-14

Added

• ✨ DatePicker: Enable custom date-formats in the input segments when they are not focused. Also added support for custom locale by @yusijs in #3415

Changed

• 🧑‍💻 Autocomplete: improved type safety for autocomplete when optionLabel is required by @FredrikMWold in #3408
• 🚸 Autocomplete: implement native popover for better compatability with Dialog by @oddvernes in #3416
• ⬆️ Updated prod dependencies by @oddvernes in #3425

Fixed

• 🐛 Autocomplete "Select all" toggle causing crashes under certain circumstances with controlled Autocomplete by @mhwaage in #3428
• 🐛 Autocomplete when toggling "Select all" or clicking the "clear" button, disabled items are now left unchanged. The "x/y selected" text in the input has changed "y" from "total non-disabled items length" to "all items length" by @oddvernes in #3429
• 🐛 Autocomplete: dragging scrollbar and then switching to using up/down arrow navigation should now work as expected by @oddvernes in #3441

Notes

Due to the introduction of the native popover attribute, downstream unit tests involving eds Autocomplete may fail due to Jest/jsDom not having added support for the popover api yet. The easy solution to this is to add the following lines to your jest.setup.ts or alternatively within the test itself: HTMLElement.prototype.showPopover = jest.fn() HTMLElement.prototype.hidePopover = jest.fn()

[0.37.0] - 2024-04-24

Added

• ✨ New components: Datepicker and DateRangePicker by @yusijs in #3387
• ➕ New dependencies
  • react-aria
  • @react-aria/utils
  • @react-stately/calendar
  • @react-stately/datepicker
  • @react-types/shared
  • @internationalized/date

Changed

• 🏷️ Label: change "meta" field type to ReactNode by @oddvernes in #3341
• 🚸 Autocomplete: show "no options" on focus when options is empty by @oddvernes in #3399
• 💄 Menu: focus-ring changed from :focus to :focus-visible by @oddvernes in #3396

Fixed

• 🐛 TextArea/TextField: Fixed scrollbar being inaccessible when inputIcon is present by @oddvernes in #3378
• 🐛 TextField: Dynamically update padding when inputIcon changes by @torleifhalseth in #3380
• 🐛 Button: fixed misaligned clickbounds on icon/ghost icon variants by @oddvernes in #3397
• 🔥 Tabs: Remove invalid props from TabListProps type by @oddvernes in #3401

[0.36.1] - 2024-03-01

Changed

• ⬆️ Updated prod dependencies by @oddvernes in #3298

Fixed

• ⬆️ Autocomplete: Updated downshift@8.3.3 to fix focus grabbing on load bug by @oddvernes in #3336

[0.36.0] - 2024-02-09

Added

• ✨ Autocomplete: Implemented "Select all" functionality, enabled with allowSelectAll prop by @yusijs in #3245
• 💄 Slider: option to render "value label" below the track with new labelBelow prop by @oddvernes in #3227

Fixed

• 🐛 Slider: onChangeCommitted was not triggered by touch input by @oddvernes in #3244
• 🐛 Slider: fixed bug in Firefox where "value label" did not show on hover by @oddvernes in #3224
• 🐛 Snackbar: A missing check in the autohide timer caused onClose to be called twice by @oddvernes and @yusijs in #3241
• 🐛 Autocomplete: with multiple, readOnly was still accessible when clicking in the input. readOnly was still accessible in both modes when using keyboard arrow buttons by @oddvernes in #3216

Changed

• 💄Slider: design adjustments to the "value label": changed color, reduced padding, removed "arrow" and moved closer to the "thumb" by @oddvernes in #3227
• 💄 TextField/InputWrapper: allow line break character to work in HelperText by @oddvernes in #3233
• 🔧 Updated babel browserlist from "defaults" to "last 2 versions of chrome/edge/firefox/safari". This reduces build size significantly and removes all the babel runtime helpers. by @oddvernes in #3219
• 🚸 Autocomplete ux-changes: input cleared on blur, added "no options" dropdown and noOptionsText prop by @oddvernes in #3216

[0.35.1] - 2023-12-21

Fixed

• 🐛 Typography: Bug affecting users of styled-components v6 where line-clamping would be applied to all Typography elements on the page if the lines prop was set on one of them by @oddvernes in #3193

[0.35.0] - 2023-12-13

Added

• ✨ Icon: Added support for multiple paths (type IconData.svgPathData is now string | Array<string>) by @oddvernes in #3177

Fixed

• 🐛 Autocomplete: Fixed scrollbar clipping issue that manifested in Firefox by @oddvernes in #3179
• 🐛 Slider: Fixed a bug where label tooltip was always visible for users with styled-components@5.x.x by @oddvernes in #3173

Changed

• 🧑‍💻 SideSheet: open prop type changed to required, conditionally render title and close button to reflect the optional types of title and onClose props by @oddvernes in #3161

[0.34.0] - 2023-11-17

Added

• ✨ Slider: added hideActiveTrack prop by @oddvernes in #3131
• ✨ Slider: added labelAlwaysOn prop by @oddvernes in #3143
• ✨ Autocomplete: Added variant (error, warning, success) and helperText props by @denektenina in #3139
• ✨ Breadcrumbs: custom separator prop by @oddvernes in #3142

Changed

• 💄 Slider: redesigned value label to tooltip style, increased font size by @oddvernes in #3143
• ✨ Label/TextField/Autocomplete: The label prop type changed from string to ReactNode to allow it to be more customizable by @FredrikMWold in #3140
• ⬆️ Updated dependencies by @oddvernes in #3121 #3138 #3137 #3132 #3148

Fixed

• 📱 Slider: added touch support for range slider by @oddvernes in #3144
• 🐛 Slider: fixed bug in Safari where slider would grow in width on mouseover by @oddvernes in #3145

[0.33.1] - 2023-10-20

Fixed

• 🐛Chip: only hover color when clickable (fixed for error variant) by @oddvernes in #3096
• 🐛 Table.Row: fix Styled-components v6 printing a false positive console warning about active prop by @oddvernes in #3104
• 🐛 Slider: change returnvalue type for onChange and onChangeCommitted from number[] | number to number[] to reflect reality. And allow value for non-range slider to be number[] (an array with only one number) by @oddvernes in #3076
• ⬆️ Update @babel/runtime to fix a vulnerability in its dependency @babel/traverse (https://nvd.nist.gov/vuln/detail/CVE-2023-45133) by @oddvernes in #3115

[0.33.0] - 2023-09-26

Added

• ✨ Tabs: controlled mode for use with routers by @oddvernes in #3036
• 🚸 Tabs: added conditionalRender prop for Tabs.Panels by @oddvernes in #3062
• ⬆️ Support Styled-components v6 by @oddvernes in #3050

Changed

• ⬆️ Updated typescript from 4.9.x to 5.1.x by @oddvernes in #3020
• 🚸 Search: removed "clear" button when component is disabled by @denektenina in #3054

Fixed

• 💄 Breadcrumbs: fixed vertical alignment for icons by @oddvernes in #3023
• 💄 Radio/Checbox/Switch fixed z-index bug where component could show through overlaying content by @oddvernes in #3032
• 🔒️ Utils: Moved babel-jest to dev-dependencies by @oddvernes in #3055
• 🚸 SideBar: add aria-label to toggle button by @ingeridhellen in #3066
• 🐛 Autocomplete improved fix for "Maximum update depth exceeded" crash caused by merging refs by @oddvernes in #3069

[0.32.4] - 2023-08-15

Fixed

• 🐛 Autocomplete: Added a fix for "Maximum update depth exceeded" error by @oddvernes in #3005
• 🐛 Autocomplete: Fixed issue where externally added eventlisteners (onFocus, onBlur etc) broke internal functionality by @bjartebore in #2999
• 🐛 Dialog: Fixed open on mount by @oddvernes in #3003

Changed

• 🔥 Chip: Removed z-index from the x-icon by @oddvernes in #2992
• 💄 Chip removed hover-effect when there is no onClick present by @bjartebore in #2995
• ⬆️ Autocomplete Update to Downshift 8.1.0. Autocomplete now opens on click instead of focus to comply with ARIA 1.2 by @oddvernes in #3000
• ⬆️ Updated floating-UI to v0.24.3 by @oddvernes in #3004
• 🦺 Icon: removed "height" attribute from svg path to comply with w3 validator by @oddvernes in #3006

[0.32.3] - 2023-07-14

Fixed

• 🐛 Autocomplete, Tooltip, Popover and Menu inside a Dialog should now render on top by @oddvernes in #2970

[0.32.2] - 2023-07-13

Fixed

• 🐛 Rollup config: added interop: auto. This fixes an issue with the commonJs build where jest was unable to resolve styled-components in downstream tests

[0.32.1] - 2023-07-11

Changed

• ⏪️Added back commonjs build and changed file extension of modules from .mjs to .js due to a compatability issue with React 17.
• 📌 Restricted styled-components to below version 6 in peerDependencies. this package does not support v6 yet.

[0.32.0] - 2023-07-10

Fixed

• 🐛 Autocomplete: Allow option value of 0 by @oddvernes in #2957
• 🐛 Popover, Card: fixed style-syntax that affected users with styled-components v6 in by @oddvernes in #2953
• 🐛 Typography: make color a transient prop so it doesn't show up in the dom by @oddvernes in #2952
• 💄 Sidebar: Remove visible scrollbar when collapsed by @oddvernes in #2863

Changed

• ♻️🚸 Dialog: Refactored to use native dialog under the hood by @oddvernes in #2950
• ⚡️ Tabs: conditionally render tab panels (previously display:none) by @oddvernes in #2947
• ⬆️ updated dependencies by @oddvernes in #2925
• ⬆️ Update floating-ui by @oddvernes in #2922
• ⬆️ Upgrade rollup to v3 by @oddvernes in #2908
• 🚸 Scrim/Dialog: trigger dismiss on mousedown to prevent accidental "click outside" by @oddvernes in #2923
• 📝 Autocomplete: Improved selectAll story in storybook by @denektenina in #2883
• 📝 Storybook, improved documentation: Add null as a possible value for useState hooks that receive HTML elements to avoid type error by @FredrikMWold in #2891
• ⬆️ Storybook updated to v7 by @oddvernes in #2866
• 🚸 SideBar.Accordion: Made the way isExpanded works more intuitive by @denektenina in #2870

Added

• ✅ Added test coverage for the new SideBar.Accordion and SideBar.AccordionItem by @denektenina in #2867

[0.31.1] - 2023-04-25

Fixed

• 🐛 Menu: Fixed a warning occurring when using Menu.Item as react-router Link by @oddvernes in #2858

[0.31.0] - 2023-04-25

Added

• ✨ Autocomplete: optionComponent prop for custom option templates by @oddvernes in #2852
• ✨ Sidebar: Added Sidebar.Accordion and Sidebar.AccordionItem by @denektenina in #2797
• ✨ Typography: Added fallback css variables for colors by @bjartebore in #2840
• ✨ Menu: polymorphic Menu.Item (use as prop to override element type) by @oddvernes in #2817

Changed

• 💄 Radio/Checkbox: changed visual size of hover background to conform to design by @oddvernes in #2824
• 💄 Switch: physical size is now same as Radio/Checkbox to conform to design (from 40x40 to 48x48) by @oddvernes in #2824
• ⬆️ Updated production dependencies for all packages by @oddvernes in #2848

[0.30.0] - 2023-03-15

Fixed

• 🐛 NativeSelect: fixed label not having disabled-style when disabled by @oddvernes in #2802
• 🐛 Dialog: fixed css syntax errors in Dialog.Header, align-items: center; justify-content: space-between; is now applied by @oddvernes in #2801

Added

• ✨Accordion: Added onExpandedChange prop to Accordion.Item to enable controlled mode by @bjartebore in #2775
• ✨ Autocomplete: added onInputChange and loading props to enable async search-as-you-type use cases. Updated storybook with example by @oddvernes in #2788
• ✨ Autocomplete: added dropdownHeight prop allowing users to override default dropdown height by @oddvernes in #2793
• ✨ Menu: added matchAnchorWidth prop by @bjartebore in #2806
• ✨Breadcrumbs: added option to not wrap Breadcrumbs with a new wrap prop, plus added forceTooltip prop. Added storybook example by @oddvernes in https://github.com/equinor/design-system/commit/fdb178be39fd51ec474e85bd008f6a5f9a0f8ef3

Changed

• 🚸⚡️ Slider - new behaviour: min/max thumbs can no longer cross, plus some performance improvements by @oddvernes in #2783
• 🚸💄 Input: added ellipsis to overflowing text, Autocomplete input: reduced padding-right by @oddvernes in #2807

[0.29.1] - 2023-02-03

Fixed

• 🚑️ Hotfix: Roll back @types/react to 18.0.21 as the newer version created a mismatch in the Icon component type.

[0.29.0] - 2023-02-03

Added

• ✨ Menu stays open after click on item with the new closeMenuOnClick prop by @denektenina in #2687
• ✨ Input: Added css-variable (--eds-input-background) to more easily override background-color. Also works on Autocomplete, Textfield, Search and Textarea by @oddvernes in #2718
• 📝 Storybook for Button and Tooltip: added best practices examples for how to use Tooltip with disabled Button by @denektenina in #2742
• ✨ Added Tooltip support for Button.Toggle by @oddvernes in #2751

Fixed

• ⚡️ Menu: Fix occasional 1-frame flicker when opening Menu by @denektenina in #2711
• 💄 Accordion: Fixed double border between header and content by @denektenina in #2739
• 💄 Dialog: Fixed spacing when scrollable is set by @oddvernes in #2749
• 🎨 Paper: Made the elevation prop transient so it doesn't clutter the html by @bjartebore in #2764

[0.28.0] - 2022-12-21

Added

• 📝 Table storybook: Added example of virtual scrolling by @denektenina in #2664
• ✨ Autocomplete is now virtualized to handle large data sets, and have a new prop multiline (multiline, where option text wraps, was previously the default behaviour). Also fixes missing padding for multiline when more than 2 lines of text by @oddvernes in #2689

Fixed

• 📝 Added missing changelog entry to v0.24.0 regarding Button variant ghost_icon and contained_icon size change by @oddvernes in #2677
• 📝 Added missing changelog entry to v0.25.0 regarding Autocomplete variant by @oddvernes in #2695
• 📝 Slider storybook: Improve docs for outputFunction by @Strepto in #2674
• 📝 Storybook: Fixed wrongly rendered "show code" in certain stories by @denektenina in #2681
• ⬆️ Autocomplete: Upgraded downshift to 7.0.5 to fix react 18 issue where the dropdown was open on load in dev enviroment by @oddvernes in #2697

Changed

• 🐛♿️ Autocomplete: change behaviour on inputBlur by @oddvernes in #2676

Removed

• 🔥Storybook: Disable compact stories where it is not implemented yet by @oddvernes in #2655

[0.27.0] - 2022-11-17

Added

• 📝 Textfield Storybook: Added validation example by @oddvernes in #2640

Fixed

• 🐛 SideBar: Fixed Sidebar.Button and Sidebar.Toggle ref by @oddvernes in #2650

Changed

• ⬆️ Upgraded downshift to 7.0.1 (Improves ARIA-patterns in Autocomplete) by @denektenina in #2637

Removed

• 🔥 Removed deprecated SingleSelect and MultiSelect by @denektenina in #2643

[0.26.0] - 2022-11-04

Added

• ✨ Added SideBar component by @oddvernes in #2614
• 🚸 Button: aria-disabled now adds "disabled" styles by @denektenina in #2624

Changed

• ♿️ Tooltip better announced by screen readers by @martalalik in #2596
• 💄 TopBar.Header Changed gap to 12px (from from 24px) by @martalalik in #2623
• ✨ Replaced unnecessary occurrences of useLayoutEffect with useEffect for better ssr support by @oddvernes in #2631

Fixed

• 🐛 Textfield: fixed missing id on helpertext for aria-labelledby by @oddvernes in #2639

[0.25.0] - 2022-10-19

Added

• ♿️ Add portal & focusManager to Popover by @martalalik in #2536
• ✨ New internal component: InputWrapper by @mimarz in #2395

Removed

• 🔥 Autocomplete breaking change: In the variant prop, default has been removed as an option by @mimarz in #2395

Changed

• 💄 Bumped z-index for autocomplete by @denektenina in #2585
• ♻️ Refactored Search, TextField, Autocomplete to use InputWrapper by @mimarz in #2395

Fixed

• 🐛 Tooltip: fix arrow persistence by @denektenina in #2592

[0.24.0] - 2022-10-12

Added

• ✨ Autocomplete: Support for toggling if input is cleared on selection by @mimarz in #2545
• ✨Polymorphic tabs by @oddvernes in #2556

Changed

• ♻️ Autocomplete: Always show all options on re-open after selection by @mimarz in #2562
• ⬆️ upgraded floating-ui to v0.10.1 by @oddvernes in #2554
• 🔧 Conform packages build, test & linting by @mimarz in #2555
• 💄 Button variant ghost_icon and contained_icon changed size from 48px to 40px by @mimarz #2351

Fixed

• 🐛 Accordion: prevent toggle from submitting form by @oddvernes in #2567

Full Changelog: https://github.com/equinor/design-system/compare/eds-core-react@0.23.0...eds-core-react@0.24.0

[0.23.0] - 2022-10-05

Fixed

• 🐛 Accordion: fixed shrinking icon by @oddvernes in #2540

Changed

• ⬆️ Upgrade to React 18 by @mimarz in #2510
• 🐛 Breadcrumb/Typography: use transient props by @oddvernes in #2542

[0.22.0] - 2022-09-29

Fixed

• ♻️ Replaced usage of nullish coalescing operator by @mimarz in #2530
• 🐛 Popover: removed overflow: hidden from Popover.Content by @martalalik in #2524
• 🐛 Tabs, storybook: scroll with prev/next buttons story improvements by @oddvernes in #2500
• 🐛 Autocomplete: fixed missing z-index on dropdown by @oddvernes in #2503
• 🐛 Popover: fixed missing arrow by @oddvernes in #2507

Added

• ✨ Created new ToggleButton component by @martalalik in #2458
• ✨ Divider: Added size prop by @oddvernes in #2519
• 📝 Sidesheet, storybook: Drag-to-resize sidesheet story by @oddvernes in #2491
• 📝 Popover, storybook: Persistent popover story by @martalalik in #2511
• ✨ TopBar: Added sticky prop to toggle static or sticky positioning by @martalalik in #2508

Changed

• 🎨 Scrim: Use Floating-UI FloatingOverlay to improve scroll-lock and remove content jump by @martalalik in #2513

[0.21.0] - 2022-09-08

Fixed

• 💄 Fixes to make sure both style and className are applied to outermost element (changes to switch, NativeSelect, Radio, Checkbox, Search, Autocomplete) by @oddvernes in #2367
• 🐛 Popover: changed to overflow: auto by @oddvernes in #2431

Added

• ✨ Autocomplete: Added disable clear button prop (hideClearButton) by @Simrayz in #2378
• ✨ Added width prop to SideSheet by @martalalik in #2399
• ✨ Button is now a proper overridable component (can be rendered as another component/element-type with the as prop and typescript will only allow valid props for that component) by @oddvernes in #2410
• ✨ Make Typography an overridable component by @oddvernes in #2432
• ✨ Make Breadcrumb an overridable component by @oddvernes in #2442
• ✨ Created Button.Group wrapper component by @martalalik in #2420

Changed

• ♻️ Replaced popperjs with floating-UI in Tooltip by @oddvernes in #2377
• ♻️ Replaced popperjs with floating-UI in Popover by @oddvernes in #2384
• ♻️ Replaced popperjs with floating-UI in Menu by @oddvernes in #2405
• ♻️ Replaced popperjs with floating-UI in Autocomplete by @oddvernes in #2460
• 📝 Updated Typography documentation in storybook by @martalalik in #2247
• 🗑️ Card: removed logic to style cursor based on onClick listener being present by @oddvernes in #2436
• 💄 Topbar: inline padding reduced from 40 to 24px by @oddvernes in #2451

[0.20.4] - 2022-06-24

Added

• 📝 App launcher documentation by @martalalik in #2303

Fixed

• 🐛 Using Icon data should work properly if size is not defined by @mimarz in #2327
• 🐛 Fixed TextField style prop being sent container and inner input by @mimarz in #2337
• 🐛 Fixed Autocomplete onOptionsChange when not controlled & cleaned up react hooks form example by @mimarz in #2335

[0.20.3] - 2022-06-20

Added

• ✨ Elevation options to Card/Banner/TopBar by @oddvernes in #2313

Fixed

• 🐛 TypographyTemplate in Tab by @martalalik in #2316
• 🐛 Improved Autocomplete object comparisons for showing all available options on open by @mimarz in #2322

[0.20.2] - 2022-06-16

Added

• Accordion now has a new sub-component; Accordion.HeaderActions! This should make it easier to have interactive elements in the Accordion.Header while maintaining proper a11y. (#2091)

Fixed

• Autocomplete
  • Should no longer trigger re-renders when closed. (#2295)
  • Should now correctly update if options are changed after initialization. (#2304)
  • onOptionsChange should now properly trigger when controlled in single select mode. (#2300)
  • Bumped dropdown z-index to match other EDS components. (#2309)

[0.20.1] - 2022-06-09

Deprecated

• ariaLabelledby has been deprecated on Slider. Use aria-labelledby instead. (#2173)

[0.20.0] - 2022-06-08

Added

• New component! 🎉 Autocomplete has been moved from our labs to core! (#2201)
  • This is a new component based on feedback from MultiSelect & SingleSelect aimed resolving their shortcomings, complexity and improve further development

Changed

• Improved Progress legibility (#2182)
• Improved Slider legibility (#2173)
• Card is now less opinonated making it easier to use inside flex/grid containers (#2273)
• Upgraded dev dependencies, fixed missing types in Slider & removed Menu.Item memo as it was not working as intended (#2183)

Deprecated

• MultiSelect has been deprecated in favour of <Autocomplete multiple />. (#1537)
• SingleSelect has been deprecated in favour of <Autocomplete />. (#1537)

Fixed

• Table.Cell height should now be correct in Table.Head (#2197)
• Tabs should no longer throw error if onChange is not defined (#2196)
• Popover should now have correct typings for onClose (#2264)
• Search should no longer display blue background on Chrome when autocomplete is defined (#2160)

[0.19.0] - 2022-04-06

Added

• Menu now supports keyhandling on anchor element for open & focus on Enter/ArrowUp/ArrowDown (#1936)

  • Users now need to store anchor element in useState for correct re-renders & listening events

Removed

• Menu no longer has focus property as focus is now handled internally (#1936)

Changed

• Adjustments to focus outline visibility (#1733)

Fixed

• Menu should no longer crash when using conditional rendering inside on children such as Menu.Item or Menu.Section (#2015)
• Hide top divider when Menu.Section is first child in Menu (#2015)
• Scrim.Content should now work with global eventlisteneres (#2092)
• Slider should now reposition dots correctly if value is changed (#2118)

[0.18.0] - 2022-02-18

Added

• Added support for 18px Icon size in preparation for compact mode (#1827)
• Tabs: Enabled Tabs.List horizontal overflow. (#1650)
  • Added scrollable prop which adds overflow-x: auto to the tabs for users that wants a scrollbar.
  • Otherwise this is now overflow-x: hidden and there is an example added in Storybook for how to implement "previous" and "next" buttons to navigate an overflowed list.
• New dependency: (@equinor/eds-utils). Utility functions and hook have been moved out of eds-core-react and into its own package (#1846)

Changed

• Dialog is now opened in a portal and within a scrim. It is now controlled via an open property. isDismissable and onClose properties were also added to conform to other similar components. (#1177)
• Dialog: Moved padding from outer element to subcomponents. Added new subcomponent Dialog.Header, and added Dialog.Content as an alias to Dialog.CustomContent (#1896)
• Popover: Moved padding from outer element to subcomponents. Added two new subcomponents Popover.Actions and Popover.Header. Removed fixed close button (see storybook for example of how this can be added using existing components instead). (#1365)
• Increased z-index on certain components to match that of MUI's z-indexes (#1981)

Fixed

• Fixed a bug where scroll on body was not restored after closing Scrim (#1892)
• Fixed an issue with Menu onClose where potentially a function could be called after unmounting the component. (#1898)
• Fixed Menu.Item onClick not triggering with keyboard enter (#1910)
• Fixed an issue where opening Menu using keyboard navigation while scrolled down would cause page to scroll to top (#1932)
• Removed reference to window in Snackbar and Tooltip which broke server side rendering (#1970)
• Fixed an issue where trying to add a style tag to Tooltip would break the rendering (#1982)

[0.17.0] - 2021-12-22

Added

• Scrim is now controlled via an open property. (#1176)

Changed

• Improvements to Menu & Popover DOM imprint when closed and subsuquent opennings. (#1675)

Removed

• event & open was removed as parameters to the onClose callback for Scrim. (#1176)

Fixed

• MultiSelect should now clear properly on blur and clicking clear button. (#1664)
• Improved TextField a11y for when error messages are displayed as helperText. (#1145)
• Button in tables should now have proper stacking context for sticky table header. (#1816)

[0.16.1] - 2021-12-07

Changed

• Bundle tree-shaked ramda instead of having it as dependency to avoid security warning for users by unused ramda functions (#1768)

[0.16.0] - 2021-12-02

Changed

• Esm package is now unbundled enabling tree-shaking (#1043)
• Adjusted browserslist to defaults, not IE 11 resulting in less babel transpiled code and polyfill bloat (#1043)

Added

• Native support for focus-visible (enables focus-ring on elements when using TAB key). Browser support (#1043)

Removed

• Removed umd package from build. (#1043)
• Removed focus-visible polyfill, while still retaining support for it in the components. Users who need to support focus-visible in Safari now have to add the polyfill themselves. (#1043)

[0.15.0] - 2021-12-01

Added

• New sub-component Card.Content for content inside Card. (#1711)

Changed

• Adjusted Topbar.Actions to vertically align elements. (#1680)
• Adjusted Card.Media spacings. (#1713)

Fixed

• Menu.Item focus should no longer jump after being re-opened. (#1681)
• Keyboard interaction in Menu should now work as intended. (#1702)
• Focus should now return to anchor when Menu is closed by esc/enter. (#1704)
• Replaced deprecated HTMLTableHeaderCellElement & HTMLTableDataCellElement types with HTMLTableCellElement.(#1739)
• Search clear button is now an actual button! Rejoice a11y! (#1737)

Removed

• Card no longer has padding, its now moved to the individual sub-components. Use Card.Content for padded content inside Card. (#1711)

[0.14.3] - 2021-11-16

Fixed

• Menu should now have correct focus when clicking & navigating with keyboard (#1668)
• Menu now puts className on container element so its easier to apply your own styles (#1672)
• Breadcrumbs.Breadcrumb will now respect your href again (#1687)

Changed

• Slider now accepts decimal values (#724)

[0.14.2] - 2021-10-21

Fixed

• Switch hover effect broke in the previous release, this is now fixed (#1641)

Changed

• Radio, Checkbox: Removed extra padding between input clickbounds and label (#1640)

[0.14.1] - 2021-10-19

Added

• Hover effects are wrapped with Media Query to only target devices with mouse pointer (#1589)
• Pagination control now changes to first page if the itemsPerPage value changes (#1621)

Fixed

• Tooltip now works when wrapping Radio or Checkbox (#1605)
• Fixed an issue where an external themeprovider can overwrite unset values in certain components (#1617)
• Scrim now correctly covers entire screen when used in conjunction with the css zoom property (#1625)
• Scrim now disables scroll on body when open (#1587)

Changed

• Radio, Checkbox refactored to no longer be wrapped in label-element when no label-prop is provided (#1610)
• Switch refactored to no longer be wrapped in label-element when no label-prop is provided (#1613)
• Updated Accordion non-interactive icons color (#1296)

[0.14.0] - 2021-09-30

Added

• New placement property for Snackbar for more placement variety (#1488)
• "Clear selection" button for SingleSelect & MultiSelect (#1411)
• SingleSelect & MultiSelect will show all items when reopnened, with selected items being highlighted (#1065)
• SingleSelect & MultiSelect will now open on focus (#1165)

Fixed

• Missing readOnly styles for Textfield (#1162)
• Tooltip should now respect external handlers (#1558)
• TextField should now respect external handlers (#1538)
• Popover should now only close on ESC key when is open (#1529)
• Breadcrumbs.Breadcrumb will now be rendered as span when href is undefined to avoid duplicate a elements when used with router packages (#1505)
• Snackbar & Banner components should now accept ref properties! (#810)
• Tooltip should now work when used in combination with Popover or Menu with anchor elements (#1496)
• Adjustments and added missing compact styling for Radio (#1580 )

Changed

• Reduced focus offset for Button variant ghost_icon (#1565 )
• Cleaned up styling i Card.Actions (#1520 )
• Search & Accordion icon sizes are aligned with other components (#1403)
• Adjusted colors for select components (#1514)
• Adjusted focus and label spacing for Switch (#1567)

Removed

• Snackbar leftAlignFrom property is replaced by placement for more placement options. (#1488)

[0.13.1] - 2021-07-16

Fixed

• Jest/react-testing-library errors in bundle when using with Webpack 5 (#1490) & (#1406)
• Snackbar timeout improvements to avoid "missed" timeout (#1486)
• Snackbar centering was wrong when used inside certain elements (#1172)
• Snackbar stacking content order, should now be on top most of the time (#1173)

[0.13.0] - 2021-07-15

Added

Compact components part 1 (#1249)

• Compact mode can be activated by using the EdsProvider as a parent component and setting the density property to "compact". This will toggle compact mode on all nested components.
• Components with compact support:
  • TextField
  • Input
  • Checkbox
  • Menu
  • NativeSelect
  • SingleSelect
  • MultiSelect
  • Button
  • Switch
  • Table
• Example:

// This renders a compact Table with compact Button & Checkbox inside
<EdsProvider density="compact">
  <Table>
    <Table.Body>
      <Table.Row>
        <Table.Cell>
          <Button>Compact</Button>
        </Table.Cell>
      </Table.Row>
      <Table.Row>
        <Table.Cell>
          <Checkbox />
        </Table.Cell>
      </Table.Row>
      ...
    </Table.Body>
  </Table>
</EdsProvider>

Fixed

• TopBar missing bottom-border (#1395)
• Wrong types in the onChange callback in Pagination (#1397)
• Misaligned Icon when used inside Button variant ghost_icon (#1423)
• TextField lost focus if inputIcon was toggled conditionally (#1425)
• TextField with inputIcon had wrong border color (#1425)
• Typo in Accordion displayName (#1450)
• Disabled Button was not disabled if href was set (#1456)
• Stacking order for overlay components (Menu, Popover, Scrim etc.) (#1462, #1466)

Changed

• Darker hover background in Menu for better accessibility (#1363)
• Switch sizes, hover, label spacing and focus frame to match the design in Figma (#1433)
• Optional label for Switch (#1445), Checkbox (#1425), Radio (#1459)

[0.12.1] - 2021-05-28

Fixed 🐛

• Multiline TextField did not follow rowsMax rules on initial render (#1367)
• Multiline TextField resized on input when having a fixed height (#1375)
• Wrong spacing in Button when an icon was used (#1364)

Changed

• Clarified Radio story (#1382)
• Reduced line-height on Typography (for h1, h2 & h3) (#1370)

[0.12.0] - 2021-05-21

Added

• TextField has a new property, rowsMax for determining how many rows it will grow before overflow (scrollbars) show (#1336)

Fixed 🐛

• Menu did not respect anchor position when used with conditional rendering (#1330)
• Wrong Tooltip position if surrounding content would skew its anchor element (#1331)
• Tweaks to Menu, Popover & Tooltip component and stories in terms of a11y use-cases with screen-readers (#1352)

Changed

• Improvements to useCombinedRef hook (#1347)
• Menu is now using React portals and positioned under body (#1352)
• Tooltip is now conditionally rendered internally (#1341)

[0.11.1] - 2021-05-06

Fixed 🐛

• Missing border on "outlined" Button (#1332)

[0.11.0] - 2021-05-05

Added

• Export types for all sub-components (#1127)

Fixed 🐛

• Hide Tooltip when title is empty string (#1292)
• Tooltip errors when used in SSR(server-side rendering) (#1230)
• Tooltip being stuck when scrolling while open(#1325)
• Too big offset on focus-frame for Button (#1218)

Removed

• Sub-components exposed with double names (#1317)

[0.10.1] - 2021-04-15

Fixed 🐛

• Missing typescript suggestions on property placement (#1229)
• Crashing Tooltip component when refreshing using SSR (#1230)

[0.10.0] - 2021-04-14

Added ✨

• New placement property on Menu to define placement of opened Menu. List of available values here (#952)
• New anchorEl property on Popover. Use this in combination with ref on anchor and open on Popover. (#673)
• New enterDelay property on Tooltip to delay open (#1154)
• Tooltip can now be closed on global ESC keypress (#1195)
• Tooltip can now be used on td elements (#984)

Changed 📓

• Menu, Popover and Tooltip
  • Improved popup logic with the use of popperJS (#673)
• Streamlined close logic for
  • Menu, Popover and Scrim (#1175)
• Menu property anchorEl changed from required to optional (#1193)

Fixed 🐛

• Missing focus frame on Breadcrumbs (#1134)
• Missing props table for Menu in Storybook (#1164)
• Missing role on Banner(#1178)
• Clarified use of Banner.Actions in Storybook (#1188)
• Missing focus frame on Typography links (#1203)
• Missing disabled colours on TextField (#1161)
• Wrong offset on Button focus frame (#1218)

Breaking changes ⚠️

• Placement values in Tooltip and Popover are changed to match popperJS. List of available values here
• Popover.Anchor deprecated, please use the anchorEl property on Popover instead.
• Removed open property on Tooltip as it was not working as expected

Deprecated 🗑

• Popover.Anchor deprecated due to streamlined popup logic

[0.9.2] - 2021-03-19

Fixed

• Bumped eds-tokens version

[0.9.0] - 2021-03-17

Added ✨

• TextField (#1107, #1108, #1111, #1115, #1131, #1128)
  • Input and Label is now available as separate components. This will make it easier to customize for more advanced patterns or for making your own custom components for specialized use-cases.
  • TextField now support unit inside the input field. This is useful for e.g. currency and units of measurement.

Changed 📓

• Textfield
  • Improvements when using the Icon in the inputIcon and helperIcon props. This makes the behaviour here more similar to the rest of the EDS library. (#1130)
  • Internal fixes and optimization

Fixed 🐛

• Textfield
  • Fixed missing disabled colors (#1160)

[0.8.5] - 2021-02-22

Added ✨

• Progress indicators (#1090, #1098)
  • Circular, Star and Dots now have a size property for adjusting size.
  • Circular and Dots now have a color property following the same color scheme as our other components.
  • Refactored as compound components. You can now find the progress indicators under Progress, such as Progress.Dots, Progress.Star etc..
    • The individual LinearProgress, CircularProgress, StarProgress & DotProgress will be removed at a later time
• Accordion.Header now has an onToggle callback to help defer rendering of content when Accordion are opened/closed (#1121)

Fixed 🐛

• Adjusted text and icon placements inside Button so that Icon (svg) will always align to the sides regardless of button width (#1085)
• Fixed Menu story where content would skew the MenuItem height (#1104)
• Progress indicators (#1090, #1098)
  • Adjustments so that Circular and Dots can be used inside Button
  • Cleaned up component so that they are pure svgs now (except for Linear)

Changed 📓

• Cleaned up sub-component naming, so no more repeating names such as, Card.CardActions or Menu.MenuSection (#1083)
  • The old sub-component names are still there but will be removed at a later time
• Updated our storybook stories to better reflect usages of components with sub-components (#1094)

Deprecated

• Progress indicators (#1090)
  • Removed variant property on Dots (replaced by color property)
• Button do no longer force size on nested Icon

[0.8.4] - 2021-01-21

Added ✨

• Active, error and hover states in Table (#940)
• Support for toggling sortable Table column styling. New property sort on Table.Cell (#983)
• Sticky Table head (#1031). New property sticky on Table.Head

Fixed 🐛

• Tests for Table (#297)
• Missing primary color on Button variant="ghost_icon" (#986)
• Hover bug on touch devices (#987)
• Icon bug in Storybook when changing name (#955)
• SingleSelect items are properly updated when changed after initial render (#1064)

Changed 📓

• Improved Table.Cell (#997)
• Refactored Table to use React.forwardRef (#1007)

Deprecated

• Table.Cell as property on is removed. This had to be done due to technical limitations with new features. Table.Cell will now automatically render th or td based on "parent" element.

[0.8.3] - 2020-12-14

Fixed

• Fixed unintended full width on <Button /> (#)

[0.8.2] - 2020-12-11

Fixed

• Use newest versions of @equinor/eds-icons and @equinor/eds-tokens

[0.8.0] - 2020-12-09

Added ✨

• SingeSelect component (#896)
• MultiSelect component (#897)

Fixed 🐛

• Fix wrong spacings inside Chip causing the content to not be proper centered (#956)
• Hover size on ghost buttons (#595)

Changed 📓

• Use base tokens in Button component (#831)
• Use base tokens in Table component (#830)
• Support for React 17 (#813)
• Update dependencies (#904)

[0.7.1] - 2020-11-26

Changed 📓

• Updated README.md

[0.7.0] - 2020-11-26

Added ✨

• Types, as part of the Typescript Milestone
• NativeSelect component (#509)
• Table caption (#621)
• isExpanded prop to control Accordion externally (#677)

Fixed 🐛

• Added a guard clause to handle null values for Accordion children (#688)
• CardMedia spacing bug (#603)
• Added props spread to BannerAction (#478)
• Pagination bug (#647)
• Bundle improvements (#627)
• Cleaned up leaking devDependencies (#862)
• Hide Tooltip when title is empty (#920)

Changed 📓

• Updated z-index values for correct layering of the components (#872)
• Changed licence from GNU AGPL to MIT (#852)
• Clean up use of spacings in Card (#717)
• Changed module types for better support with commonjs and esm. Using the <some-eds-npm-package>/commonjs path on packages should no longer be needed and will be deprecated in the future (#887)
• Removed unused dependencies (#870)
• Cleaning and remodelling core-react for the future 💅 (#887)

[0.6.2] - 2020-09-16

Fixed 🐛

• Fixed onClose handler not being called when MenuItem was used inside MenuSection (#546)
• Fixed focus showing when clicking on MenuItem (#544)
• Fixed an issue where Divider did not stretch to full width (#608)
• Fixed Head styling when Table is set to width: 100% (#610)

Changed

• Added outside click support for closing Menu. Outside clicks will now call the onClose handler function. (#548)
• Added data property to Icon component to easily compose icon to be rendered. (#584)
  • See Icon README for more information

[0.6.1] - 2020-09-04

Fixed 🐛

• Loosened up on Tabs & TabsPanel typechecking for children (#539)

[0.6.0] - 2020-09-02

Added

• <Menu> component
• <Pagination> component

Fixed 🐛

• Changed background color on <Tabs> to transparent (#533)
• Improved tooltip inconsistencies when used inside a table (#488)
• Fixed Tooltip triggering on some disabled elements (#479)
• Fixed misplaced text when using <Button> as link or upload (#482)
• Fixed wrong color on action buttons in snackbar (#535)
• Fixed elevation for dialog (#534)

[0.5.1] - 2020-07-15

Changed

• Font-weight has been increased to medium in all cases where the font-size is below 16px for improved legibility. This change is most notable in table cells and labels.
• Font-size has been increased and line-height decreased for <helper> and <label>
• <Icon> now uses currentColor for its fill value – which means it inherits its fill colour from its parents color value
• <Typography> now accepts any value for its color property

[0.4.1] - 2020-07-13

Added

• <Typography> can now limit the number of visible lines, render any typography style in EDS, change the underlying html element and override/extend tokens used for a particular variant
• <Table> can now have headers in columns in the table body

Fixed 🐛

• Fixed horizontal alignment of icons and unintended border-color in <Button> in Safari (#465)
• Fixed the “off”-colour in <Switch>(#466)
• Fixed an alignment bug in <Tooltip>(#408)
• Fixed alignment of headers in <Table>(#407)

[0.4.0] - 2020-06-25

Added

• Breadcrumbs
• Progress
• Snackbar
• <Button> can now be rendered as an <a> by providing an href attribute
• Support for left/right icons inside <Button

Fixed

• Fixed an overflow bug in <Popover>(#375)

Changed

• Increased <Button> icon size to 24px (up from 16px) for greater legibility
• README
  • Moved Progress indicator, Breadcrumbs, Snackbar and Button variations with icons to «Available»
  • Moved Pagination to «In progress»

[0.3.1] - 2020-06-16

Fixed

• Fixed a bug where <Tabs> steals focus from interactive controls in tab panels. (#369)

[0.3.0] - 2020-06-08

Added

• Banner
• Popover
• Slider
• Selection controls
• Option to control the <Search> component. (#342)

Fixed 🐛

• Fixed a bug where <Tooltip> did not close as expected. (#339)

Changed

• README
  • Moved Banner, Popover, Selection controls and Slider to «Available»
  • Moved Progress indicator and Snackbar to «In progress»

[0.2.2] - 2020-06-02

Fixed 🐛

• Fixed bug where <Tabs> component focused automatically on the active tab on render. (#329)

[0.2.1] - 2020-05-29

Fixed 🐛

• Fixed bug where <Search> component ignored onFocus & onBlur functions. (#330)

[0.2.0] - 2020-04-30

Added

• Card
• Tooltip

Fixed

• <Button> component property type can now correctly be overridden

Changed

• README
  • Moved Card and Tooltip to «available»
  • Moved Slider and Popover to «in progress»

[0.1.4] - 2020-04-20

Fixed

• Republished with pnpm to fix "workspace:*" pointers in package.json

[0.1.3] - 2020-04-16

Added

• Accordion
• Search
• Table of contents
• Dialog
• Scrim
• Polyfill for :focus-visible

Changed

• README
  • Moved Accordion, Search, Table of contents, Dialog and Scrim to «available»
  • Moved Tooltip, Navigation Drawer, Menu to «in progress»

[0.1.2] - 2020-03-23

Added

• Chips
• Sidesheet

Changed

• README
  • Moved Chips and Side sheet to «available»
  • Moved Cards, Table of contents, Search and Scrim to «in progress»

[0.1.1] - 2020-03-11

Added

• Tabs

Changed

• README
  • Sorted components alphabetically
  • Moved Tabs to «available»
  • Moved Chips, Dialog and Side Sheet to «in progress»

[0.1.0] - 2020-02-24

Added

New components

• Button
  • Ghost icon variant
• List
• TopBar
• Icon
• Tabs

Changed

• Updated README to me abit more clearer
• Adjustments to to package.json to be more in line with our other packages
• New versioning of packages

[0.0.1-alpha.10] - 2020-01-22

Fixed

• Faulty build configuration forcing use of umd modules for
• Missing package settings and deprecated npm-script commands
• Malformed changelog

[0.0.1-alpha.9] - 2020-01-13

Added

• Textfield alpha component

[0.0.1-alpha.8] - 2020-01-10

Changed

• Updated build (wups)

[0.0.1-alpha.7] - 2020-01-10

Added

New alpha components:

• Divider
• Table
• Typography

[0.0.1-alpha.6] - 2019-08-12

Fixed

• Typo in changelogs

[0.0.1-alpha.5] - 2019-08-12

Added

• @equinor/eds-tokens as a dependency for tokens

[0.0.1-alpha.4] - 2019-07-09

Changed

• Update README

[0.0.1-alpha.3] - 2019-07-08

Changed

• Update README

[0.0.1-alpha.2] - 2019-07-08

Changed

• Update README
• Add CHANGELOG

[0.0.1-alpha.1] - 2019-07-08

Changed

• Publish alpha-version of library
• Copy tokens temporarily to src/tokens