Skip to main content

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

3.1.0 (2026-09-18)​

Features​

  • dhl-select: support for grouped items rendering (11af122)
  • dhl-upload: add CTA disabled props, fix stuck file status (7e55211)
  • dhl-button: add loading and active props (c87fb6a)
  • dhl-date: add DD MMM YYYY textual month date format (e06c9e4)
  • dhl-input-field: loading state inside the component (9c4d040)
  • dhl-loader: add ring-steps type for step indicator (4fff4e3)
  • dhl-loader: new sm size and new variants (0e1ae40)
  • icons: add payment method marks and wire them into forms (0208de8)
  • tokens: add Hebrew font family and fix language overrides (dc190c7)
  • tokens: add Hebrew font family and fix language overrides (ccdd534)

Bug Fixes​

  • dhl-input-field: keep label and value clear of payment mark (9bbc501)
  • dhl-modal: fixed issue with esc key in modal (b0874ef)
  • dhl-date: keep range picker focus in the navigated month (241e0bd)
  • dhl-icon: re-read src after load, never draw a src-less img (d9101a2)
  • stencil-library: name icon-only buttons, unnest upload drop zone (5d71f73)
  • tokens: remove redundant export (efa4c95)
  • dhl-action-bar: align height and spacing with design (275c4b4)
  • dhl-autocomplete-field: open the list on input, not keydown (ee48505)
  • dhl-autocomplete-field: open the list on input, not keydown (51c763c)
  • dhl-card: expose the menu button as a disclosure (e6f3cf0)
  • dhl-date: expose month and year context to screen readers (aa5ef16)
  • dhl-dropdown: anchor option list to viewport to escape clipping (4ca28a6)
  • dhl-input-field: do not announce validation present at mount (35abfaf)
  • dhl-list: fixed items being hidden in namespaced builds (86408fe)
  • dhl-modal: expose dialog name and move focus on open (2606d03)
  • dhl-panel: button covering full width (0526f3d)
  • dhl-panel: let header grow for multi-line heading slot (affa0f5)
  • dhl-selection-option: decouple hover from keyboard focus state (5691dea)
  • dhl-select: stop helper text clicks from opening the option list (38e994d)
  • dhl-toggle-control: fixed issue with truncation (90aa911)
  • stencil-library: generate components: interface, custom events & HTML element type aliases for usage without namespace prefixing (6da2b0b)

3.0.4 (2026-09-01)​

Bug Fixes​

  • dhl-accordion: fixed issue with soloExpandable prop (65d1da6)
  • dhl-input-field: show validation in a natively validating form (1a660d4)
  • dhl-table: expose the grid description and a single tab stop (53bd9e2)
  • dhl-table: toggle row selection on row checkbox click (e54b26a)

3.0.3 (2026-08-25)​

Features​

  • dhl-date: add format prop for predefined date formats (670844f)
  • dhl-table: emit dhlTableSortChange, add manualSort prop (28ea00e)
  • tokens: Delivery Arabic & Delivery Vietnamese fonts added, introduced dedicated font-family tokens: --dui-font-family-arabic & --dui-font-family-vietnamese (60b5460)

Bug Fixes​

  • dhl-accordion: fixed soloExpandable prop behavior (e5f217d)
  • dhl-alert: fixed displaying link on initial render (14789a5)
  • dhl-country-select: fixed issue with option selection (7924aad)
  • dhl-dropdown: expose combobox semantics to screen readers (111124e)
  • dhl-dropdown: fixed issues with label and placeholder (866483a)
  • dhl-panel: dataId exposed in DOM (8dfab04)
  • dhl-select: emit dhlChange when clear button is clicked (537036f)
  • dhl-tabs: fixed isFullWidth prop (7d82c23)

3.0.1 (2026-08-11)​

2.35.0 (2026-08-07)​

Features​

  • dhl-autocomplete-field: expose item-content slot on options (d916778)
  • dhl-date: added dataMaskPii prop for PII masking (c80dc0e)
  • dhl-select: added menuListPosition prop to set position for options menu list (6546fc6)
  • stencil-library: new component created: dhl-skeleton: (bcbc6d1)
  • dhl-table: per-cell/header slots, built-in pagination, i18n (85e8197)
  • dhl-tabs: added end and home key usage (3102ae3)

Bug Fixes​

  • dhl-accordion: fixed hover effect and focus styling (8cd9467)
  • dhl-action-bar: position of the clear button (ce791f2)
  • dhl-autocomplete-field: wrap custom slot options, no overlap (95bec64)
  • dhl-country-select: fixed NI flag (267115a)
  • dhl-date: emit dhlChange once and on invalid range (0745787)
  • dhl-grid-container: fixed issue with xl breakpoint size (df2d885)
  • dhl-panel: expose panelOnReady function (8d87462)
  • dhl-select: fixed tooltip being doubled (103cc0a)

2.34.2 (2026-07-30)​

Features​

  • dhl-button: apply soft hover transition to all variants (e99be7d)
  • dhl-modal: new fixedHeader and fixedFooter props (5731372)

