Skip to content

v10.0.0
Compare
Choose a tag to compare
@tujoworker tujoworker released this 01 Jun 05:28
· 1871 commits to release since this release
v10.0.0
3853429

10.0.0 (2023-06-01)

⚠ BREAKING CHANGES

👉 Follow this guide to migrate from v9 ✨

  • Anchor was moved form /elements to /components
  • Stylis plugin: import stylisPlugin from '@dnb/eufemia/style/stylis', has been removed.
  • The package dnb-theme-ui was renamed to ui-theme-basis.
  • The package dnb-ui-components was renamed and moved inside a theme /style/themes/theme-ui/ui-theme-components.*.
  • dnb-ui-tags was renamed and moved form /style/dnb-ui-tags.* to /style/themes/theme-ui/ui-theme-tags.*.
  • SCSS mixin was renamed from fakeFocus to focusRing as well as removeFakeFocus to removeFocusRing.
  • CSS Packages such as dnb-ui-basis and dnb-ui-core do not contain the fonts anymore. Fonts are now only a part of a theme file, such as: /style/themes/theme-ui/dnb-theme-ui.*.
  • The CSS package dnb-ui-fonts is moved inside a theme folder /themes/theme-ui
  • The DNB font is moved inside a subfolder in /assets/fonts/dnb/...
  • Modal: Remove deprecated mode prop – it will default to custom mode. Use rather the Dialog or the Drawer component.
  • Remove support for Web Components and Vue
  • re-define Media Query Breakpoints and layout width
  • Read the docs about migration: https://eufemia.dnb.no/uilib/about-the-lib/releases/eufemia/v10-info
  • remove web components and vue support (#1946) (ab7379e), closes #1946
  • re-define Media Query Breakpoints and layout width (#1373) (e0a11ce), closes #1373

💈 Style Changes

  • Button: smaller tertiary button focus effect for Sbanken (#2319) (aa3ab7d)
  • move :root vars into their component itself (#2102) (60a53fe)

🐛 Bug Fixes

  • Accordion: enhance TypeScript type definitions (035c0fb)
  • Anchor: comments Anchor's inner_ref usage (#1919) (b3623e9)
  • Anchor: ensure id is passed down (#2016) (e8efd09)
  • Autocomplete: add HorizontalItem TypeScript type definition (f97f6ea)
  • Badge: enhance semantic / accessibility and inherit skeleton from provider (#1967) (42e20a7)
  • Button: align large icon size to be same as in Figma (#2239) (33e41e7)
  • Button: fix icon alignment issue when left positioned (#2371) (9250f15)
  • Button: remove left and right padding of tertiary button (88bec0c)
  • DatePicker: fix text prop for submit and cancel buttons (#2254) (b5f1bfa)
  • DatePicker: make focus handling on input work on second click (#2039) (7a66806)
  • Datepicker: reset and cancel button gap (6056009)
  • DatePicker: shortcut buttons (#2266) (eb79f77)
  • Dialog: make action buttons responsive (#2373) (3e1f146)
  • Dl: ensure horizontal wrap no matter what available space (#1965) (8e5729a)
  • DrawerList: enhance TypeScript definition types (5f7fd54)
  • Dropdown: enhance TypeScript definition types (514f6fa)
  • enhance scrollbar appearance (#2046) (237331a)
  • fix breadcumb alignment after tertiary button changes (9f4a9a6)
  • fix pagination alignment after tertiary button changes (037a391)
  • GlobalStatus: enhance TypeScript definition types (dc58836)
  • Heading: enhance TypeScript definition types (c3c736b)
  • Icon: enhance alignment when used in paragraphs (#2368) (78cc1e4)
  • IconPrimary: correct ts file extension usage (#2289) (ad485bc)
  • InfoCard: enhance accessibility + set max width of 60ch (#1977) (e2075f3)
  • InputMasked: expose inner_ref input element when useRef is used (#2042) (b52bbe0)
  • InputMasked: fix integerLimit issue when combined with decimals (#2338) (04c30e9)
  • InputMasked: on custom mask – avoid interaction stall after focus (#2269) (aa0300f)
  • make docs/portal Windows compatible by properly handle backslashes and newlines (#2038) (1196819)
  • MediaQuery: enhance TypeScript types (d93bd54)
  • Modal: make children accept function with close method in parameters (#2015) (bacc1f1)
  • NumberFormat: fix tooltip theme inheritance (#2354) (ddffa58)
  • NumberFormat: hide screen reader only text from being copied as HTML (#2240) (26b6039)
  • omit showing Tooltip after Dialog or Drawer got closed (#2375) (1c41dfe)
  • Pagination: enhance Pagination and InfinityScroller TypeScript definitions (5a7de9d)
  • Pagination: fix hover style state after click to be emerald-green (#2032) (2c399e8)
  • remove maintained node versions from .browserslistrc (#1917) (3e9b0d8), closes #1912
  • remove FormRow context support from /elements (#2031) (6560a80)
  • ScrollView: avoid usage of useLayoutEffect during SSR (#2012) (6246afc)
  • Skeleton: add Skeleton.Exclude types (b9512ff)
  • StepIndicator: fix TypeScript spacing types (c304d47)
  • Timeline: use ordered list element (#1962) (bfc3004)
  • ToggleButton: fixes error when pressing enter (#2183) (da95ee4)
  • upgrade Stylelint from v13 to v15 (#1995) (b4ca07c)
  • VisuallyHidden: force properties to overcome unwanted CSS specificity (#2366) (ed088de)

✨ Features

📝 Documentation

  • Accordion: improve docs of group & allow_close_all (#2070) (2790302)
  • add change log about v10 (bdba81b)
  • add docs about how to maintain theming (#2097) (8bdfdb1)
  • add info about the tertiary button "visual" breaking change (24bf0e7)
  • add link to new Payment Card Figma file (#2117) (239c239)
  • add new styles flow diagram (21e3b3c)
  • Add Sbanken color table and -documentation (#2332) (e4324f8)
  • adds a dot to quick guide - designers (#2157) (3ba8a2e)
  • adds missing accents to values in docs (#2041) (cc7460f)
  • Anchor: fix console warning when using class (#2125) (85be7d5)
  • Autocomplete: minor spelling improvement in title (#2069) (6be0a77)
  • Autocomplete: minor spelling improvements (#2197) (3aa19a3)
  • Autocomplete: refactor jsx examples to tsx (#2198) (6775dfb)
  • Autocomplete: update docs about the debounce method (#2138) (e4e4865)
  • Avatar: fixes broken properties table (#2030) (b8c9ed4)
  • Best Practices: adds a dot (#2151) (97e44aa)
  • Best Practices: adds links to children pages (#2161) (27d09a1)
  • Breadcrumb: improve event docs (66aad32)
  • capitalize component names in descriptions (#2162) (80fb3b2)
  • ColorsTable: fixes color and hover effect (#2122) (c82f570)
  • Contact: adds Joakim as contact (#2023) (43f9f47)
  • Contribution Guide: update legacy type definition handling (#2048) (2c16fd6)
  • crate main doc for how to deal with brand (#2100) (ae2416a)
  • CSS Styles: fix console warning when using class (#2127) (e903d69)
  • Customization: adds link to provider/context (#2160) (009e056)
  • DatePicker: refactor jsx examples to tsx (#2204) (d2f1b42)
  • Demo Apps: fix console warning when using class (#2126) (74142e8)
  • DrawerList: prevents change of direction when scrolling (#2233) (cb4cbbd)
  • DrawerList: refactor jsx examples to tsx (#2209) (65dff60)
  • DrawerList: renamse fixedPosition to fixed_position (#2093) (8e9ae76)
  • Extension: convert md to mdx files (#2026) (ebc7988)
  • fix outdated boolean usage (#2013) (99b816c)
  • fix wrong Heading example about margin collapse (eb866a8)
  • Font Weights: fix console warning when using class (#2132) (0fd9aa1)
  • FormLabel: improve description of vertical prop (#2098) (32020bd)
  • FormRow: refactor jsx examples to tsx (#2219) (38fd221)
  • FormSet: refactor jsx examples to tsx (#2208) (db32e5f)
  • Fragments: minor docs improvement (#2232) (151a800)
  • Front Page: minor text improvements (#2139) (5d9ad4d)
  • getOffsetTop: fix wrong docs and console.log usage (#2018) (9ba16b5)
  • GlobalStatus: improve docs for id prop (#2067) (06e3ab1)
  • GlobalStatus: refactor jsx examples to tsx (#2202) (91e4c05)
  • Grid: removes WIP (350321c)
  • Heading: refactor jsx examples to tsx (#2205) (534294e)
  • Helpers: Adds info about dnb-unstyled-list in info page (#2171) (37251b5)
  • HTML Elements: move mdx of unstyled and unsupported to elements.mdx (#2154) (0982c3e)
  • Icon Details: fix console warning when using class (#2128) (79760c5)
  • Icons: link to v10 docs (#2182) (34c7184)
  • Input: adds on_key_down event (#2062) (ddbdff6)
  • InputMasked: refactor jsx examples to tsx (#2207) (1253896)
  • Logos: fix console warning in console (#2123) (d4b5c4c)
  • make click on anchor with hash work on first click (#2019) (85caef3)
  • minor doc improvements (#2283) (654ae82)
  • Modal: refactor jsx examples to tsx (#2218) (532a58f)
  • Move Modal to Dialog/Drawer conversion docs to v10 migration (#1921) (9c6eed7)
  • Naming conventions: fix console warning when using class (#2129) (46031d0)
  • NumberFormat: fix info docs (#2009) (af0e889)
  • PaymentCard: change imports of types to /payment-card (41dc3ce)
  • Portal: removes Modal's new status (#2312) (c9d98dd)
  • ProgressIndicator: removes props min_time and variant (#1997) (26cce3f)
  • ProgressIndicator: Update size properties (a02a8fe)
  • Radio: improve event docs (9383afb)
  • refactor contribution guide getting started (#2008) (0a7cfdd)
  • remove smoothscroll-polyfill as a recommendation (#2020) (bae2e89)
  • remove docs about CSS vars polyfills (#2145) (e423d2d)
  • remove docs about importing from @dnb/eufemia/elements (#2173) (6d0bfed)
  • remove outdated info (#1940) (0f77115)
  • remove properties import from docs (#2034) (a0aaffc)
  • removes cards and spaceholder indicator (#2061) (f8abfb6)
  • ScrollView: controll -> control (#2225) (17db885)
  • ScrollView: refactor jsx examples to tsx (#2210) (1f97545)
  • ScrollView: sets Description as header in docs (#2168) (2d05405)
  • Skeleton: refactor jsx examples to tsx (#2203) (dabdba6)
  • SkipContent: hide Events tab (#2282) (fcbe37b)
  • SkipContent: refactor jsx examples to tsx (#2211) (df34f0c)
  • Space: refactor jsx examples to tsx (#2199) (de7645c)
  • Space: refactor jsx properties to tsx (#2216) (ecb941e)
  • StepIndicator: format Steps Parameters table (#2284) (884a09e)
  • Table: add info about the needed CSS class in v10 (#1923) (407977e)
  • Table: enhance info about the component and possibilities (#2336) (f376d1d)
  • Table: improve event docs (e025745)
  • Table: refactor jsx examples to tsx (#2206) (f2d1c72)
  • Tag: improve event docs (4a01c08)
  • Timeline: fix broken link to example (#2241) (418979b)
  • ToggleButton: improve event docs (a351019)
  • ToggleButton: removes outdated label_position docs (#2141) (a067f31)
  • TypeScript: remove outdated docs (#2124) (497b3c3)
  • Typography: fix console warning when using class (#2133) (3088447)
  • Typography: hast -> has (#2221) (3ae59d5)
  • update docs about CSS formatting and styling (#1964) (9b85816)
  • update v10 change log (#1983) (8235f50)
  • update v10-info (#1998) (47fa420)
  • v10: add docs for HelpButton's modal_props (#2314) (4e825ee)
  • v10: add example for updating import of properties (#2313) (fdee6c3)
  • v10: adds examples for updating import of boolean props (47f31f1)
  • v10: adds examples for updating imports to assets and fonts (f6adcef)
  • v10: adds explicit examples for props that's changes type to boolean (#2292) (6b23682)
  • v10: adds info about removal of closeButtonAttributes (#2296) (8859256)
  • v10: adds info about removal of closeButtonAttributes (#2296) (b68b5bd)
  • v10: adds info about replacing white with default (#2295) (c938f4d)
  • v10: improve docs for EufemiaStyleImporter files (#2302) (9c0d692)
  • v10: improves docs of browser assets (c0c0a3c)
  • v10: minor spelling improvement (#2301) (8105026)
  • v10: prop change for FormStatus of status to state (#2293) (0cc65be)
  • v10: where -> was (44eeeb8)
Assets 3
Loading