diff --git a/projects/addon-commerce/components/input-card-grouped/test/input-card-grouped.component.spec.ts b/projects/addon-commerce/components/input-card-grouped/test/input-card-grouped.component.spec.ts index 7fd8c42e1469..1ba463e9070f 100644 --- a/projects/addon-commerce/components/input-card-grouped/test/input-card-grouped.component.spec.ts +++ b/projects/addon-commerce/components/input-card-grouped/test/input-card-grouped.component.spec.ts @@ -20,7 +20,7 @@ describe('InputCardGrouped', () => { /> - + `, }) @@ -186,7 +186,7 @@ describe('InputCardGrouped', () => { it('input-card-grouped have a default icon', () => { expect(testComponent.control.valid).toBe(true); - expect(testComponent.component['content']).toBe('tuiIconVisa'); + expect(testComponent.component['content']).toBe('@tui.visa'); expect(testComponent.control.value?.card).toBe('4111111111111111'); expect(expectCardOutlet()).toBeTruthy(); }); diff --git a/projects/addon-commerce/tokens/payment-system-icons.ts b/projects/addon-commerce/tokens/payment-system-icons.ts index 48668a26ede1..f59bf0fb5e44 100644 --- a/projects/addon-commerce/tokens/payment-system-icons.ts +++ b/projects/addon-commerce/tokens/payment-system-icons.ts @@ -4,18 +4,18 @@ import {tuiCreateToken} from '@taiga-ui/cdk'; export const TUI_PAYMENT_SYSTEM_ICONS: InjectionToken> = tuiCreateToken({ - mir: 'tuiIconMir', - visa: 'tuiIconVisa', - electron: 'tuiIconElectron', - mastercard: 'tuiIconMastercard', - maestro: 'tuiIconMaestro', - amex: 'tuiIconAmex', - dinersclub: 'tuiIconDinersClub', - discover: 'tuiIconDiscover', - humo: 'tuiIconHumo', - jcb: 'tuiIconJCB', - rupay: 'tuiIconRuPay', - unionpay: 'tuiIconUnionPay', - uzcard: 'tuiIconUzcard', - verve: 'tuiIconVerve', + mir: '@tui.mir', + visa: '@tui.visa', + electron: '@tui.electron', + mastercard: '@tui.mastercard', + maestro: '@tui.maestro', + amex: '@tui.amex', + dinersclub: '@tui.diners-club', + discover: '@tui.discover', + humo: '@tui.humo', + jcb: '@tui.jcb', + rupay: '@tui.ru-pay', + unionpay: '@tui.union-pay', + uzcard: '@tui.uzcard', + verve: '@tui.verve', }); diff --git a/projects/addon-doc/components/code/index.html b/projects/addon-doc/components/code/index.html index 59d0085ef20a..be80199f2dc4 100644 --- a/projects/addon-doc/components/code/index.html +++ b/projects/addon-doc/components/code/index.html @@ -15,7 +15,7 @@ appearance="icon" size="xs" class="t-copy-button" - [iconLeft]="(icon$ | async) || 'tuiIconCopy'" + [iconLeft]="(icon$ | async) || '@tui.copy'" [cdkCopyToClipboard]="content" (click)="copy$.next()" > diff --git a/projects/addon-doc/components/code/index.ts b/projects/addon-doc/components/code/index.ts index 6004358ebfa1..4fde8a8ca5a9 100644 --- a/projects/addon-doc/components/code/index.ts +++ b/projects/addon-doc/components/code/index.ts @@ -35,8 +35,8 @@ export class TuiDocCodeComponent { protected readonly icon$ = this.copy$.pipe( switchMap(() => timer(2000).pipe( - map(() => 'tuiIconCopy'), - startWith('tuiIconCheck'), + map(() => '@tui.copy'), + startWith('@tui.check'), ), ), ); diff --git a/projects/addon-doc/components/code/tests/code.component.spec.ts b/projects/addon-doc/components/code/tests/code.component.spec.ts index 8d518c8c6089..3f61ce896f93 100644 --- a/projects/addon-doc/components/code/tests/code.component.spec.ts +++ b/projects/addon-doc/components/code/tests/code.component.spec.ts @@ -55,7 +55,7 @@ describe('TuiDocCodeComponent', () => { expect(fixture.nativeElement.querySelector('.t-code')?.innerHTML.trim()).toEqual( `const a = 5;
- \t
`.replace('\t', ' '), // prettier problem @@ -71,7 +71,7 @@ describe('TuiDocCodeComponent', () => { expect(fixture.nativeElement.querySelector('.t-code')?.innerHTML.trim()).toEqual( `const a = 10;
- \t
`.replace('\t', ' '), // prettier problem @@ -89,7 +89,7 @@ describe('TuiDocCodeComponent', () => { expect(fixture.nativeElement.querySelector('.t-code')?.innerHTML.trim()).toEqual( `const a = 15;
- \t
`.replace('\t', ' '), // prettier problem diff --git a/projects/addon-doc/components/example/example.options.ts b/projects/addon-doc/components/example/example.options.ts index ebc675a70152..ae1bc9ce12fa 100644 --- a/projects/addon-doc/components/example/example.options.ts +++ b/projects/addon-doc/components/example/example.options.ts @@ -19,7 +19,7 @@ export const TUI_DOC_EXAMPLE_DEFAULT_OPTIONS: TuiDocExampleOptions = { ), tabTitles: new Map(), fullsize: true, - linkIcon: 'tuiIconLink', + linkIcon: '@tui.link', }; /** diff --git a/projects/addon-doc/tokens/doc-icons.ts b/projects/addon-doc/tokens/doc-icons.ts index 9b0a27776bec..bd87f27e0af2 100644 --- a/projects/addon-doc/tokens/doc-icons.ts +++ b/projects/addon-doc/tokens/doc-icons.ts @@ -10,11 +10,11 @@ export interface TuiDocIcons { } export const TUI_DOC_DEFAULT_ICONS: TuiDocIcons = { - search: 'tuiIconSearch', - light: 'tuiIconSun', - dark: 'tuiIconMoon', - code: 'tuiIconCode', - menu: 'tuiIconMenu', + search: '@tui.search', + light: '@tui.sun', + dark: '@tui.moon', + code: '@tui.code', + menu: '@tui.menu', }; export const TUI_DOC_ICONS = tuiCreateToken(TUI_DOC_DEFAULT_ICONS); diff --git a/projects/addon-table/components/reorder/reorder.options.ts b/projects/addon-table/components/reorder/reorder.options.ts index aa07c6155349..c15bbf0ca3bb 100644 --- a/projects/addon-table/components/reorder/reorder.options.ts +++ b/projects/addon-table/components/reorder/reorder.options.ts @@ -11,9 +11,9 @@ export interface TuiReorderOptions { export const TUI_REORDER_DEFAULT_OPTIONS: TuiReorderOptions = { icons: { - hide: 'tuiIconEye', - show: 'tuiIconEyeOff', - drag: 'tuiIconGripVertical', + hide: '@tui.eye', + show: '@tui.eye-off', + drag: '@tui.grip-vertical', }, }; diff --git a/projects/addon-table/components/table/table.options.ts b/projects/addon-table/components/table/table.options.ts index eb9660bba5af..3f007668455f 100644 --- a/projects/addon-table/components/table/table.options.ts +++ b/projects/addon-table/components/table/table.options.ts @@ -22,9 +22,9 @@ export const TUI_TABLE_DEFAULT_OPTIONS: TuiTableOptions = { size: 'm', direction: 1, sortIcons: { - asc: 'tuiIconChevronUp', - desc: 'tuiIconChevronDown', - off: 'tuiIconChevronsUpDown', + asc: '@tui.chevron-up', + desc: '@tui.chevron-down', + off: '@tui.chevrons-up-down', }, }; diff --git a/projects/cdk/constants/used-icons.ts b/projects/cdk/constants/used-icons.ts index 7f866924ea5a..4dd147e50eee 100644 --- a/projects/cdk/constants/used-icons.ts +++ b/projects/cdk/constants/used-icons.ts @@ -5,51 +5,51 @@ * Array of icons used in taiga-ui components */ export const TUI_USED_ICONS = [ - 'tuiIconMir', - 'tuiIconVisa', - 'tuiIconElectron', - 'tuiIconMastercard', - 'tuiIconMaestro', - 'tuiIconAmex', - 'tuiIconDinersClub', - 'tuiIconDiscover', - 'tuiIconHumo', - 'tuiIconJCB', - 'tuiIconRuPay', - 'tuiIconUnionPay', - 'tuiIconUzcard', - 'tuiIconVerve', - 'tuiIconCopy', - 'tuiIconCheck', - 'tuiIconLink', - 'tuiIconSearch', - 'tuiIconSun', - 'tuiIconMoon', - 'tuiIconCode', - 'tuiIconMenu', - 'tuiIconEye', - 'tuiIconEyeOff', - 'tuiIconGripVertical', - 'tuiIconChevronUp', - 'tuiIconChevronDown', - 'tuiIconChevronsUpDown', - 'tuiIconInfo', - 'tuiIconCircleCheck', - 'tuiIconCircleX', - 'tuiIconCircleAlert', - 'tuiIconX', - 'tuiIconCircleHelp', - 'tuiIconChevronRight', - 'tuiIconChevronLeft', - 'tuiIconCalendar', - 'tuiIconMinus', - 'tuiIconFile', - 'tuiIconTrash', - 'tuiIconStar', - 'tuiIconRotateCcwSquare', - 'tuiIconArrowLeft', - 'tuiIconArrowRight', - 'tuiIconPlus', - 'tuiIconMinimize', - 'tuiIconClock', + '@tui.mir', + '@tui.visa', + '@tui.electron', + '@tui.mastercard', + '@tui.maestro', + '@tui.amex', + '@tui.diners-club', + '@tui.discover', + '@tui.humo', + '@tui.jcb', + '@tui.ru-pay', + '@tui.union-pay', + '@tui.uzcard', + '@tui.verve', + '@tui.copy', + '@tui.check', + '@tui.link', + '@tui.search', + '@tui.sun', + '@tui.moon', + '@tui.code', + '@tui.menu', + '@tui.eye', + '@tui.eye-off', + '@tui.grip-vertical', + '@tui.chevron-up', + '@tui.chevron-down', + '@tui.chevrons-up-down', + '@tui.info', + '@tui.circle-check', + '@tui.circle-x', + '@tui.circle-alert', + '@tui.x', + '@tui.circle-help', + '@tui.chevron-right', + '@tui.chevron-left', + '@tui.minus', + '@tui.file', + '@tui.trash', + '@tui.star', + '@tui.calendar', + '@tui.rotate-ccw-square', + '@tui.arrow-left', + '@tui.arrow-right', + '@tui.plus', + '@tui.minimize', + '@tui.clock', ] as const; diff --git a/projects/core/components/notification/notification.options.ts b/projects/core/components/notification/notification.options.ts index 3f9a0c4380cf..c8296b4d226e 100644 --- a/projects/core/components/notification/notification.options.ts +++ b/projects/core/components/notification/notification.options.ts @@ -13,11 +13,11 @@ export interface TuiNotificationOptions { } const STATUS_ICON = { - info: 'tuiIconInfo', - success: 'tuiIconCircleCheck', - error: 'tuiIconCircleX', - warning: 'tuiIconCircleAlert', - neutral: 'tuiIconInfo', + info: '@tui.info', + success: '@tui.circle-check', + error: '@tui.circle-x', + warning: '@tui.circle-alert', + neutral: '@tui.info', } as const; /** Default values for the notification options. */ diff --git a/projects/core/components/textfield/textfield.template.html b/projects/core/components/textfield/textfield.template.html index 89c376fe7151..baec2c28a2e4 100644 --- a/projects/core/components/textfield/textfield.template.html +++ b/projects/core/components/textfield/textfield.template.html @@ -10,7 +10,7 @@ Taiga UI — Components library iOS > Taiga UI Taiga UI — Components library Android Taiga UI @@ -73,7 +73,7 @@

Centered Android

Taiga UI — Components library Centered Android diff --git a/projects/demo/src/modules/components/avatar/examples/1/index.html b/projects/demo/src/modules/components/avatar/examples/1/index.html index 26c8c6eb2cf6..4ed346876b99 100644 --- a/projects/demo/src/modules/components/avatar/examples/1/index.html +++ b/projects/demo/src/modules/components/avatar/examples/1/index.html @@ -1,5 +1,5 @@ - - + + 99+ diff --git a/projects/demo/src/modules/components/avatar/examples/2/index.html b/projects/demo/src/modules/components/avatar/examples/2/index.html index bbb7ab3e6db4..cd490fc98a88 100644 --- a/projects/demo/src/modules/components/avatar/examples/2/index.html +++ b/projects/demo/src/modules/components/avatar/examples/2/index.html @@ -1,6 +1,6 @@ {{ size | uppercase }} diff --git a/projects/demo/src/modules/components/avatar/examples/6/index.html b/projects/demo/src/modules/components/avatar/examples/6/index.html index 58e042c69367..8231949687d3 100644 --- a/projects/demo/src/modules/components/avatar/examples/6/index.html +++ b/projects/demo/src/modules/components/avatar/examples/6/index.html @@ -1,19 +1,19 @@ - + - + - + - + - + diff --git a/projects/demo/src/modules/components/avatar/examples/7/index.html b/projects/demo/src/modules/components/avatar/examples/7/index.html index d72112162993..e1891b6eb228 100644 --- a/projects/demo/src/modules/components/avatar/examples/7/index.html +++ b/projects/demo/src/modules/components/avatar/examples/7/index.html @@ -1,6 +1,6 @@ diff --git a/projects/demo/src/modules/components/avatar/index.ts b/projects/demo/src/modules/components/avatar/index.ts index 1fc4a15150f5..7c0eb5f954f7 100644 --- a/projects/demo/src/modules/components/avatar/index.ts +++ b/projects/demo/src/modules/components/avatar/index.ts @@ -40,7 +40,7 @@ export default class PageComponent { 'MW', 'https://avatars.githubusercontent.com/u/11832552', 'https://taiga-ui.dev/assets/images/test-not-found.png', - 'tuiIconUser', + '@tui.user', this.sanitizer.bypassSecurityTrustResourceUrl( 'https://avatars.githubusercontent.com/u/10106368', ), diff --git a/projects/demo/src/modules/components/badge/examples/3/index.html b/projects/demo/src/modules/components/badge/examples/3/index.html index 225dba69963c..50eff203e958 100644 --- a/projects/demo/src/modules/components/badge/examples/3/index.html +++ b/projects/demo/src/modules/components/badge/examples/3/index.html @@ -2,7 +2,7 @@

Value with icon

x-large @@ -10,7 +10,7 @@

Value with icon

@@ -19,7 +19,7 @@

Value with icon

@@ -28,7 +28,7 @@

Value with icon

@@ -40,14 +40,14 @@

Value with icon

Icon only

Icon only Icon only diff --git a/projects/demo/src/modules/components/badge/examples/5/index.html b/projects/demo/src/modules/components/badge/examples/5/index.html index 79d331d5ac37..437cb44af260 100644 --- a/projects/demo/src/modules/components/badge/examples/5/index.html +++ b/projects/demo/src/modules/components/badge/examples/5/index.html @@ -1,6 +1,6 @@ diff --git a/projects/demo/src/modules/components/badge/index.html b/projects/demo/src/modules/components/badge/index.html index c323305af253..6998acec3d9a 100644 --- a/projects/demo/src/modules/components/badge/index.html +++ b/projects/demo/src/modules/components/badge/index.html @@ -60,7 +60,7 @@

@@ -15,7 +15,7 @@ @@ -50,12 +50,12 @@ @@ -35,7 +35,7 @@ @@ -48,6 +48,6 @@ diff --git a/projects/demo/src/modules/components/badged-content/examples/3/index.html b/projects/demo/src/modules/components/badged-content/examples/3/index.html index e0716c8b3c1b..cd87b1ebf14a 100644 --- a/projects/demo/src/modules/components/badged-content/examples/3/index.html +++ b/projects/demo/src/modules/components/badged-content/examples/3/index.html @@ -9,7 +9,7 @@ 1 - + 1 ``` diff --git a/projects/demo/src/modules/components/badged-content/index.html b/projects/demo/src/modules/components/badged-content/index.html index 0b112af2b855..7e9c7b41e925 100644 --- a/projects/demo/src/modules/components/badged-content/index.html +++ b/projects/demo/src/modules/components/badged-content/index.html @@ -31,7 +31,7 @@ diff --git a/projects/demo/src/modules/components/block-details/examples/2/index.html b/projects/demo/src/modules/components/block-details/examples/2/index.html index c9794305bfe2..5f30e787bba6 100644 --- a/projects/demo/src/modules/components/block-details/examples/2/index.html +++ b/projects/demo/src/modules/components/block-details/examples/2/index.html @@ -1,6 +1,6 @@

@@ -21,7 +21,7 @@

diff --git a/projects/demo/src/modules/components/block/examples/3/index.html b/projects/demo/src/modules/components/block/examples/3/index.html index 804d260ccaa9..c4d96860e5e5 100644 --- a/projects/demo/src/modules/components/block/examples/3/index.html +++ b/projects/demo/src/modules/components/block/examples/3/index.html @@ -20,7 +20,7 @@ Taiga UI Alex Inkin - +

@@ -23,12 +23,12 @@ tuiSurface="elevated" >

@@ -38,7 +38,7 @@ tuiSurface="elevated" > diff --git a/projects/demo/src/modules/components/button-group/examples/2/index.html b/projects/demo/src/modules/components/button-group/examples/2/index.html index f722fb92d198..c432540a693e 100644 --- a/projects/demo/src/modules/components/button-group/examples/2/index.html +++ b/projects/demo/src/modules/components/button-group/examples/2/index.html @@ -3,17 +3,17 @@ tuiSurface="flat" > @@ -23,12 +23,12 @@ tuiSurface="flat" > @@ -38,7 +38,7 @@ tuiSurface="flat" > diff --git a/projects/demo/src/modules/components/button-group/examples/3/index.html b/projects/demo/src/modules/components/button-group/examples/3/index.html index 681d60dace66..b4f1ecdfc47b 100644 --- a/projects/demo/src/modules/components/button-group/examples/3/index.html +++ b/projects/demo/src/modules/components/button-group/examples/3/index.html @@ -3,17 +3,17 @@ tuiSurface="dark" > @@ -23,12 +23,12 @@ tuiSurface="dark" > @@ -38,7 +38,7 @@ tuiSurface="dark" > diff --git a/projects/demo/src/modules/components/button-group/examples/import/template.md b/projects/demo/src/modules/components/button-group/examples/import/template.md index e9ef92e6ff42..334e95f6ae16 100644 --- a/projects/demo/src/modules/components/button-group/examples/import/template.md +++ b/projects/demo/src/modules/components/button-group/examples/import/template.md @@ -4,7 +4,7 @@ tuiSurface="elevated" > diff --git a/projects/demo/src/modules/components/button-vertical/examples/1/index.html b/projects/demo/src/modules/components/button-vertical/examples/1/index.html index e283af6bee98..c660828eb9da 100644 --- a/projects/demo/src/modules/components/button-vertical/examples/1/index.html +++ b/projects/demo/src/modules/components/button-vertical/examples/1/index.html @@ -12,7 +12,7 @@ diff --git a/projects/demo/src/modules/components/button-vertical/index.ts b/projects/demo/src/modules/components/button-vertical/index.ts index 6fb4e77b4809..f7a17bf298bf 100644 --- a/projects/demo/src/modules/components/button-vertical/index.ts +++ b/projects/demo/src/modules/components/button-vertical/index.ts @@ -32,7 +32,7 @@ export default class PageComponent { protected appearance = this.appearances[0]; - protected readonly icons = ['', 'tuiIconSearch', 'tuiIconChevronDown']; + protected readonly icons = ['', '@tui.search', '@tui.chevron-down']; protected iconLeft = this.icons[0]; diff --git a/projects/demo/src/modules/components/button/examples/3/index.html b/projects/demo/src/modules/components/button/examples/3/index.html index b98c69dc35d7..159af6673e27 100644 --- a/projects/demo/src/modules/components/button/examples/3/index.html +++ b/projects/demo/src/modules/components/button/examples/3/index.html @@ -15,7 +15,7 @@ tuiButton > Users @@ -23,7 +23,7 @@ @@ -23,7 +23,7 @@

>
Title @@ -41,7 +41,7 @@

Title

@@ -56,7 +56,7 @@

Title

diff --git a/projects/demo/src/modules/components/card-large/examples/4/index.html b/projects/demo/src/modules/components/card-large/examples/4/index.html index 8be6e3e417c1..43eb3295d4e8 100644 --- a/projects/demo/src/modules/components/card-large/examples/4/index.html +++ b/projects/demo/src/modules/components/card-large/examples/4/index.html @@ -16,7 +16,7 @@

tuiSurface="flat" > diff --git a/projects/demo/src/modules/components/card-large/examples/5/index.html b/projects/demo/src/modules/components/card-large/examples/5/index.html index 76750784270c..2635548370d9 100644 --- a/projects/demo/src/modules/components/card-large/examples/5/index.html +++ b/projects/demo/src/modules/components/card-large/examples/5/index.html @@ -15,7 +15,7 @@

>
Title diff --git a/projects/demo/src/modules/components/card-large/examples/6/index.html b/projects/demo/src/modules/components/card-large/examples/6/index.html index 1b296251b367..165ab90991df 100644 --- a/projects/demo/src/modules/components/card-large/examples/6/index.html +++ b/projects/demo/src/modules/components/card-large/examples/6/index.html @@ -16,7 +16,7 @@

>
Title diff --git a/projects/demo/src/modules/components/card-large/examples/7/index.html b/projects/demo/src/modules/components/card-large/examples/7/index.html index 455a65fe0e19..9ebdb025a94b 100644 --- a/projects/demo/src/modules/components/card-large/examples/7/index.html +++ b/projects/demo/src/modules/components/card-large/examples/7/index.html @@ -19,7 +19,7 @@

>
@@ -28,7 +28,7 @@

diff --git a/projects/demo/src/modules/components/card-large/examples/8/index.html b/projects/demo/src/modules/components/card-large/examples/8/index.html index 5b560e1b3608..ca5517dca016 100644 --- a/projects/demo/src/modules/components/card-large/examples/8/index.html +++ b/projects/demo/src/modules/components/card-large/examples/8/index.html @@ -9,7 +9,7 @@

Title

Title diff --git a/projects/demo/src/modules/components/card-medium/examples/1/index.html b/projects/demo/src/modules/components/card-medium/examples/1/index.html index 185d234de637..959567ea0752 100644 --- a/projects/demo/src/modules/components/card-medium/examples/1/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/1/index.html @@ -3,7 +3,7 @@ tuiSurface="flat" > diff --git a/projects/demo/src/modules/components/card-medium/examples/2/index.html b/projects/demo/src/modules/components/card-medium/examples/2/index.html index 25fff7653c08..d67344d1a575 100644 --- a/projects/demo/src/modules/components/card-medium/examples/2/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/2/index.html @@ -3,7 +3,7 @@ tuiSurface="elevated" > @@ -23,7 +23,7 @@

diff --git a/projects/demo/src/modules/components/card-medium/examples/3/index.html b/projects/demo/src/modules/components/card-medium/examples/3/index.html index 35f44b9dd7e6..b03a81b6291f 100644 --- a/projects/demo/src/modules/components/card-medium/examples/3/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/3/index.html @@ -6,7 +6,7 @@ appearance="custom" class="badge" > - + 10 % @@ -29,7 +29,7 @@

appearance="custom" class="badge" > - + 10 %

diff --git a/projects/demo/src/modules/components/card-medium/examples/4/index.html b/projects/demo/src/modules/components/card-medium/examples/4/index.html index a102435c7193..8b82ec763110 100644 --- a/projects/demo/src/modules/components/card-medium/examples/4/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/4/index.html @@ -6,7 +6,7 @@ @@ -30,7 +30,7 @@

diff --git a/projects/demo/src/modules/components/card-medium/examples/5/index.html b/projects/demo/src/modules/components/card-medium/examples/5/index.html index 8f87a8cbb3eb..f176ebd47b6b 100644 --- a/projects/demo/src/modules/components/card-medium/examples/5/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/5/index.html @@ -12,7 +12,7 @@

appearance="custom" class="badge" > - + 10 %

@@ -28,7 +28,7 @@

Flights

appearance="custom" class="badge" > - + 10 %

diff --git a/projects/demo/src/modules/components/card-medium/examples/7/index.html b/projects/demo/src/modules/components/card-medium/examples/7/index.html index 595ee272eef2..007ac741e14c 100644 --- a/projects/demo/src/modules/components/card-medium/examples/7/index.html +++ b/projects/demo/src/modules/components/card-medium/examples/7/index.html @@ -3,13 +3,13 @@ tuiSurface class="card" > - +
@@ -17,7 +17,7 @@ - +

diff --git a/projects/demo/src/modules/components/carousel/examples/3/index.html b/projects/demo/src/modules/components/carousel/examples/3/index.html index a68622f2021b..dfc109751047 100644 --- a/projects/demo/src/modules/components/carousel/examples/3/index.html +++ b/projects/demo/src/modules/components/carousel/examples/3/index.html @@ -3,7 +3,7 @@ class="wrapper" >

diff --git a/projects/demo/src/modules/components/dialog/examples/9/index.html b/projects/demo/src/modules/components/dialog/examples/9/index.html index d6c89162e9f5..ba39f8ec9a1d 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/index.html +++ b/projects/demo/src/modules/components/dialog/examples/9/index.html @@ -22,9 +22,9 @@ (click)="payByCard()" >
- - - + + +
Pay diff --git a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.html b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.html index 62031c238c19..cbe530c62446 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.html +++ b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.html @@ -16,10 +16,10 @@

Pay by card

class="saved-card-preset__item__info__icon" [src]=" (card.cardType === 'MasterCard' - ? 'tuiIconMaestro' + ? '@tui.maestro' : card.cardType === 'Visa' - ? 'tuiIconVisa' - : 'tuiIconMir' + ? '@tui.visa' + : '@tui.mir' ) | tuiIcon " /> @@ -90,7 +90,7 @@

Pay by card

class="form-block is--links" > - + A very very long product name Test @@ -24,7 +24,7 @@
@@ -68,7 +68,7 @@

- + diff --git a/projects/demo/src/modules/components/input-files/examples/5/index.html b/projects/demo/src/modules/components/input-files/examples/5/index.html index 093b36327b23..fd2742757d5e 100644 --- a/projects/demo/src/modules/components/input-files/examples/5/index.html +++ b/projects/demo/src/modules/components/input-files/examples/5/index.html @@ -10,7 +10,7 @@ >
Drop it like it's hot!
@@ -18,7 +18,7 @@
Drag and drop file here or @@ -39,5 +39,5 @@ - + diff --git a/projects/demo/src/modules/components/input-inline/examples/2/index.html b/projects/demo/src/modules/components/input-inline/examples/2/index.html index 401263804363..ec1213d20d44 100644 --- a/projects/demo/src/modules/components/input-inline/examples/2/index.html +++ b/projects/demo/src/modules/components/input-inline/examples/2/index.html @@ -15,7 +15,7 @@ {{ heading }}
diff --git a/projects/demo/src/modules/components/input-slider/examples/2/index.html b/projects/demo/src/modules/components/input-slider/examples/2/index.html index 2b0fe4ffd59c..1c9d284a4ae2 100644 --- a/projects/demo/src/modules/components/input-slider/examples/2/index.html +++ b/projects/demo/src/modules/components/input-slider/examples/2/index.html @@ -11,7 +11,7 @@

And now for something completely different diff --git a/projects/demo/src/modules/components/items-with-more/examples/2/index.html b/projects/demo/src/modules/components/items-with-more/examples/2/index.html index 493d869fb15c..bec76c513373 100644 --- a/projects/demo/src/modules/components/items-with-more/examples/2/index.html +++ b/projects/demo/src/modules/components/items-with-more/examples/2/index.html @@ -44,7 +44,7 @@ > {{ item }} diff --git a/projects/demo/src/modules/components/legend-item/examples/2/index.html b/projects/demo/src/modules/components/legend-item/examples/2/index.html index c6077b957405..33e2c8d165ef 100644 --- a/projects/demo/src/modules/components/legend-item/examples/2/index.html +++ b/projects/demo/src/modules/components/legend-item/examples/2/index.html @@ -29,7 +29,7 @@ /> {{ data[index] | tuiAmount: 'RUB' | async }} Link with icon right

diff --git a/projects/demo/src/modules/components/primitive-textfield/examples/1/index.ts b/projects/demo/src/modules/components/primitive-textfield/examples/1/index.ts index 717244906983..ea922a58ef99 100644 --- a/projects/demo/src/modules/components/primitive-textfield/examples/1/index.ts +++ b/projects/demo/src/modules/components/primitive-textfield/examples/1/index.ts @@ -41,7 +41,7 @@ export default class ExampleComponent extends AbstractTuiControl { } protected get icon(): string { - return this.isPasswordHidden ? 'tuiIconEye' : 'tuiIconEyeOff'; + return this.isPasswordHidden ? '@tui.eye' : '@tui.eye-off'; } protected get hint(): string { diff --git a/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html b/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html index 5c529ba2889f..9c458b027eef 100644 --- a/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html +++ b/projects/demo/src/modules/components/primitive-textfield/examples/2/index.html @@ -20,7 +20,7 @@

diff --git a/projects/demo/src/modules/components/rating/examples/2/index.html b/projects/demo/src/modules/components/rating/examples/2/index.html index 5bc3db415e20..5fd2cf0d5c74 100644 --- a/projects/demo/src/modules/components/rating/examples/2/index.html +++ b/projects/demo/src/modules/components/rating/examples/2/index.html @@ -10,7 +10,7 @@ diff --git a/projects/demo/src/modules/components/segmented/examples/4/index.html b/projects/demo/src/modules/components/segmented/examples/4/index.html index 5c5e067019ba..2510aa7a7a4d 100644 --- a/projects/demo/src/modules/components/segmented/examples/4/index.html +++ b/projects/demo/src/modules/components/segmented/examples/4/index.html @@ -33,10 +33,10 @@ Icons
diff --git a/projects/demo/src/modules/components/select/examples/3/index.html b/projects/demo/src/modules/components/select/examples/3/index.html index 364808de9725..9596152c7247 100644 --- a/projects/demo/src/modules/components/select/examples/3/index.html +++ b/projects/demo/src/modules/components/select/examples/3/index.html @@ -19,7 +19,7 @@ (click)="toggle()" > Add signature diff --git a/projects/demo/src/modules/components/select/examples/4/index.html b/projects/demo/src/modules/components/select/examples/4/index.html index d6687fede788..ce33b5ce5f91 100644 --- a/projects/demo/src/modules/components/select/examples/4/index.html +++ b/projects/demo/src/modules/components/select/examples/4/index.html @@ -33,7 +33,7 @@ (click)="addMore(select)" > Add more diff --git a/projects/demo/src/modules/components/select/examples/9/index.ts b/projects/demo/src/modules/components/select/examples/9/index.ts index 4ec4272fb2d1..5728a390c99f 100644 --- a/projects/demo/src/modules/components/select/examples/9/index.ts +++ b/projects/demo/src/modules/components/select/examples/9/index.ts @@ -37,19 +37,19 @@ export default class ExampleComponent { name: 'Dollar deposit', amount: 237000, currency: TuiCurrency.Dollar, - paymentSystem: 'tuiIconVisa', + paymentSystem: '@tui.visa', }, { name: 'Pound deposit', amount: 100, currency: TuiCurrency.Pound, - paymentSystem: 'tuiIconMastercard', + paymentSystem: '@tui.mastercard', }, { name: 'Rouble deposit', amount: 1234567890, currency: TuiCurrency.Ruble, - paymentSystem: 'tuiIconMir', + paymentSystem: '@tui.mir', }, ]; diff --git a/projects/demo/src/modules/components/select/index.html b/projects/demo/src/modules/components/select/index.html index 755a827c3687..9b05ddb8b097 100644 --- a/projects/demo/src/modules/components/select/index.html +++ b/projects/demo/src/modules/components/select/index.html @@ -166,7 +166,7 @@ let-item >
{{ item }}
diff --git a/projects/demo/src/modules/components/select/index.ts b/projects/demo/src/modules/components/select/index.ts index 7e568b38da76..43ce3ab4ce6b 100644 --- a/projects/demo/src/modules/components/select/index.ts +++ b/projects/demo/src/modules/components/select/index.ts @@ -96,7 +96,7 @@ export default class PageComponent extends AbstractExampleTuiControl { TuiBooleanHandler > = [TUI_FALSE_HANDLER, (item: Account) => item.balance < 300]; - public readonly iconVariants = ['', 'tuiIconPieChart', 'tuiIconCreditCard']; + public readonly iconVariants = ['', '@tui.pie-chart', '@tui.credit-card']; public override iconLeft = this.iconVariants[0]; diff --git a/projects/demo/src/modules/components/sheet-dialog/examples/2/index.html b/projects/demo/src/modules/components/sheet-dialog/examples/2/index.html index 7812ec54d0c5..58360db7c83a 100644 --- a/projects/demo/src/modules/components/sheet-dialog/examples/2/index.html +++ b/projects/demo/src/modules/components/sheet-dialog/examples/2/index.html @@ -13,7 +13,7 @@ diff --git a/projects/demo/src/modules/components/sheet-dialog/examples/4/index.html b/projects/demo/src/modules/components/sheet-dialog/examples/4/index.html index aaeaa1027648..c51b30fc6af2 100644 --- a/projects/demo/src/modules/components/sheet-dialog/examples/4/index.html +++ b/projects/demo/src/modules/components/sheet-dialog/examples/4/index.html @@ -13,7 +13,7 @@ >
diff --git a/projects/demo/src/modules/components/sheet/examples/2/index.html b/projects/demo/src/modules/components/sheet/examples/2/index.html index 88ad20411f8f..4254965d17bf 100644 --- a/projects/demo/src/modules/components/sheet/examples/2/index.html +++ b/projects/demo/src/modules/components/sheet/examples/2/index.html @@ -14,7 +14,7 @@

Alexander Inkin

Alexander Inkin Alexander Inkin diff --git a/projects/demo/src/modules/components/slider/examples/6/index.html b/projects/demo/src/modules/components/slider/examples/6/index.html index 5eb9894a2642..46c98f974126 100644 --- a/projects/demo/src/modules/components/slider/examples/6/index.html +++ b/projects/demo/src/modules/components/slider/examples/6/index.html @@ -1,7 +1,7 @@
@@ -24,6 +24,6 @@ diff --git a/projects/demo/src/modules/components/surface/examples/7/index.html b/projects/demo/src/modules/components/surface/examples/7/index.html index ac1c59b340ba..e6a2e7a8588a 100644 --- a/projects/demo/src/modules/components/surface/examples/7/index.html +++ b/projects/demo/src/modules/components/surface/examples/7/index.html @@ -44,7 +44,7 @@

Gas

 diff --git a/projects/demo/src/modules/components/tabs/examples/5/index.html b/projects/demo/src/modules/components/tabs/examples/5/index.html index 3f2bb36f906b..adcd4c2295ed 100644 --- a/projects/demo/src/modules/components/tabs/examples/5/index.html +++ b/projects/demo/src/modules/components/tabs/examples/5/index.html @@ -11,7 +11,7 @@ > {{ item }} diff --git a/projects/demo/src/modules/components/textarea/index.ts b/projects/demo/src/modules/components/textarea/index.ts index 20222af1d182..a730fd2811d9 100644 --- a/projects/demo/src/modules/components/textarea/index.ts +++ b/projects/demo/src/modules/components/textarea/index.ts @@ -44,7 +44,7 @@ import {InheritedDocumentationComponent} from '../abstract/inherited-documentati }) export default class PageComponent extends AbstractExampleTuiControl { protected readonly routes = DemoRoute; - protected readonly iconVariants = ['', 'tuiIconSearch', 'tuiIconCalendar']; + protected readonly iconVariants = ['', '@tui.search', '@tui.calendar']; protected icon = this.iconVariants[0]; protected readonly rowsVariants: readonly number[] = [8, 15, 30]; protected rows: number = this.rowsVariants[0]; diff --git a/projects/demo/src/modules/components/textfield/examples/1/index.html b/projects/demo/src/modules/components/textfield/examples/1/index.html index 9ad3975f9d59..82f0102b14ce 100644 --- a/projects/demo/src/modules/components/textfield/examples/1/index.html +++ b/projects/demo/src/modules/components/textfield/examples/1/index.html @@ -1,6 +1,6 @@ - + @@ -16,8 +16,8 @@ For long labels it is better to use label outside as it can wrap to multiple lines @@ -26,15 +26,15 @@ [placeholder]="m.focused ? 'I am placeholder' : 'I am a label'" [(ngModel)]="value" /> - + - + diff --git a/projects/demo/src/modules/components/textfield/examples/2/index.html b/projects/demo/src/modules/components/textfield/examples/2/index.html index fb308bf49b38..d06edfe0b045 100644 --- a/projects/demo/src/modules/components/textfield/examples/2/index.html +++ b/projects/demo/src/modules/components/textfield/examples/2/index.html @@ -1,4 +1,4 @@ - + - + - + + diff --git a/projects/demo/src/modules/components/thumbnail-card/examples/3/index.html b/projects/demo/src/modules/components/thumbnail-card/examples/3/index.html index 5d3f41c02900..9c737bb28323 100644 --- a/projects/demo/src/modules/components/thumbnail-card/examples/3/index.html +++ b/projects/demo/src/modules/components/thumbnail-card/examples/3/index.html @@ -1,5 +1,5 @@ diff --git a/projects/demo/src/modules/components/tiles/examples/import/template.md b/projects/demo/src/modules/components/tiles/examples/import/template.md index a23f62f6b326..36bedd97acc6 100644 --- a/projects/demo/src/modules/components/tiles/examples/import/template.md +++ b/projects/demo/src/modules/components/tiles/examples/import/template.md @@ -7,7 +7,7 @@ > {{ item.content }} diff --git a/projects/demo/src/modules/components/tooltip/examples/4/index.ts b/projects/demo/src/modules/components/tooltip/examples/4/index.ts index 189f1145b9e1..c73d488f38b7 100644 --- a/projects/demo/src/modules/components/tooltip/examples/4/index.ts +++ b/projects/demo/src/modules/components/tooltip/examples/4/index.ts @@ -11,7 +11,7 @@ import {tuiHintOptionsProvider, TuiTooltipModule} from '@taiga-ui/core'; changeDetection, providers: [ tuiHintOptionsProvider({ - icon: 'tuiIconCamera', + icon: '@tui.camera', }), ], }) diff --git a/projects/demo/src/modules/components/tree/examples/3/index.ts b/projects/demo/src/modules/components/tree/examples/3/index.ts index af2ea58c0246..31b0b2f25117 100644 --- a/projects/demo/src/modules/components/tree/examples/3/index.ts +++ b/projects/demo/src/modules/components/tree/examples/3/index.ts @@ -27,13 +27,13 @@ export default class ExampleComponent { children: [ { text: 'Top level 1', - icon: 'tuiIconHeart', + icon: '@tui.heart', children: [ { text: 'Another item', children: [ - {text: 'Next level 1', icon: 'tuiIconHeart'}, - {text: 'Next level 2', icon: 'tuiIconHeart'}, + {text: 'Next level 1', icon: '@tui.heart'}, + {text: 'Next level 2', icon: '@tui.heart'}, {text: 'Next level 3'}, ], }, @@ -42,7 +42,7 @@ export default class ExampleComponent { {text: 'Top level 2'}, { text: 'Top level 3', - children: [{text: 'Test 1'}, {text: 'Test 2', icon: 'tuiIconHeart'}], + children: [{text: 'Test 1'}, {text: 'Test 2', icon: '@tui.heart'}], }, ], }; diff --git a/projects/demo/src/modules/components/tree/examples/5/content.ts b/projects/demo/src/modules/components/tree/examples/5/content.ts index 84d30eccd61d..ae4f5d6d6468 100644 --- a/projects/demo/src/modules/components/tree/examples/5/content.ts +++ b/projects/demo/src/modules/components/tree/examples/5/content.ts @@ -20,6 +20,6 @@ import {TuiTreeItemContentComponent} from '@taiga-ui/kit'; }) export class FoldersComponent extends TuiTreeItemContentComponent { protected get icon(): string { - return this.isExpandable ? 'tuiIconFolder' : 'tuiIconFile'; + return this.isExpandable ? '@tui.folder' : '@tui.file'; } } diff --git a/projects/demo/src/modules/customization/portals/examples/1/index.html b/projects/demo/src/modules/customization/portals/examples/1/index.html index 780158451cf5..755bd43bfcb7 100644 --- a/projects/demo/src/modules/customization/portals/examples/1/index.html +++ b/projects/demo/src/modules/customization/portals/examples/1/index.html @@ -1,5 +1,5 @@ diff --git a/projects/demo/src/modules/directives/dropdown-open/examples/4/index.html b/projects/demo/src/modules/directives/dropdown-open/examples/4/index.html index ba19eca86cb9..161e230c3c43 100644 --- a/projects/demo/src/modules/directives/dropdown-open/examples/4/index.html +++ b/projects/demo/src/modules/directives/dropdown-open/examples/4/index.html @@ -16,7 +16,7 @@ tuiChevron tuiIconButton type="reset" - [iconLeft]="length ? 'tuiIconX' : ''" + [iconLeft]="length ? '@tui.x' : ''" (mousedown.silent.prevent)="(0)" > diff --git a/projects/demo/src/modules/directives/dropdown-open/examples/5/index.html b/projects/demo/src/modules/directives/dropdown-open/examples/5/index.html index 11f1aec6d3f7..cc5a80608fd0 100644 --- a/projects/demo/src/modules/directives/dropdown-open/examples/5/index.html +++ b/projects/demo/src/modules/directives/dropdown-open/examples/5/index.html @@ -1,5 +1,5 @@