Bug Fixes​

  • stencil-library: add missing events

2.34.1 (2026-07-27)​

Features​

  • dhl-input-addon: support default selected option via value (41efd34)

Bug Fixes​

  • dhl-dropdown: emit dhlChange when clear button is clicked (754c5f7)
  • dhl-input-field: fixed label offset when initial value was set (11ab9f8)
  • dhl-popover: fixed setAttribute error (88c45bb)
  • dhl-selection-control-group: fixed getAttribute error (4635cac)
  • stencil-library: prevent errors on getAttribute & setAttribute (46ecdee)
  • dhl-stepper: rtl layout fix (56b1c72)

2.34.0 (2026-07-09)​

⚠ BREAKING CHANGES​

  • dhl-autocomplete-field: icon & image option keys replaced by leftAssetSrc, leftAssetType &
  • dhl-table: Removed variant & borderColor props, DHL_TABLE.VARIANT & DHL_TABLE.BORDER_COLOR

Features​

  • dhl-accordion: new design for accordion (d537630)
  • dhl-alert: added support for html markup (c676499)
  • dhl-autocomplete-field: fixedOptions prop added, fixed options implementation; icon & image option keys replaced by leftAssetSrc, leftAssetType & rightAssetSrc, rightAssetType (a3d8b18)
  • stencil-library: new component created: dhl-breadcrumb navigation (518066f)
  • dhl-button: improved focus in disabled state (92ee71e)
  • stencil-library: new component created: dhl-box (9b6400b)
  • dhl-country-select: added highlightedCountries prop (78f1939)
  • dhl-country-select: preselect by ISO code or label (locale-aware) (094813e)
  • dhl-country-select: search by country code, prioritize exact match (fac7cfd)
  • dhl-dropdown: added helperText prop (1761c92)
  • stencil-library: new component created: dhl-menu-listbox (a1b7095)
  • dhl-select: added dhlClick event for field click analytics (a9b0b6e)
  • dhl-select: added tooltip prop (325fbb5)
  • dhl-sidenav: added dhlActiveIndexChange event (bde512f)
  • dhl-table: added stickyHeader prop, mobile-only transposed vertical (0ae2473)
  • dhl-validation-feedback: added announcementMode prop (2289b5e)
  • stencil-library: added dataMaskPii prop for PII masking (e2157a8)

Bug Fixes​

  • dhl-accordion: fixed soloExpandable prop (7bd40f7)
  • dhl-alert: added default false to button-only prop (4e4d6a1)
  • dhl-carousel: walk shadow boundaries for focus-leave detection (f535553)
  • dhl-country-select: clear image when value is set to default state (bf43788)
  • dhl-country-select: clear resets state, onChange returns code (e146661)
  • dhl-date: use composedPath for outside-click detection (8efd538)
  • dhl-dropdown: enabled showClearButton prop functionality (c70b3a2)
  • dhl-modal: use composedPath for focus-trap containment check (ad57432)
  • dhl-multi-select: fixed issue with empty space (345cc8d)
  • dhl-popover: use composedPath for outside-click detection (c6771a3)
  • dhl-select: show all options after selection with customFilter (6a86993)
  • dhl-select: use component-level event listeners (d79e24b)
  • dhl-tabs: remove tablist index from ul (ae7a306)
  • dhl-text-area-field: fixed expanding icon issue (70ee944)
  • dhl-text-area-field: fixed issue with maxLength prop (7e514a3)
  • icons: Syrian flag updated (b8f5f1e)

2.33.1 (2026-05-22)​

⚠ BREAKING CHANGES​

  • react-library and react-library-single-bundle:
  • dhl-flex: DHL_FLEX_DIRECTION constant key COLUMN_REVERSE has been renamed; DHL_FLEX_JUSTIFY constant key UNSAFE_CENTER has been renamed; DHL_FLEX_ALIGN constant key UNSAFE_CENTER has been renamed.

2.32.1 (2026-05-20)​

Bug Fixes​

  • dhl-autocomplete-field: use component-level event listeners (dda4f78)
  • dhl-selection-control: hide empty panel-slot-bottom spacing (147f55e)
  • dhl-select: option auto-selection fixes (40de262)
  • dhl-switch: fixed validation misalignment (7ec70b1)
  • dhl-text-area-field: fix scroll-to-caret and text cutoff (0c74aca)

2.32.0 (2026-05-14)​

⚠ BREAKING CHANGES​

  • dhl-chip: Removed showCancelIcon and showCloseButton prop added, different name same

