chore(deps): update taiga-ui family dependencies to v4 (major) - autoclosed

apps/demo/src/app/app.component.html

@@ -12,12 +12,13 @@
             />
         </a>
 
+        <!-- TODO: (Taiga UI migration) TuiMode has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme -->
         <a
             href="https://github.com/taiga-family/ng-morph"
             rel="noreferrer"
             target="_blank"
             tuiLink
-            tuiMode="onLight"
+            tuiTheme="light"
             class="github-link"
         >
             <img

apps/demo/src/app/app.component.ts

@@ -1,12 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocMainModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 import {HighlightModule} from 'ngx-highlightjs';
 
 @Component({
     standalone: true,
     selector: 'app-root',
-    imports: [HighlightModule, TuiDocMainModule, TuiLinkModule],
+    imports: [HighlightModule, TuiAddonDoc, TuiLink],
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

apps/demo/src/app/getting-started/index.ts

@@ -1,7 +1,7 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 
 const script = `import {
   setActiveProject,
@@ -131,7 +131,7 @@ describe('ng-add', () => {
 @Component({
     standalone: true,
     selector: 'getting-started',
-    imports: [RouterLink, TuiDocCodeModule, TuiDocPageModule, TuiLinkModule],
+    imports: [RouterLink, TuiAddonDoc, TuiLink],
     templateUrl: './index.html',
     styles: [':host {max-width: 1200px}'],
     changeDetection: ChangeDetectionStrategy.OnPush,

apps/demo/src/app/logo/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
+import {PolymorpheusComponent} from '@taiga-ui/polymorpheus';
 
 @Component({
     standalone: true,

apps/demo/src/app/pages.ts

@@ -1,6 +1,6 @@
-import type {TuiDocPages} from '@taiga-ui/addon-doc';
+import type {TuiDocRoutePages} from '@taiga-ui/addon-doc';
 
-export const pages: TuiDocPages = [
+export const pages: TuiDocRoutePages = [
     {
         section: 'Starting',
         title: 'Getting started',

apps/demo/src/app/pages/classes/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 import {ACCESSORS_SAMPLES} from './samples/accessors';
 import {CONSTRUCTORS_SAMPLES} from './samples/constructors';
@@ -77,7 +77,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/enums/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
     addEnums,
@@ -37,7 +37,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/functions/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
     addFunctions,
@@ -33,7 +33,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiAddonDocModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/get-bootstrap-function/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const bootstrap = `import {
     getBootstrapFn,
@@ -36,7 +36,7 @@ addProviderToBootstrapApplicationFn(bootstrapFn, 'provideRouter()');
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/get-main-module/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
     getMainModule
@@ -13,7 +13,7 @@ const classDeclaration = getMainModule('src/main.ts');
 
 @Component({
     standalone: true,
-    imports: [TuiAddonDocModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/imports-and-exports/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const imports = `import {
     addImports,
@@ -88,7 +88,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/inject-sample/index.ts

@@ -1,6 +1,6 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 
 const example = `import {
   setActiveProject,
@@ -72,7 +72,7 @@ function fixInjectImport(file: string) {
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule, TuiLinkModule],
+    imports: [TuiAddonDoc, TuiLink],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/interfaces/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const interfaces = `import {
     addInterfaces,
@@ -31,7 +31,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/source-files/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
     createSourceFile,
@@ -24,7 +24,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/types/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const types = `import {
     addTypeAliases,
@@ -31,7 +31,7 @@ saveActiveProject();
 
 @Component({
     standalone: true,
-    imports: [TuiDocCodeModule, TuiDocPageModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/app/pages/variables/index.ts

@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
     addVariables,
@@ -36,7 +36,7 @@ saveActiveProject();
 @Component({
     standalone: true,
     selector: 'variables',
-    imports: [TuiAddonDocModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

apps/demo/src/main.ts

@@ -6,7 +6,7 @@ import {
 } from '@angular/platform-browser/animations';
 import {PreloadAllModules, provideRouter, withPreloading} from '@angular/router';
 import {TUI_DOC_LOGO, TUI_DOC_PAGES} from '@taiga-ui/addon-doc';
-import {TuiRootModule} from '@taiga-ui/core';
+import {NG_EVENT_PLUGINS} from '@taiga-ui/event-plugins';
 
 import {AppComponent} from './app/app.component';
 import {LOGO_CONTENT} from './app/logo';
@@ -15,7 +15,7 @@ import {ROUTES} from './app/routes';
 
 bootstrapApplication(AppComponent, {
     providers: [
-        importProvidersFrom(BrowserModule, BrowserAnimationsModule, TuiRootModule),
+        importProvidersFrom(BrowserModule, BrowserAnimationsModule),
         provideRouter(ROUTES, withPreloading(PreloadAllModules)),
         {
             provide: TUI_DOC_LOGO,
@@ -26,5 +26,6 @@ bootstrapApplication(AppComponent, {
             useValue: pages,
         },
         provideAnimations(),
+        NG_EVENT_PLUGINS,
     ],
 }).catch((e: unknown) => console.error(e));

apps/demo/src/styles.less

@@ -6,10 +6,10 @@ li {
 }
 
 code {
-    background: var(--tui-base-02);
-    color: var(--tui-link);
+    background: var(--tui-background-base-alt);
+    color: var(--tui-text-action);
     vertical-align: middle;
-    box-shadow: inset 0 -2px var(--tui-secondary);
+    box-shadow: inset 0 -2px var(--tui-background-neutral-1);
     padding: 0.375rem 0.5rem;
     font-size: 0.875rem;
     border-radius: 0.5rem;