Skip to content

v22.0.0

Choose a tag to compare

@Phil147 Phil147 released this 08 Jul 08:34
· 75 commits to main since this release
Immutable release. Only release title and notes can be modified.

This version removes some inconsistencies around the colorScheme, prominence and accentColor inputs.
These changes will be automatically migrated for you when you use ng update.

Automatic migrations

Make sure to run ng update @allianz/ng-aquila for automatic migrations of the breaking changes.

⚠ BREAKING CHANGES 💥

  • text: - NX_ATTENTION_COLOR_VALUES has been renamed to NX_ACCENT_COLOR_VALUES
  • NxAttentionColorOption has been renamed to NxAccentColorOption
  • NxAttentionColorComponent has been renamed to NxAccentColorComponent
  • the selector [nx-attention-color] has been renamed to [nx-accent-color]
  • config: - NxAllianzOneModule has been removed. To activate A1 mode, use provideA1Theme() (or NxA1ThemeModule) from @allianz/ngx-brand-kit instead of
    importing NxAllianzOneModule.
    • The @allianz/ng-aquila/config/allianz-one entry point no longer exports ALLIANZ_ONE or AllianzOneOptions. Import them from
      @allianz/ng-aquila/config/allianz-one/token instead. Running ng update @allianz/ng-aquila migrates these imports automatically.
  • avatar:
    • the attention input has been removed, use prominence="attention" instead
    • the type NxAvatarAccent has been renamed to NxAvatarAccentColor
  • badge:
    • colorScheme has been renamed to accentColor
    • NxBadgeColorScheme has been renamed to NxBadgeAccentColor
    • the CSS class names have been changed from nx-badge-scheme-* to nx-badge-accent-color-*
  • selection: - radio-indicator, checkbox indicator: renamed appearance to colorScheme and changed option full to default
  • radio-indicator, checkbox indicator: renamed type NxIndicatorAppearance to NxSelectionIndicatorColorScheme and changed values to default | on-selection
  • radio-indicator, checkbox indicator: removed defaultAppearance input, use colorScheme="default" now
  • radio: radio-button-dot-size rename to
    radio-button-inner-dot-size
  • table: The CSS classes nx-sort-header__icons-container, nx-sort-header__unsorted, nx-sort-header__ascend, and nx-sort-header__descend have been removed. If you need to query the sort header element, use the class nx-sort-header instead.
  • status-icon: the signal-button-warning-icon-background-color token has been renamed to status-icon-warning-background-color. ownership
    of the status-icon warning background moved from signal-button to status-icon. update any custom theme overrides that reference
    the old token name.
  • context-menu: get selectable() no longer returns a plain boolean. It
    now returns NxContextMenuItemSelectable ('single' | 'multi' | boolean), so
    code that typed or treated the result as a strict boolean must be updated to
    handle the 'single' and 'multi' string modes.
  • The selectable input now accepts the new NxContextMenuItemSelectableInput
    type ('single' | 'multi' | '' | boolean | null). All previously valid values
    (bare attribute, '', true/false, null) still work; 'single' and
    'multi' are added.
  • datefield: The nx-date-range inputs, NxDateRangeValidators methods, and their validation
    error keys have been renamed. The single nx-datefield's min/max inputs and
    its nxDatefieldMin/nxDatefieldMax error keys are unaffected.

    Component inputs (nx-date-range):

    • [minDate] -> [minStartDate]
    • [maxDate] -> [maxEndDate]

    NxDateRangeValidators:

    • NxDateRangeValidators.min -> NxDateRangeValidators.minStart
    • NxDateRangeValidators.max -> NxDateRangeValidators.maxEnd

    Validation error keys:

    • nxDatefieldMin -> nxDateRangeMinStart
    • nxDatefieldMax -> nxDateRangeMaxEnd

    The error object payloads changed accordingly: the min property is now
    minStart, and max is now maxEnd.

Other 🧹

  • table: remove unused classes (37615be)

Features ✨

  • avatar: replace attention with prominence (662cf0b)
  • badge: rename colorScheme to accentColor (f525242)
  • config: remove NxAllianzOneModule from ng-aquila (68824c1)
  • context-menu: extend selectable and handle indicator rendering (3d75837)
  • datefield: add maxStartDate and minEndDate validators to date range (a504d9f)
  • icon: support A1 full for status icon (d19439c)
  • radio: rename radio-button-dot-size token (98ce47a)
  • selection: consolidate inputs to new A1 patterns (03fec7c)
  • slider: implement A1 Designs (6ff00e9)
  • text: rename nx-attention-color to nx-accent-color (c623ad2)
  • theming: add possibility to use scoped non-token CSS (510c653)
  • update angular to v22 (15dae28)

Bug Fixes 🐛

  • mcp: convert MCP server to ESM for Angular 22 compatibility (afa9569)
  • schematic: avoid to inherit toString of Object.prototype (77923ff)
  • schematics: don't warn on single date in daterange migration (073a516)
  • schematics: emit CommonJS package.json marker in dist (836547a)
  • status-icon: rename status-icon token to more semantic name (16bfd6f)
  • tabs: move scroll-indicator border down for expert (a83dbe4)