Features​

  • dhl-date-picker: new prop alwaysOpen added (7c73f32)
  • dhl-alert: new prop styleVariant for inline variant (573c8bb)
  • dhl-alert: support for rendering bold text inside alert body (493e7f8)
  • stencil-library: new component created: dhl-carousel (85adde5)
  • dhl-chip: removed showCancelIcon prop, removed RED & GRAY variants; added showCancelButton prop and SELECTED_NEUTRAL variant added (64e4625)
  • stencil-library: new component created: dhl-action-card (a3382d9)
  • stencil-library: new component created: dhl-content-card (b3c61d1)
  • dhl-modal: new variant bottom-sheet added (9b5199b)
  • stencil-library: new component created: dhl-pagination (8fddb09)
  • dhl-selectable-card: design update (8a5b057)
  • dhl-stepper: desktopStyle prop added for mobile res (c0453a8)
  • stencil-library: new component created: dhl-upload (d273e5f)
  • icons: home icon was replaced with a newer version (51dec3e)
  • icons: new mail-open icon added (0b8a514)

Bug Fixes​

  • dhl-autocomplete-field: fixed issue with change event selection (6c697b8)
  • dhl-dropdown: align disabled state styling with design specs (61637e4)
  • dhl-dropdown: fixed internal validation issue (0f4913b)
  • dhl-select: a11y fixes for better VoiceOver coverage (ee7408f)
  • dhl-select: autocompletion opens when restarting to type (9c02bf8)
  • dhl-select: screen-reader issue on Chrome browser (0ac0499)
  • dhl-switch: fixed vertical misalignment in flex container (b44e30d)
  • dhl-text-area-field: fixed overlapping content issue (0376a60)

2.31.5 (2026-05-13)​

Bug Fixes​

  • dhl-select: openOnFocus reopening list after selection fix (77ab452)

2.31.4 (2026-05-12)​

Bug Fixes​

  • dhl-select: fixed openOnFocus reopening the options menu list (1b0d2e0)

2.31.3 (2026-05-11)​

Bug Fixes​

  • dhl-select: a11y fixes for better VoiceOver coverage (ee7408f)
  • dhl-dropdown: fixed internal validation issue (0f4913b)
  • dhl-select: autocompletion opens when restarting to type (9c02bf8)

2.31.2 (2026-04-17)​

Bug Fixes​

  • dhl-autocomplete-field: fixed name attribute not arriving on input (98c085e)
  • dhl-dropdown: fixed inconsistent hover behavior (0d95614)
  • dhl-modal: page freeze fix (33c8ac5)
  • dhl-select: fix issue with click event fired with change event (0f5cebd)
  • dhl-switch: fixed dhl-switch not triggering event on interaction (a6358bf)

2.31.1 (2026-04-01)​

Bug Fixes​

  • dhl-action-bar: fixed border-bottom missing in sm size (084e741)
  • dhl-card: component not filling full height of the container fixed (7533c21)
  • dhl-country-select: removed wrong aria-placeholder a11y attribute (1e3b78c)
  • dhl-dropdown: validation issue (4267a39)
  • dhl-radio-button: fixed component rendering issues in angular (0d91e84)

2.31.0 (2026-03-25)​

Features​

  • dhl-card: remove outline on hover (cd47d05)
  • dhl-country-select: locale prop added, provides ability set locale for country names (7108416)
  • dhl-country-select: new prop filteredList added, allows displaying specific countries only by providing array of country codes (8bbfe5e)
  • dhl-date: add new single-month variant (b8d3148)
  • dhl-popover: improved tooltip mobile behavior + close button (1273e16)
  • dhl-select: added internal validation regarding options (b16e09f)
  • stencil-library: new component created: dhl-sidenav (3236eb2)

Bug Fixes​

  • dhl-action-bar: fixed "enter" submission + value persistence (9796f76)
  • dhl-action-bar: fixed border-radius issue (226c5d3)
  • dhl-button: fixed content placement issue (817bdc8)
  • dhl-card: slot elements offsets and rendering fixes (bb72590)
  • dhl-input-field: fixed required validation issue (66b4dd9)
  • dhl-link: fixed misalignment of icon (835d476)
  • dhl-modal: UI fixes for mobile screens when isFullScreenOnMobile set to true (b0e4373)
  • dhl-stepper: fixed issue with mobile view of correct active step (9b18cec)
  • stencil-library: listing box items height updated according to designs (acfc6c2)

2.30.1 (2026-03-05)​

Note: Version bump only for package @dhl-official/user-interface-library

2.30.0 (2026-03-04)​

Features​

  • dhl-input-field: remove arrows for type=number (83b6165)
  • stencil-library: removed variant.type from components (fc46ccf)

Bug Fixes​

  • dhl-autocomplete-field: disabled browser's autocomplete (4f5ccff)
  • dhl-button: data-aria-disabled attribute propagation (c77c833)
  • dhl-button: outline variants have transparent backgrounds (dcb2d85)
  • dhl-card: brand refresh UI highlightState prop, hover & focus state fixes; storybook snapshots updated (4bf6d13)
  • dhl-date-picker: sm & md sizes height alignment (199e835)
  • dhl-dropdown: multiselect variant readonly state fixes (3f3176c)
  • dhl-input-field: fixed validation validity issue (ce7cedf)
  • dhl-select: fixed auto-selection issue (337dfd7)
  • dhl-selection-control: fixed radio button squeeze in lower resolution (e9927ee)
  • dhl-toggle-control: fixed dhlOnChange behaviour (9aa1b2e)
  • react-library: type definitions (37175b8)

