taiga-family/taiga-ui v3.0.0

Release v3.0.0

on GitHub

3.0.0 (2022-08-30)

⚠ BREAKING CHANGES

• Update to Angular 12 (#2080, #2097, #2110).
  Enable Ivy by default (#2076). Drop legacy View Engine-support.
• Migrate to Polymorpheus 4.x.x (#2165).
• Update supported browser versions.
  Drop support of legacy not-chromium Edge (EdgeHTML) (#2318).
  Bump supported Safari to 12.1+ (#2391).
• All exported entities without tui-prefix was renamed to the same one with prefix: functions, constants, pipes,
  classes, etc.
• styles: move all global styles from @taiga-ui/core to new optional package @taiga-ui/styles (#2320).
  Delete tui-palette.less (data-tui-background and data-tui-color global states) (#2473).
• core: Dropdown refactor dropdowns completely (#2389).
• kit: remove legacy InputFile component (#2087).
  Use new InputFiles component instead.
• addon-editor: replace legacy Editor with new one based on popular open-source solution TipTap.
• core: Hint support 12 directions (#2256). Add context input (#2273).
  Add new directive HintDescribe (#2495).
  HintController remove separate module (move inside TuiHintModule) (#2484).
• core: TuiTextfieldController delete tuiTextfieldAutocomplete, tuiTextfieldExampleText,
  tuiTextfieldInputMode, tuiTextfieldMaxLength, tuiTextfieldType (#2410) in favor of native input alternatives.
  Allow passing icons at both sides simultaneously in textfield components (#2037).
• kit: Slider | InputSlider | Range | InputRange drop all deprecated API (#2200, #2207, #2215, #2243).
  Use strict version of TuiKeySteps (#2220).
  Delete legacy <tui-slider /> (#2184).
• kit: Action new selector button[tuiAction], a[tuiAction] (#2479).
  Better customization + new API (#2505).
• kit: Stepper rename state input (=> stepState) to avoid collision with routerLink (#2437).
• core: remove tuiExpandContent directive (#2501).
• kit: DataListDropdownManager move into separate module (#2317).
• cdk: Let directive can emit null (#2496).
• cdk: remove deprecated setNativeFocused,tuiCustomEvents, tuiPadStart, getClosestElement, fallbackValue (#2074, #2276).
  Use native alternatives.
• core: tuiFormatNumber(value, configs) new function signature (#2309).
• cdk: tuiGetClosestFocusableElement(configs) new function signature (#2436).
• core: new names of css breakpoints (#2393).
• core: remove deprecated pluralize (#2222). Use Angular built-in I18nPluralPipe.
• core: move fonts to separate file taiga-ui-fonts.less (#2132)
• Replace deprecated directives (*tuiTab, *tuiBreadcrumb,[tuiToolbarTool]) with universal tuiItem-directive (#2069)
• Move all color-converter utils (addon-editor / addon-doc => cdk) (#2280)
• Remove tui-wrapper, tui-group, table-mode, field-error component, tui-breadcrumb items (#2121).
• kit: remove deprecated TUI_MOBILE_AWARE (#2099).
• core: AlertComponent use new context (#2362)
• cdk: PortalService switch to using PolymorpheusComponent
• addon-commerce, addon-chart: remove deprecated enums (#2095)
• remove deprecated core-enums, TuiColor, colorFallback, DEFAULT_COLORS, TuiColorHandler (#2158)
• remove date-time related deprecations, EMPTY_VALIDATOR (#2164)
• remove deprecated properties from AbstractTuiInteractive (#2124)
• remove autofill enums (#2500).

Migration guide

This release introduces a lot of breaking changes.
Most of them can be solved automatically with the following
command:

Angular CLI:

ng update @taiga-ui/cdk

Nx CLI:

nx migrate @taiga-ui/cdk
nx migrate --run-migrations=migrations.json

Troubleshooting:

• Npm 7 has a known issue. If you face "Conflicting peer dependency"-error,
  try the following workaround:
  ng update @taiga-ui/cdk --force.
• If you face any other issues, try to update all Taiga UI's packages manually.
  Then check that
  node_modules/@taiga-ui/cdk/package.json contains 3.x.x-version.
  After all, run
  ng update @taiga-ui/cdk --migrate-only --from=2 --to=3.
• If any problem still persists, please, create an issue.