From df352a461e5ec2463367bedab4f78998c61c18ec Mon Sep 17 00:00:00 2001 From: waterplea Date: Fri, 13 Oct 2023 17:12:37 +0400 Subject: [PATCH 1/2] feat(experimental): `Rating` add new component --- projects/core/styles/mixins/mixins.less | 2 +- projects/core/styles/mixins/mixins.scss | 2 +- projects/demo/src/modules/app/app.routes.ts | 8 ++ projects/demo/src/modules/app/pages.ts | 6 + .../experimental/button/button.template.html | 2 +- .../compass/compass.template.html | 2 +- .../experimental/rating/examples/1/index.html | 6 + .../experimental/rating/examples/1/index.less | 5 + .../experimental/rating/examples/1/index.ts | 14 ++ .../experimental/rating/examples/2/index.html | 20 +++ .../experimental/rating/examples/2/index.less | 23 ++++ .../experimental/rating/examples/2/index.ts | 29 +++++ .../experimental/rating/examples/3/index.html | 7 + .../experimental/rating/examples/3/index.ts | 11 ++ .../rating/examples/import/import-module.md | 13 ++ .../rating/examples/import/insert-template.md | 3 + .../experimental/rating/rating.component.ts | 33 +++++ .../experimental/rating/rating.module.ts | 31 +++++ .../experimental/rating/rating.template.html | 59 +++++++++ projects/experimental/components/index.ts | 1 + .../experimental/components/rating/index.ts | 3 + .../components/rating/ng-package.json | 8 ++ .../components/rating/rating.component.ts | 102 +++++++++++++++ .../components/rating/rating.module.ts | 21 +++ .../components/rating/rating.options.ts | 19 +++ .../components/rating/rating.style.less | 122 ++++++++++++++++++ .../components/rating/rating.template.html | 31 +++++ .../marker-icon/marker-icon.style.less | 2 +- .../tabs/underline/underline.style.less | 3 +- 29 files changed, 581 insertions(+), 7 deletions(-) create mode 100644 projects/demo/src/modules/experimental/rating/examples/1/index.html create mode 100644 projects/demo/src/modules/experimental/rating/examples/1/index.less create mode 100644 projects/demo/src/modules/experimental/rating/examples/1/index.ts create mode 100644 projects/demo/src/modules/experimental/rating/examples/2/index.html create mode 100644 projects/demo/src/modules/experimental/rating/examples/2/index.less create mode 100644 projects/demo/src/modules/experimental/rating/examples/2/index.ts create mode 100644 projects/demo/src/modules/experimental/rating/examples/3/index.html create mode 100644 projects/demo/src/modules/experimental/rating/examples/3/index.ts create mode 100644 projects/demo/src/modules/experimental/rating/examples/import/import-module.md create mode 100644 projects/demo/src/modules/experimental/rating/examples/import/insert-template.md create mode 100644 projects/demo/src/modules/experimental/rating/rating.component.ts create mode 100644 projects/demo/src/modules/experimental/rating/rating.module.ts create mode 100644 projects/demo/src/modules/experimental/rating/rating.template.html create mode 100644 projects/experimental/components/rating/index.ts create mode 100644 projects/experimental/components/rating/ng-package.json create mode 100644 projects/experimental/components/rating/rating.component.ts create mode 100644 projects/experimental/components/rating/rating.module.ts create mode 100644 projects/experimental/components/rating/rating.options.ts create mode 100644 projects/experimental/components/rating/rating.style.less create mode 100644 projects/experimental/components/rating/rating.template.html diff --git a/projects/core/styles/mixins/mixins.less b/projects/core/styles/mixins/mixins.less index f15f21f18648..95edbce46f59 100644 --- a/projects/core/styles/mixins/mixins.less +++ b/projects/core/styles/mixins/mixins.less @@ -273,7 +273,7 @@ .hoverable-with-shadow() { .shadow(); - .transition(all); + .transition(); cursor: pointer; transition-property: transform, box-shadow; will-change: transform, box-shadow; diff --git a/projects/core/styles/mixins/mixins.scss b/projects/core/styles/mixins/mixins.scss index 13861e620516..97eca32d9b7a 100644 --- a/projects/core/styles/mixins/mixins.scss +++ b/projects/core/styles/mixins/mixins.scss @@ -229,7 +229,7 @@ } // transition -@mixin transition($param, $speed: var(--tui-duration, 300ms)) { +@mixin transition($param: all, $speed: var(--tui-duration, 300ms)) { transition-property: $param; transition-duration: $speed; transition-timing-function: ease-in-out; diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts index d25a6924d888..2ba19d2f6ebd 100644 --- a/projects/demo/src/modules/app/app.routes.ts +++ b/projects/demo/src/modules/app/app.routes.ts @@ -257,6 +257,14 @@ export const ROUTES: Routes = [ title: `Fade`, }, }, + { + path: `experimental/rating`, + loadChildren: async () => + (await import(`../experimental/rating/rating.module`)).ExampleTuiRatingModule, + data: { + title: `Rating`, + }, + }, { path: `experimental/sensitive`, loadChildren: async () => diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts index 4bc069e2003d..ff91c97f9fd8 100644 --- a/projects/demo/src/modules/app/pages.ts +++ b/projects/demo/src/modules/app/pages.ts @@ -865,6 +865,12 @@ export const pages: TuiDocPages = [ keywords: `overflow, ellipsis, gradient, clamp, line`, route: `/experimental/fade`, }, + { + section: `Experimental`, + title: `Rating `, + keywords: `рейтинг, оценка, звезда, rating, star, rate`, + route: `/experimental/rating`, + }, { section: `Experimental`, title: `Sensitive`, diff --git a/projects/demo/src/modules/experimental/button/button.template.html b/projects/demo/src/modules/experimental/button/button.template.html index 722e64b0495c..afd6d0f4a946 100644 --- a/projects/demo/src/modules/experimental/button/button.template.html +++ b/projects/demo/src/modules/experimental/button/button.template.html @@ -122,7 +122,7 @@
  1. -

    Import module

    +

    Import module:

    1. -

      Import module

      +

      Import module:

      + + diff --git a/projects/demo/src/modules/experimental/rating/examples/1/index.less b/projects/demo/src/modules/experimental/rating/examples/1/index.less new file mode 100644 index 000000000000..baeefc4c0a9f --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/1/index.less @@ -0,0 +1,5 @@ +.rating { + fill: currentColor; + font-size: 0.625rem; + width: 10rem; +} diff --git a/projects/demo/src/modules/experimental/rating/examples/1/index.ts b/projects/demo/src/modules/experimental/rating/examples/1/index.ts new file mode 100644 index 000000000000..b970d81abedb --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/1/index.ts @@ -0,0 +1,14 @@ +import {Component} from '@angular/core'; +import {changeDetection} from '@demo/emulate/change-detection'; +import {encapsulation} from '@demo/emulate/encapsulation'; + +@Component({ + selector: 'tui-rating-example-1', + templateUrl: './index.html', + styleUrls: ['./index.less'], + changeDetection, + encapsulation, +}) +export class TuiRatingExample1 { + value = 0; +} diff --git a/projects/demo/src/modules/experimental/rating/examples/2/index.html b/projects/demo/src/modules/experimental/rating/examples/2/index.html new file mode 100644 index 000000000000..24c74a0b00ee --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/2/index.html @@ -0,0 +1,20 @@ + diff --git a/projects/demo/src/modules/experimental/rating/examples/2/index.less b/projects/demo/src/modules/experimental/rating/examples/2/index.less new file mode 100644 index 000000000000..6380c08e8c0e --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/2/index.less @@ -0,0 +1,23 @@ +.rating, +.button { + display: inline-block; + vertical-align: middle; +} + +.rating { + &[data-value='1'] { + color: var(--tui-negative); + } + + &[data-value='2'] { + color: var(--tui-warning-fill); + } + + &[data-value='3'] { + color: var(--tui-positive); + } + + &:hover { + color: var(--tui-info-fill); + } +} diff --git a/projects/demo/src/modules/experimental/rating/examples/2/index.ts b/projects/demo/src/modules/experimental/rating/examples/2/index.ts new file mode 100644 index 000000000000..7a0fcc376cac --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/2/index.ts @@ -0,0 +1,29 @@ +import {Component} from '@angular/core'; +import {changeDetection} from '@demo/emulate/change-detection'; +import {encapsulation} from '@demo/emulate/encapsulation'; +import {TuiContextWithImplicit} from '@taiga-ui/cdk'; +import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; + +@Component({ + selector: 'tui-rating-example-2', + templateUrl: 'index.html', + styleUrls: ['index.less'], + changeDetection, + encapsulation, +}) +export class TuiRatingExample2 { + value = 0; + + readonly icon: PolymorpheusContent> = ({ + $implicit, + }) => { + switch ($implicit) { + case 1: + return 'tuiIconFrownLarge'; + case 2: + return 'tuiIconMehLarge'; + default: + return 'tuiIconSmileLarge'; + } + }; +} diff --git a/projects/demo/src/modules/experimental/rating/examples/3/index.html b/projects/demo/src/modules/experimental/rating/examples/3/index.html new file mode 100644 index 000000000000..cb3e5b3ecac4 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/3/index.html @@ -0,0 +1,7 @@ + diff --git a/projects/demo/src/modules/experimental/rating/examples/3/index.ts b/projects/demo/src/modules/experimental/rating/examples/3/index.ts new file mode 100644 index 000000000000..a19b798ac811 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/3/index.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; +import {changeDetection} from '@demo/emulate/change-detection'; +import {encapsulation} from '@demo/emulate/encapsulation'; + +@Component({ + selector: 'tui-rating-example-3', + templateUrl: 'index.html', + changeDetection, + encapsulation, +}) +export class TuiRatingExample3 {} diff --git a/projects/demo/src/modules/experimental/rating/examples/import/import-module.md b/projects/demo/src/modules/experimental/rating/examples/import/import-module.md new file mode 100644 index 000000000000..7c43f9e8c8ac --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/import/import-module.md @@ -0,0 +1,13 @@ +```ts +import {NgModule} from '@angular/core'; +import {TuiRatingModule} from '@taiga-ui/experimental'; +// ... + +@NgModule({ + imports: [ + // ... + TuiRatingModule, + ], +}) +export class MyModule {} +``` diff --git a/projects/demo/src/modules/experimental/rating/examples/import/insert-template.md b/projects/demo/src/modules/experimental/rating/examples/import/insert-template.md new file mode 100644 index 000000000000..8797b75e3a99 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/examples/import/insert-template.md @@ -0,0 +1,3 @@ +```html + +``` diff --git a/projects/demo/src/modules/experimental/rating/rating.component.ts b/projects/demo/src/modules/experimental/rating/rating.component.ts new file mode 100644 index 000000000000..fcaa33fc53b1 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/rating.component.ts @@ -0,0 +1,33 @@ +import {Component} from '@angular/core'; +import {changeDetection} from '@demo/emulate/change-detection'; +import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc'; + +@Component({ + selector: 'example-rating', + templateUrl: './rating.template.html', + changeDetection, +}) +export class ExampleTuiRatingComponent { + readonly exampleModule: TuiRawLoaderContent = import( + './examples/import/import-module.md?raw' + ); + + readonly exampleHtml: TuiRawLoaderContent = import( + './examples/import/insert-template.md?raw' + ); + + readonly example1: TuiDocExample = { + HTML: import('./examples/1/index.html?raw'), + LESS: import('./examples/1/index.less?raw'), + }; + + readonly example2: TuiDocExample = { + TypeScript: import('./examples/2/index.ts?raw'), + HTML: import('./examples/2/index.html?raw'), + LESS: import('./examples/2/index.less?raw'), + }; + + readonly example3: TuiDocExample = { + HTML: import('./examples/3/index.html?raw'), + }; +} diff --git a/projects/demo/src/modules/experimental/rating/rating.module.ts b/projects/demo/src/modules/experimental/rating/rating.module.ts new file mode 100644 index 000000000000..01ed43bd58a4 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/rating.module.ts @@ -0,0 +1,31 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {tuiGetDocModules} from '@taiga-ui/addon-doc'; +import {TuiLabelModule, TuiNotificationModule} from '@taiga-ui/core'; +import {TuiButtonModule, TuiRatingModule} from '@taiga-ui/experimental'; + +import {TuiRatingExample1} from './examples/1'; +import {TuiRatingExample2} from './examples/2'; +import {TuiRatingExample3} from './examples/3'; +import {ExampleTuiRatingComponent} from './rating.component'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + TuiRatingModule, + TuiNotificationModule, + TuiLabelModule, + tuiGetDocModules(ExampleTuiRatingComponent), + TuiButtonModule, + ], + declarations: [ + ExampleTuiRatingComponent, + TuiRatingExample1, + TuiRatingExample2, + TuiRatingExample3, + ], + exports: [ExampleTuiRatingComponent], +}) +export class ExampleTuiRatingModule {} diff --git a/projects/demo/src/modules/experimental/rating/rating.template.html b/projects/demo/src/modules/experimental/rating/rating.template.html new file mode 100644 index 000000000000..4f89d219f125 --- /dev/null +++ b/projects/demo/src/modules/experimental/rating/rating.template.html @@ -0,0 +1,59 @@ + + + + This code is + experimental + and is a subject to change. Expect final solution to be shipped in the next major version + + + + + + + + + + + + + + + + +
        +
      1. +

        Import module:

        + + +
        2. + +
      2. +

        Add to the template:

        + + +
        3. +
      +       +       diff --git a/projects/experimental/components/index.ts b/projects/experimental/components/index.ts index 64b3bac5ba43..994a33dd4917 100644 --- a/projects/experimental/components/index.ts +++ b/projects/experimental/components/index.ts @@ -5,3 +5,4 @@ export * from '@taiga-ui/experimental/components/badge-alert'; export * from '@taiga-ui/experimental/components/badged-content'; export * from '@taiga-ui/experimental/components/button'; export * from '@taiga-ui/experimental/components/compass'; +export * from '@taiga-ui/experimental/components/rating'; diff --git a/projects/experimental/components/rating/index.ts b/projects/experimental/components/rating/index.ts new file mode 100644 index 000000000000..2a8d7a188384 --- /dev/null +++ b/projects/experimental/components/rating/index.ts @@ -0,0 +1,3 @@ +export * from './rating.component'; +export * from './rating.module'; +export * from './rating.options'; diff --git a/projects/experimental/components/rating/ng-package.json b/projects/experimental/components/rating/ng-package.json new file mode 100644 index 000000000000..bab5ebcdb74a --- /dev/null +++ b/projects/experimental/components/rating/ng-package.json @@ -0,0 +1,8 @@ +{ + "lib": { + "entryFile": "index.ts", + "styleIncludePaths": [ + "../../../core/styles" + ] + } +} diff --git a/projects/experimental/components/rating/rating.component.ts b/projects/experimental/components/rating/rating.component.ts new file mode 100644 index 000000000000..efdd07f0184c --- /dev/null +++ b/projects/experimental/components/rating/rating.component.ts @@ -0,0 +1,102 @@ +import { + ChangeDetectionStrategy, + ChangeDetectorRef, + Component, + ElementRef, + HostBinding, + HostListener, + Inject, + Input, + Optional, + Self, + ViewChild, +} from '@angular/core'; +import {NgControl} from '@angular/forms'; +import { + AbstractTuiControl, + tuiClamp, + TuiFocusableElementAccessor, + tuiIsNativeFocused, +} from '@taiga-ui/cdk'; + +import {TUI_RATING_OPTIONS, TuiRatingOptions} from './rating.options'; + +@Component({ + selector: 'tui-rating', + templateUrl: './rating.template.html', + styleUrls: ['./rating.style.less'], + changeDetection: ChangeDetectionStrategy.OnPush, +}) +export class TuiRatingComponent + extends AbstractTuiControl + implements TuiFocusableElementAccessor +{ + @ViewChild(NgControl, {read: ElementRef, static: true}) + private readonly input?: ElementRef; + + @Input() + icon = this.options.icon; + + @Input() + max = this.options.max; + + @HostBinding('class._active') + active = 0; + + constructor( + @Optional() + @Self() + @Inject(NgControl) + control: NgControl | null, + @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef, + @Inject(TUI_RATING_OPTIONS) private readonly options: TuiRatingOptions, + ) { + super(control, cdr); + } + + get nativeFocusableElement(): HTMLInputElement | null { + return this.computedDisabled ? null : this.input?.nativeElement || null; + } + + get focused(): boolean { + return tuiIsNativeFocused(this.nativeFocusableElement); + } + + @HostListener('keydown.capture', ['$event']) + onKeyDown(event: KeyboardEvent): void { + if (this.readOnly) { + event.preventDefault(); + } + } + + @HostListener('pointerdown', ['1']) + @HostListener('pointercancel', ['-1']) + @HostListener('document:pointerup', ['-1']) + onPointer(delta: number): void { + this.active = tuiClamp(this.active + delta, 0, 1); + } + + onClick(value: number): void { + if (this.active) { + this.value = value; + } + } + + isActive(index: number): boolean { + return Math.ceil(this.value) >= this.max - index; + } + + isFraction(index: number): boolean { + return this.value > this.max - index - 1 && this.value < this.max - index; + } + + getCut(index: number): number { + return this.isFraction(index) + ? 100 * Math.max(this.max - index - this.value, 0) + : 0; + } + + protected getFallbackValue(): number { + return 0; + } +} diff --git a/projects/experimental/components/rating/rating.module.ts b/projects/experimental/components/rating/rating.module.ts new file mode 100644 index 000000000000..4cc3607ddca8 --- /dev/null +++ b/projects/experimental/components/rating/rating.module.ts @@ -0,0 +1,21 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {TuiRepeatTimesModule} from '@taiga-ui/cdk'; +import {TuiSvgModule} from '@taiga-ui/core'; +import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus'; + +import {TuiRatingComponent} from './rating.component'; + +@NgModule({ + imports: [ + CommonModule, + TuiSvgModule, + FormsModule, + TuiRepeatTimesModule, + PolymorpheusModule, + ], + declarations: [TuiRatingComponent], + exports: [TuiRatingComponent], +}) +export class TuiRatingModule {} diff --git a/projects/experimental/components/rating/rating.options.ts b/projects/experimental/components/rating/rating.options.ts new file mode 100644 index 000000000000..ecd6d0ca64d8 --- /dev/null +++ b/projects/experimental/components/rating/rating.options.ts @@ -0,0 +1,19 @@ +import {Provider} from '@angular/core'; +import {TuiContextWithImplicit, tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk'; +import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; + +export interface TuiRatingOptions { + readonly icon: PolymorpheusContent>; + readonly max: number; +} + +export const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = { + icon: `tuiIconStarLarge`, + max: 5, +}; + +export const TUI_RATING_OPTIONS = tuiCreateToken(TUI_RATING_DEFAULT_OPTIONS); + +export function tuiRatingOptionsProvider(options: Partial): Provider { + return tuiProvideOptions(TUI_RATING_OPTIONS, options, TUI_RATING_DEFAULT_OPTIONS); +} diff --git a/projects/experimental/components/rating/rating.style.less b/projects/experimental/components/rating/rating.style.less new file mode 100644 index 000000000000..819866832193 --- /dev/null +++ b/projects/experimental/components/rating/rating.style.less @@ -0,0 +1,122 @@ +@import 'taiga-ui-local'; + +:host { + position: relative; + display: block; + width: fit-content; + min-width: fit-content; + font-size: 1rem; + color: var(--tui-support-12); + cursor: pointer; + user-select: none; + fill: transparent; + + &._readonly { + pointer-events: none; + } + + &._disabled { + pointer-events: none; + opacity: var(--tui-disabled-opacity); + } +} + +.t-range { + .fullsize(); + opacity: 0; + box-sizing: border-box; + padding: 0 0.75em; + pointer-events: none; + + &:focus-visible + .t-items { + box-shadow: inset 0 0 0 0.125rem var(--tui-focus); + } +} + +.t-items { + position: relative; + display: flex; + flex-direction: row-reverse; + border-radius: var(--tui-radius-s); + fill: inherit; + + &:hover { + .t-icon { + clip-path: inset(0 0 0 0); + + &_blank { + clip-path: inset(0 0 0 100%); + } + } + } +} + +.t-item { + position: relative; + flex: 1 0 0; + color: var(--tui-base-06); + fill: inherit; + transition-property: color, transform; + transition-duration: var(--tui-duration); + transition-timing-function: ease-in-out, cubic-bezier(0.35, 1.5, 0.4, 2.5); + + &:first-child { + max-width: 2.5em; + } + + &:hover, + &:hover ~ &, + .t-items:not(:hover) &_active { + color: currentColor; + } + + .t-items:active &:hover, + .t-items:active &:hover ~ & { + transform: scale(0.85); + transition-duration: var(--tui-duration), calc(var(--tui-duration) / 3); + transition-timing-function: ease-in-out; + } +} + +.t-icon { + .transition(clip-path); + width: 2.5em; + height: 2.5em; + font-size: inherit; + fill: inherit; + clip-path: inset(0 var(--t-cut) 0 0); + + ::ng-deep > * { + font-size: 1rem; + } + + &_blank { + position: absolute; + top: 0; + left: 0; + display: none; + color: var(--tui-base-06); + clip-path: inset(0 0 0 var(--t-cut)); + } + + &_fraction { + display: block; + } +} + +@media (any-pointer: coarse) { + :host._active { + .t-item_active { + transform: scale(0.85); + transition-timing-function: ease-in-out; + } + } + + .t-range { + pointer-events: auto; + } + + .t-icon { + transition: none; + } +} diff --git a/projects/experimental/components/rating/rating.template.html b/projects/experimental/components/rating/rating.template.html new file mode 100644 index 000000000000..0bfb3ee92496 --- /dev/null +++ b/projects/experimental/components/rating/rating.template.html @@ -0,0 +1,31 @@ +
      +
      + + +
      +
      + diff --git a/projects/kit/components/marker-icon/marker-icon.style.less b/projects/kit/components/marker-icon/marker-icon.style.less index ab582ad198f2..59d0f99db2e7 100644 --- a/projects/kit/components/marker-icon/marker-icon.style.less +++ b/projects/kit/components/marker-icon/marker-icon.style.less @@ -7,7 +7,7 @@ @size-xl: 8rem; :host { - .transition(all); + .transition(); position: relative; display: inline-flex; align-items: center; diff --git a/projects/kit/components/tabs/underline/underline.style.less b/projects/kit/components/tabs/underline/underline.style.less index ef846cdbef72..5d2035c4ef39 100644 --- a/projects/kit/components/tabs/underline/underline.style.less +++ b/projects/kit/components/tabs/underline/underline.style.less @@ -1,14 +1,13 @@ @import 'taiga-ui-local'; :host { - .transition(all); + .transition(none); position: absolute; left: 0; height: 100%; color: var(--tui-primary); transform: scale(0); box-shadow: inset 0 -0.1875rem 0 -0.0625rem; - transition-property: none; pointer-events: none; &[data-mode='onDark'] { From 2b0f06067488fd605786edbc3624ea071361e66b Mon Sep 17 00:00:00 2001 From: taiga-family-bot Date: Fri, 13 Oct 2023 13:46:46 +0000 Subject: [PATCH 2/2] chore: icons have changed [bot] --- projects/cdk/constants/used-icons.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/cdk/constants/used-icons.ts b/projects/cdk/constants/used-icons.ts index 8f528fe1c41d..0d511951263f 100644 --- a/projects/cdk/constants/used-icons.ts +++ b/projects/cdk/constants/used-icons.ts @@ -49,6 +49,7 @@ export const TUI_USED_ICONS = [ `tuiIconCheckCircle`, `tuiIconXCircle`, `tuiIconChevronLeft`, + `tuiIconStarLarge`, `tuiIconChevronDown`, `tuiIconChevronDownLarge`, `tuiIconFileLarge`, @@ -61,7 +62,6 @@ export const TUI_USED_ICONS = [ `tuiIconEyeLarge`, `tuiIconClock`, `tuiIconClockLarge`, - `tuiIconStarLarge`, `tuiIconToggleOff`, `tuiIconToggleOffLarge`, `tuiIconToggleOn`,