2.29.2 (2026-02-09)​

Bug Fixes​

  • dhl-input-field: validation works for decimalSeparator (9afd703)
  • dhl-select: selected option image rendering fix (c0dbd78)
  • dhl-toggle-control: fixed RTL variant (81a0b6a)
  • icons: update gb and gb_eng flags (aa42b4a)

2.29.1 (2026-02-06)​

Features​

  • dhl-date: added size prop and sm variant for date picker (93e022c)
  • dhl-dropdown: label refactor, dropdown set to readonly (f8d5850)
  • dhl-input-group: new props: addon, hasInnerValidationIcon, layout, rightIconClickEvent (f43bb6b)

Bug Fixes​

  • dhl-input-field: input value not syncing with external state (1b52860)
  • dhl-multi-select: addressed multiple issues with the component (4f0cae7)
  • dhl-multi-select: fixed issue where component froze (c34bbfe)

2.29.0 (2026-01-28)​

Features​

  • stencil-library: new component created: dhl-avatar (c8c91e3)
  • dhl-icon-wrapper: updated color tokens for variant prop values, sustainability variant added (cf04908)
  • dhl-input-field: added new prop maxDigit and improved validation (100bcb3)
  • dhl-input-field: decimalSeparator can be configured (1284f7f)
  • dhl-input-field: introduce new optional props: rightIconColorVariant and tooltip to display tooltip on right icon hover (69a7d01)
  • stencil-library: new component created: dhl-timepicker (70108b1)

Bug Fixes​

  • stencil-library: a11y fixes for multiple components (897c08a)
  • dhl-action-bar: formAssociatedCallback error fixed (ceb040e)
  • dhl-alert: brand refresh activation logic (5b53204)
  • dhl-autocomplete-field: value attribute not passed correctly (89ee280)
  • dhl-checkbox: fixed space key press behavior for checkbox-panel variant when hasOtherActions set to true (865f09c)
  • dhl-country-select: click events for callback handler (cced49e)
  • dhl-dropdown: clear value from external source (d6ef7f6)
  • dhl-grid-container: max-width token issue (166a82b)
  • dhl-input-field: autocomplete attribute set to off in dhl-select & set to on in input (29552bd)
  • dhl-input-field: do not render aria-laceholder attribute when dataRole prop is textbox or searchbox (9f637f9)
  • dhl-multi-select: avoid validation check when required prop is not passed (349807c)
  • dhl-select: options menu list missing on safari/firefox (6c655c5)
  • dhl-text-area-field: label and placeholder UI fixes (3ea2504)

2.28.1 (2026-01-05)​

Features​

2.28.0 (2025-12-17)​

Features​

  • dhl-button: new variants ghost, tonal (723c86f)
  • dhl-country-select: added readonly prop (cb32147)
  • dhl-select: added readonly prop (1d03bd5)
  • stencil-library: added size prop with sm variant for: dhl-action-bar, dhl-autocomplete, dhl-dropdown, dhl-select, dhl-country-select (02012ab)

Bug Fixes​

  • dhl-tabs: resolve undefined dataset error (1043c85)

2.27.3 (2025-12-04)​

Features​

  • dhl-selection-control: support for rendering label string parts in bold, wrapped with <b> tags; rendering links from label string passed using <a> and <dhl-link> tags (630c20a)

Bug Fixes​

  • dhl-dropdown: update value to optional (7b29415)
  • dhl-input-field: fixed decimalPoint validation error (5d6d4ed)
  • dhl-input-field: x button not showing on readonly state (bf93b46)
  • dhl-list: added tabindex prop for list and listItem (2dd16ad)

2.27.2 (2025-11-19)​

Features​

  • dhl-chip: added success state for dhl-chip (3995a44)
  • dhl-dropdown: added not found styling (0fd8eed)
  • dhl-multiselect: allow passing array of options labels for options preselection; fixed options creation when allowCustomOptionsCreation set to true and no options provided (af085b4)
  • dhl-toggle-control: added inverted style (8923173)

Bug Fixes​

  • dhl-select: fixed issue with rendering validation messages (d08de6b)
  • dhl-select: no more options list if options array is empty (448f17f)
  • dhl-stepper: fixed issue with index step not being read properly (345df89)
  • stencil-library: components missing dataId prop fixed (31a1fab)

2.27.1 (2025-11-06)​

Note: Version bump only for package @dhl-official/user-interface-library

2.27.0 (2025-11-04)​

Note: Version bump only for package @dhl-official/user-interface-library

2.26.0 (2025-10-20)​

Bug Fixes​

  • dhl-input-field: fixed decimalPoint issue (dbdac45)
  • icons: flags icons separated from icons object for import optimization (2bd8ce2)
  • stencil-library: stencil.js <slot/> content re-rendering fix (943a765)

