fix(addon-doc): provide languages icon (#9236)

Co-authored-by: taiga-family-bot <[email protected]>
taiga-family · Sep 27, 2024 · bc5caf7 · bc5caf7
1 parent d48b600
commit bc5caf7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/projects/addon-doc/components/language-switcher/index.html b/projects/addon-doc/components/language-switcher/index.html
@@ -9,12 +9,12 @@
 
     <button
         appearance="whiteblock"
-        iconStart="@tui.languages"
         size="s"
         tuiButtonSelect
         tuiIconButton
         type="button"
         [formControl]="language"
+        [iconStart]="icons.languages"
     >
         Language
         <tui-data-list *tuiTextfieldDropdown>

diff --git a/projects/addon-doc/components/language-switcher/index.ts b/projects/addon-doc/components/language-switcher/index.ts
@@ -1,6 +1,7 @@
 import {NgForOf, NgIf, TitleCasePipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
+import {TUI_DOC_ICONS} from '@taiga-ui/addon-doc/tokens';
 import {TuiButton} from '@taiga-ui/core/components/button';
 import {TuiDataList} from '@taiga-ui/core/components/data-list';
 import {tuiScrollbarOptionsProvider} from '@taiga-ui/core/components/scrollbar';
@@ -34,6 +35,7 @@ import {TuiButtonSelect} from '@taiga-ui/kit/directives/button-select';
     providers: [tuiScrollbarOptionsProvider({mode: 'hover'})],
 })
 export class TuiDocLanguageSwitcher {
+    protected readonly icons = inject(TUI_DOC_ICONS);
     protected readonly switcher = inject(TuiLanguageSwitcherService);
     protected readonly language = new FormControl(capitalize(this.switcher.language));
 

diff --git a/projects/addon-doc/tokens/doc-icons.ts b/projects/addon-doc/tokens/doc-icons.ts
@@ -10,6 +10,7 @@ export interface TuiDocIcons {
     readonly copy: string;
     readonly check: string;
     readonly link: string;
+    readonly languages: string;
 }
 
 export const TUI_DOC_DEFAULT_ICONS: TuiDocIcons = {
@@ -21,6 +22,7 @@ export const TUI_DOC_DEFAULT_ICONS: TuiDocIcons = {
     copy: '@tui.copy',
     check: '@tui.check',
     link: '@tui.link',
+    languages: '@tui.languages',
 };
 
 export const TUI_DOC_ICONS = tuiCreateToken(TUI_DOC_DEFAULT_ICONS);

diff --git a/projects/cdk/constants/used-icons.ts b/projects/cdk/constants/used-icons.ts
@@ -20,7 +20,6 @@ export const TUI_USED_ICONS = [
     '@tui.uzcard',
     '@tui.verve',
     '@tui.external-link',
-    '@tui.languages',
     '@tui.search',
     '@tui.sun',
     '@tui.moon',
@@ -29,6 +28,7 @@ export const TUI_USED_ICONS = [
     '@tui.copy',
     '@tui.check',
     '@tui.link',
+    '@tui.languages',
     '@tui.eye-off',
     '@tui.eye',
     '@tui.grip-vertical',