Features​

  • dhl-alert: multiple new props for animation and customization (af23a30)
  • dhl-input-field: prefix/suffix addon options image prop enabled (5cf3223)

2.25.1 (2025-10-07)​

Bug Fixes​

  • dhl-multi-select: UI fixes, new props changeEvent and optionClickEvent added, options selection with keyboard fixes (8e8595a)
  • stencil-library: components missing dataTestid prop fixed (1e2165c)

Features​

  • dhl-input-field: new warning & readoonly states added (17de919)

2.25.0 (2025-09-30)​

Bug Fixes​

  • dhl-dropdown: fixed issue with positioning in dhl-dropdown (a9b4b7d)
  • dhl-selection-control: missing changeEvent prop added (42ff2e7)

Features​

  • dhl-input-field: new prop decimalPoint sets number of decimals (5b6a412)
  • stencil-library: new component created: dhl-toggle-control (27d7640)
  • stencil-library: new component created: dhl-multi-select (5e50ec4)

2.24.0 (2025-09-17)​

Bug Fixes​

  • dhl-counter: input ignores min max when typing values (c9bceb9)
  • dhl-dropdown: option selection on click fixed (8bc03cf)
  • dhl-input-field: type="number" prevent typing non-numeric characters (59e6bd0)
  • dhl-input-field: input accepts number type values to be set (dc3670e)
  • dhl-input-field: missing dataTestid prop fixed (e2f1ad8)
  • dhl-panel: click behavior and UI fixes (398e7f1)
  • stencil-library: dhl-radio-button, dhl-radio-button-group, dhl-checkbox, dhl-checkbox-group components constants reverted to previous path (9a89d4c)

Features​

  • dhl-dropdown: images enabled for list options on both sides (b4c14de)
  • dhl-panel: introduce new optional clickEvent prop (d666129)
  • stencil-library: new component created: dhl-stepper (6ee3c3b)

2.23.1 (2025-09-04)​

Bug Fixes​

  • dhl-select: option selection on click fixed (231afd7)

2.23.0 (2025-08-29)​

Bug Fixes​

  • dhl-select: show and highlight selected option fixes (253885b)

Features​

  • dhl-button: introduce new optional label prop (b08ed86)
  • dhl-counter: new variant compact added (9dc005f)
  • dhl-loader: optional dataAriaLabel prop added (666d148)
  • stencil-library: components focused state color token updated (b62be17)

2.22.0 (2025-08-08)​

Bug Fixes​

  • dhl-autocomplete-field: grouped items rendering issue fixed (8503707)
  • dhl-dropdown: selection option left icon added, multiselect UI fixes (3fb0715)
  • dhl-input-field: clear button keyboard interaction added, a11y fixes (6386a4d)

Features​

  • dhl-action-bar: component renamed to dhl-action-bar, new button props added (bd679bc)
  • dhl-button: added new variant outlineBlack (49f3394)
  • dhl-input-field: clear button divider added (7bfc99f)
  • dhl-select: showAllOptionsAfterSelection prop added (c92b229)
  • stencil-library: new component created: dhl-country-select (636a180)

BREAKING CHANGES​

  • dhl-action-bar: component renamed from dhl-tracking-bar to dhl-action-bar, hasIcon prop removed

2.21.1 (2025-07-22)​

Bug Fixes​

  • dhl-autocomplete-field: hide options dropdown on outside click fixed (8989c73)

2.21.0 (2025-07-16)​

Bug Fixes​

  • dhl-dropdown: multiselect removing option caused form submission fix (cf5a564)
  • dhl-dropdown: show selected option label instead of value fixed (0ef0dbc)
  • dhl-selection-option: <li> styles defined in global scope fixed (48bad00)
  • stencil-library: required indicator fix for screen reader announcement (10d9e0c)

Features​

  • dhl-alert: variant & type props updated (f1d9935)
  • dhl-checkbox: introduce checkbox-with-panel variant (68cbe2d)
  • dhl-checkbox: introduce new props for label and description (7febd23)
  • dhl-input-field: addon prop added, implemented prefix/suffix addon (b4d0df6)
  • dhl-radio-button: introduce radio-button-panel variant (2b95085)
  • dhl-text-area-field: add character counter (55929ea)
  • stencil-library: new component created: dhl-status-badge (5479280)

BREAKING CHANGES​

  • dhl-alert: variant and type props values and types updated
  • dhl-checkbox: removed label <slot/>, added props for label and description
  • dhl-radio-button: removed label <slot/>, added props for label and description

2.20.2 (2025-06-03)​

Note: Version bump only for package @dhl-official/user-interface-library

2.20.1 (2025-05-28)​

Bug Fixes​

  • dhl-dropdown: disabled state UI fixes (76dce57)

Features​

  • dhl-autocomplete-field: enable description, divider, icon on right (f38c73a)
  • dhl-autocomplete-field: enable prop for grouping items (81a629f)
  • dhl-dropdown: <input> replaced with dhl-input-field (42a2279)
  • dhl-modal: added isFullScreen prop (bc59a00)
  • dhl-select: new props added, UI fixes (bef01e3)

2.20.0 (2025-05-16)​

Bug Fixes​

  • dhl-autocomplete-field: showSearchIcon, showClearButton props renamed (4eda432)
  • dhl-input-field: padding fixes for searchIcon & label variants (7985403)
  • dhl-navbar: Logo color in dark mode fixed (983f060)
  • dhl-validation-feedback: validation icon UI fixes (56684e8)

Features​

  • dhl-input-field: component props updates & improvements (df76759)
  • dhl-navbar: showSearchBarClearButton prop added (b9a76dc)
  • dhl-select: showClearButton prop added (edc9723)
  • dhl-tracking-bar: showClearButton prop added (faa0037)

2.19.0 (2025-04-07)​

Bug Fixes​

  • dhl-alert: <slot/> removed (dd9c82d)
  • dhl-alert: titleText & bodyText props added, UI fixes, tokens updated (ddc3509)
  • dhl-button: textVariant prop horizontal padding removed (8ea2697)
  • dhl-card: overflow: hidden style removed (4b5c53c)
  • dhl-date: updated hover, focused, selected styles for day item (2b86394)
  • dhl-input-field: input padding & label sizes fix (005cf9e)
  • dhl-navbar: added optional clickEvent prop to navigation items (5075024)
  • dhl-selectable-card: revert changes after resolving PR comments (de09a43)
  • dhl-selectable-card: unit tests fix (f547470)

Features​

  • dhl-card: dhl-card & dhl-selectable-card highlightState prop added (1b49ecf)
  • dhl-chip: component props & UI updates (11e39dd)
  • dhl-selectable-card: new selection variants added (6e0ba08)

2.18.1 (2025-03-20)​

Note: Version bump only for package @dhl-official/user-interface-library

2.18.0 (2025-03-12)​

Bug Fixes​

  • dhl-button: disabled state color token fix for button label (0e09202)
  • dhl-date: dhl-date-picker rendering without styles fix (f4add4e)
  • dhl-dropdown: dropdown item onClick fix (ef1e0f2)
  • dhl-icon: handled the case when src prop is an object (bc45aa2)
  • dhl-navbar: dhl-navbar searchbar displaying fixes (c664f9e)
  • dhl-navbar: mobile view fixes (1cb7526)
  • dhl-navbar: search bar added, logo & mobile view UI fixes (d674b66)
  • dhl-progress-indicator: dhl-progress-indicator storybook icons fix (4d47331)
  • dhl-switch: hover & focused state UI fixes, props change (fba9b0e)
  • stencil-library: build warning & ts errors fixed (6d06cf2)

Features​

  • dhl-dropdown: dropdown item new props added (bb85825)
  • dhl-footer: replace meta headline with official DHL logo (6947bef)
  • dhl-tabs: ability to add left & right tab icons, focused state fixes (ce3d488)
  • dhl-tabs: orientation, vertical variant added (5d77f6f)
  • dhl-tabs: tab item hover & disabled states styles added (8d7d2e2)

2.17.0 (2025-02-13)​

Bug Fixes​

  • dhl-card: dhl-card sm size styles fix (0f25f00)
  • dhl-date: date-picker & date-range-picker toggle open state fixes (aaa92e0)
  • dhl-dropdown: dhl-dropdown hover & focused state UI fixes (de82055)
  • dhl-input-field: dhl-input-field handle input clear, storybook fixes (8d00e9c)
  • dhl-stage: dhl-stage-tracking background overlay added (c7d3a79)
  • dhl-table: remove title style, update tests and storybook (b2fd59e)
  • stencil-library: dhl-date-picker & dhl-daterange-picker disabled state onClick fixes (0a5d9bf)
  • stencil-library: dhl-datepicker & dhl-daterange-picker UI fixes (742f18b)

Features​

  • dhl-card: dhl-card fixes & new properties added (3965791)
  • dhl-dropdown: allow setting filter icon animation and duration (334c6b8)
  • dhl-dropdown: extend with optional filter icon (8433b03)
  • dhl-dropdown: story update (61c2f3b)
  • dhl-loader: dhl-loader type percentage all sizes fixes (05b875a)
  • dhl-slider: dhl-slider span variant added (3b9e923)
  • dhl-slider: dhl-slider vertical & span variants fixes & improvements (dfb8810)
  • dhl-slider: dhl-slider vertical variant added (25809c9)
  • stencil-library: new component created: dhl-stage-tracking (f86b558)
  • stencil-library: dhl-loader component new type percentage added (2416977)
  • stencil-library: dhl-loader percentage type fixes, snapshots updated (2328ba7)

2.16.1 (2025-01-20)​

Note: Version bump only for package @dhl-official/user-interface-library

2.16.0 (2025-01-16)​

Bug Fixes​

  • dhl-date: avoid calling setValidity during datepicker DOM updates (2939ea4)
  • stencil-library: Added autocomplete input clear button (2748df5)
  • stencil-library: Added icons to dhl-text-area-field (377ba03)
  • stencil-library: button xs size border-radius fix (e7449f9)
  • stencil-library: clear button focused state styles fixes (919ebac)
  • stencil-library: clear icon focused state styles fix (0ed3dc1)
  • stencil-library: dhl-counter fixes (cbce595)
  • stencil-library: dhl-input-field fixes (28e5271)
  • stencil-library: dhl-popover UI fixes (0cf00f3)
  • stencil-library: dhl-radio-button UI fixes (3a40c3e)
  • stencil-library: dhl-text-area-field fixes (445724d)
  • stencil-library: dhl-tracking-bar UI fixes (045c47b)
  • stencil-library: fix for disabled state (07281c9)
  • stencil-library: input field padding fix (5a8669c)
  • stencil-library: numberOfOptions value fixed (d530117)
  • stencil-library: selectable-card style fix (a36d730)

Features​

  • dhl-headline: rename prop variant to weight (11cc2f7)
  • dhl-icon-wrapper: allow infinite duration added to tokens (72d526e)
  • dhl-progress-indicator: new optional prop to add icon (87e3dfd)
  • dhl-table: add checkbox column in dhl-table (40a7d3a)
  • icons: add loader icon (54fafb4)
  • stencil-library: Added minimal footer variant (2a05341)
  • storybook: Added minimalVariant prop to dhl-footer story args (0fc2647)
  • tokens: extends duration with infinite value (4928642)

2.15.1 (2024-10-11)​

Features​

  • dhl-autocomplete-field: introduce openonfocus prop (f663a7a)
  • dhl-date: introduce openonfocus prop (5b3b288)

2.15.0 (2024-10-09)​

Bug Fixes​

  • dhl-dropdown: fix styling, label doesnt move after clicking dropdown (a43858b)
  • dhl-input-field: propagate name to native html input element (0940555)

Features​

  • dhl-tabs: design change, new variants props - top, bottom (ba8c65b)
  • dhl-theme-switch: new component for switching themes introduced (77408cd)
  • stencil-library: introduce dark theme for all components (af67fab)

BREAKING CHANGES​

  • dhl-tabs: Variant filled and underline replaced with top and bottom, bottom is default option now

2.14.0 (2024-09-27)​

Bug Fixes​

  • dhl-accordion: added initial state for dhl-accordion children (67f415a)
  • dhl-button-group: correct border on vertical orientation (5c0b1fd)
  • dhl-tabs: fix responsiveness of dhl-tabs (4ae7bab)

Features​

  • dhl-link: new prop - external - adds icon if set to true (190d86d)
  • dhl-tabs: introduce icon, icon orientation and icon size props (595c11b)

2.13.0 (2024-09-09)​

Bug Fixes​

  • dhl-accordion: fixed solo-expandable bug, doesn't open first panel (b72fb0a)
  • dhl-checkbox: fix cannot read properties of null bug (93684ac)

2.12.1 (2024-08-15)​

Note: Version bump only for package @dhl-official/user-interface-library

2.12.0 (2024-07-29)​

Note: Version bump only for package @dhl-official/user-interface-library

Bug Fixes​

  • dhl-alert: add default value to closebuttonarialabel (469f906)
  • dhl-card: fix default and hover state of dhl-card box shadow (14be83a)
  • dhl-grid-cell: start-column prop is now working as expected (c31348e)

Features​

  • dhl-link: dhl-link is underlined by default, new underline prop (319f9df)

2.11.1 (2024-06-13)​

Note: Version bump only for package @dhl-official/user-interface-library

2.11.0 (2024-05-28)​

Bug Fixes​

  • dhl-input-group: correct layout of rightIcon, extend unit tests (199154f)
  • dhl-modal: update componentDidLoad & add onClick (41e043c)
  • dhl-navbar: remove more optional markup (7784f9b)
  • dhl-navbar: remove unnecessary markup (d4fbbe0)

Features​

  • dhl-alert: add new component (3f2c2ec)
  • dhl-input-field: add disableValidation prop (368adf0)
  • dhl-select: add additional props (6804b0b)

2.10.0 (2024-05-15)​

Bug Fixes​

  • dhl-tracking-bar: amend validation colour issue (c238db9)
  • dhl-tracking-bar: fix incorrect validation colour (008fbc2)
  • dhl-tracking-bar: move validation outside input field (bc48bdc)
  • dhl-tracking-bar: resolve overlapping validation messages (be1f15e)
  • dhl-grid-cell: set default css variables --grid-column-start/end (6e072d1)
  • storybook: dhl-checkbox fix (fd44c7c)
  • storybook: updated checked value for radio button and checkbox (a1f69ff)
  • tokens: amend css selector for data theme (460e9f0)

Features​

  • add react and vue single-bundle packages (9e7b2a1)
  • stencil-library: add dhl-select component files (ea6c486)
  • storybook: add dhl-select stories (e7f592f)

2.9.0 (2024-04-25)​

Bug Fixes​

  • dhl-button: fixing icon size with button size issue (651640c)
  • tokens: use os agnostic file paths (1422a66)

Features​

  • docs: adding intro to grouped navigations (93fb727)
  • tokens: use figma design tokens (and legacy design tokens) (e6e1e93)

2.8.0 (2024-04-11)​

Bug Fixes​

  • dhl-grid-container: amend 3xl isFullWidth min-width (3a4bbda)
  • dhl-navbar: fixing dhl-icon alignment (a383f03)

Features​

  • dhl-icon: adding accessibility features (0d84566)
  • dhl-progress-indicator: adding isDisabled prop (d24196e)
  • implement custom form components as form-associated elements (a1793c0)
  • storybook: add snapshot for dhl-panel (c292561)

2.7.2 (2024-03-22)​

Bug Fixes​

  • dhl-image: amend dataClassName attribute (8791ffa)
  • dhl-image: fix interaction between aspectRatio and WxH (1119e71)

Features​

  • dhl-image: add aspectRatio prop (wip) (e5b62a3)
  • dhl-image: add has-aspect-ratio class (wip) (bf071e4)

2.7.1 (2024-03-19)​

Note: Version bump only for package @dhl-official/user-interface-library

Bug Fixes​

  • dhl-telemetry: only load ApplicationInsights javascript when needed (e88e79f)

2.7.0 (2024-03-11)​

Features​

  • docs: add component's utility constants documentation (fb97f0a)
  • stencil-library: add constants file to components (194af5d)
  • stencil-library: update components to use constants and types (d586ad9)

2.6.2 (2024-02-29)​

Bug Fixes​

  • dhl-popover: avoid dhl-popover to toggle at every keydown event (c0b2a11)

2.6.1 (2024-02-28)​

Bug Fixes​

  • dhl-stage: fixing styling issue on large screens with dhl-grid (100e76b)
  • dhl-text-area-field: matching border color to other components (ee99637)
  • dhl-accordion: enable expanded panels and page load (3c0bef2)
  • dhl-date: spacebar fix (32407d1)
  • dhl-headline: adding missing textAlign prop (8c04cec)
  • dhl-input-field: re-add dataTracking prop (e132071)

2.6.0 (2024-02-14)​

Note: Version bump only for package @dhl-official/user-interface-library

Features​

  • implement optional data collection about component's usage (a627e57)
  • stencil-library: add changes for rtl layout (a5331fe)
  • storybook: add rtl add-on (2a5573a)
  • icons: update icon set (3b29a66)

Bug Fixes​

  • dhl-accordion: component to react to props value updates (63d1dd4)
  • dhl-button: amend the code to set and render the disable state (5c99f31)
  • dhl-input-field: display validation icon inside with no message (f3aefb2)
  • dhl-tabs: ensure HTML <li> elements are not removed from content area (2439a8c)

2.5.3 (2024-01-24)​

Bug Fixes​

  • dhl-button: avoid pointer-events when the component is disabled (e5b03b6)
  • dhl-date: remove reference of localeLabels.placeholder (9ed4630)

2.5.2 (2024-01-12)​

Bug Fixes​

  • dhl-list: ensure variant type is propagated to the dhl-list-item (4b6a063)
  • stencil-library: prevent data-testid duplication in DOM (2237382)

2.5.1 (2024-01-10)​

Note: Version bump only for package @dhl-official/duil

Bug Fixes​

  • dhl-icon: only decode svg images that are base64 encoded (3601283)
  • dhl-modal: avoid emitting multiple events on open and close (0257a97)
  • docs: prevent search filed size to change (517ee3f)
  • dhl-dropdown: align component's label to the left (731932a)
  • dhl-input-field: amend CSS selector for shadow root elements (088ebf8)
  • dhl-input-field: amend icons position and validation position (f2d728e)
  • docs: amend documentation for dhl-link href prop usage (82acc5c)

Features​

  • dhl-dropdown: use rightIcon prop to display an icon next to CTA (029ddce)

2.5.0 (2023-12-12)​

Note: Version bump only for package @dhl-official/duil

Bug Fixes​

  • dhl-autocomplete-field: fixed form functionality and updated tests (82cfb70)
  • dhl-autocomplete-field: fixed options format and hiddenInput (0d9e9e4)
  • dhl-autocomplete-field: initial cosmetic label-value fix (21b471a)
  • dhl-autocomplete-field: updated convertOptions function (02b6998)

2.4.0 (2023-11-28)​

Bug Fixes​

  • dhl-date-picker: decouple display value and value value (7a865f0)
  • dhl-grid-container: fixing usage of is-full-width property (2ab5f4e)
  • dhl-text-area-field: add label background color to prevent overlap (b51acee)
  • remove incorrect lint and format commands (bf8bd45)

Features​

  • dhl-autocomplete-field: removed stencil-hooks dependency (aa48c74)
  • replace bitbucket password with bitbucket personal access token (028ff2d)
  • stencil-library: add deprecation note and deprecate isBlock (1bb18e6)
  • Codebase Transition to Monorepo Structure (d318d8d)