@taiga-ui/kit 4.42.0 → 4.43.0-canary.0505af2

package/styles/components/badge.less

@@ -37,7 +37,7 @@ tui-badge,
     &[tuiStatus]::before {
         inline-size: 0.375rem;
         block-size: 0.375rem;
-        margin-inline-end: -0.25rem;
+        margin: 0;
     }
 
     > tui-icon,
@@ -68,18 +68,6 @@ tui-badge,
         --t-status: var(--tui-status-neutral);
     }
 
-    &[tuiStatus][data-appearance='error']::before, /* TODO @deprecated remove in v5 */
-    &[tuiStatus][data-appearance='success']::before, /* TODO @deprecated remove in v5 */
-    &[tuiStatus][data-appearance='negative']::before,
-    &[tuiStatus][data-appearance='positive']::before,
-    &[tuiStatus][data-appearance='warning']::before,
-    &[tuiStatus][data-appearance='info']::before,
-    &[tuiStatus][data-appearance='neutral']::before {
-        content: '';
-        display: block;
-        margin: 0;
-    }
-
     &[data-size='s'] {
         --t-padding: 0 0.3125rem;
         --t-size: 1rem;

package/styles/components/pin.less

@@ -79,7 +79,7 @@ tui-pin,
         font: var(--tui-font-text-m);
         font-weight: bold;
         border-width: 0;
-        margin-top: -2.75rem;
+        margin-block-start: -2.75rem;
 
         > img {
             padding: 0.125rem;
@@ -109,7 +109,7 @@ tui-pin,
         font: var(--tui-font-text-m);
         font-weight: bold;
         border-width: 0;
-        margin-top: -2.75rem;
+        margin-block-start: -2.75rem;
 
         > img {
             padding: 0.125rem;

package/styles/components/progress-bar.less

@@ -38,7 +38,7 @@
 */
 .progressAnimation() {
     &::-webkit-progress-value {
-        transition: width var(--tui-duration) linear;
+        transition: inline-size var(--tui-duration) linear;
     }
 }
 

package/tokens/calendar-date-stream.d.ts

@@ -1,4 +1,5 @@
-import type { InjectionToken, Provider } from '@angular/core';
+import type { Provider } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import type { TuiDay, TuiDayRange } from '@taiga-ui/cdk/date-time';
 import type { Observable } from 'rxjs';

package/tokens/date-inputs-value-transformers.d.ts

@@ -1,18 +1,19 @@
+import { InjectionToken } from '@angular/core';
 import type { TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import type { TuiDay, TuiDayRange, TuiTime } from '@taiga-ui/cdk/date-time';
 /**
  * Control value transformer of TuiDay to custom value format for InputDate* components
  */
-export declare const TUI_DATE_VALUE_TRANSFORMER: import("@angular/core").InjectionToken<TuiValueTransformer<TuiDay | null, unknown>>;
+export declare const TUI_DATE_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiDay | null, unknown>>;
 /**
  * Control value transformer for InputDateRange component
  */
-export declare const TUI_DATE_RANGE_VALUE_TRANSFORMER: import("@angular/core").InjectionToken<TuiValueTransformer<TuiDayRange | null, unknown>>;
+export declare const TUI_DATE_RANGE_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiDayRange | null, unknown>>;
 /**
  * Control value transformer for InputDateTime component
  */
-export declare const TUI_DATE_TIME_VALUE_TRANSFORMER: import("@angular/core").InjectionToken<TuiValueTransformer<[TuiDay, TuiTime | null], unknown>>;
+export declare const TUI_DATE_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<[TuiDay, TuiTime | null], unknown>>;
 /**
  * Control value transformer for InputTime component
  */
-export declare const TUI_TIME_VALUE_TRANSFORMER: import("@angular/core").InjectionToken<TuiValueTransformer<TuiTime | null, unknown>>;
+export declare const TUI_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiTime | null, unknown>>;

package/tokens/i18n.d.ts

@@ -1,20 +1,21 @@
+import { InjectionToken } from '@angular/core';
 import type { TuiDateMode } from '@taiga-ui/cdk/date-time';
 import type { TuiCountryIsoCode } from '@taiga-ui/i18n/types';
 import type { Observable } from 'rxjs';
-export declare const TUI_CONFIRM_WORDS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_CONFIRM_WORDS: InjectionToken<Observable<{
     no: string;
     yes: string;
 }>>;
-export declare const TUI_CANCEL_WORD: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_DONE_WORD: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_MORE_WORD: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_HIDE_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_SHOW_ALL_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_OTHER_DATE_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
-export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
-export declare const TUI_FROM_TO_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [from: string, to: string]>>;
-export declare const TUI_PLUS_MINUS_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [plus: string, minus: string]>>;
-export declare const TUI_TIME_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_CANCEL_WORD: InjectionToken<Observable<string>>;
+export declare const TUI_DONE_WORD: InjectionToken<Observable<string>>;
+export declare const TUI_MORE_WORD: InjectionToken<Observable<string>>;
+export declare const TUI_HIDE_TEXT: InjectionToken<Observable<string>>;
+export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Observable<string>>;
+export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Observable<string>>;
+export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
+export declare const TUI_FROM_TO_TEXTS: InjectionToken<Observable<readonly [from: string, to: string]>>;
+export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Observable<readonly [plus: string, minus: string]>>;
+export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
     'MM:SS': string;
     'HH:MM': string;
     'HH:MM AA': string;
@@ -28,18 +29,18 @@ export declare const TUI_TIME_TEXTS: import("@angular/core").InjectionToken<Obse
     'MM.SS.MSS': string;
     'SS.MSS': string;
 }>>;
-export declare const TUI_DATE_TEXTS: import("@angular/core").InjectionToken<Observable<Record<TuiDateMode, string>>>;
-export declare const TUI_DIGITAL_INFORMATION_UNITS: import("@angular/core").InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
-export declare const TUI_COPY_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [copy: string, copied: string]>>;
-export declare const TUI_PASSWORD_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
-export declare const TUI_CALENDAR_MONTHS: import("@angular/core").InjectionToken<Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
-export declare const TUI_FILE_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_DATE_TEXTS: InjectionToken<Observable<Record<TuiDateMode, string>>>;
+export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
+export declare const TUI_COPY_TEXTS: InjectionToken<Observable<readonly [copy: string, copied: string]>>;
+export declare const TUI_PASSWORD_TEXTS: InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
+export declare const TUI_CALENDAR_MONTHS: InjectionToken<Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
+export declare const TUI_FILE_TEXTS: InjectionToken<Observable<{
     loadingError: string;
     preview: string;
     remove: string;
 }>>;
-export declare const TUI_PAGINATION_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
-export declare const TUI_INPUT_FILE_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_PAGINATION_TEXTS: InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
+export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
     defaultLabelMultiple: string;
     defaultLabelSingle: string;
     defaultLinkMultiple: string;
@@ -49,17 +50,17 @@ export declare const TUI_INPUT_FILE_TEXTS: import("@angular/core").InjectionToke
     formatRejectionReason: string;
     maxSizeRejectionReason: string;
 }>>;
-export declare const TUI_MULTI_SELECT_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Observable<{
     all: string;
     none: string;
 }>>;
-export declare const TUI_COUNTRIES: import("@angular/core").InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
-export declare const TUI_PREVIEW_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_COUNTRIES: InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
+export declare const TUI_PREVIEW_TEXTS: InjectionToken<Observable<{
     rotate: string;
 }>>;
-export declare const TUI_PREVIEW_ZOOM_TEXTS: import("@angular/core").InjectionToken<Observable<{
+export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Observable<{
     zoomIn: string;
     zoomOut: string;
     reset: string;
 }>>;
-export declare const TUI_INTERNATIONAL_SEARCH: import("@angular/core").InjectionToken<Observable<string>>;
+export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Observable<string>>;

package/tokens/items-handlers.d.ts

@@ -1,7 +1,8 @@
 import type { Provider } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import type { TuiBooleanHandler, TuiIdentityMatcher, TuiStringHandler } from '@taiga-ui/cdk/types';
 /**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/kit`.
+ * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
 export interface TuiItemsHandlers<T> {
@@ -10,17 +11,17 @@ export interface TuiItemsHandlers<T> {
     readonly stringify: TuiStringHandler<T>;
 }
 /**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/kit`.
+ * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
 export declare const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown>;
 /**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/kit`.
+ * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
-export declare const TUI_ITEMS_HANDLERS: import("@angular/core").InjectionToken<TuiItemsHandlers<unknown>>;
+export declare const TUI_ITEMS_HANDLERS: InjectionToken<TuiItemsHandlers<unknown>>;
 /**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/kit`.
+ * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
 export declare function tuiItemsHandlersProvider<T>(options: Partial<TuiItemsHandlers<T>>): Provider;

package/tokens/mobile-calendar.d.ts

@@ -1,6 +1,7 @@
 import type { FactoryProvider, Type } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 /**
  * A component for mobile data picker
  */
-export declare const TUI_MOBILE_CALENDAR: import("@angular/core").InjectionToken<Type<unknown>>;
+export declare const TUI_MOBILE_CALENDAR: InjectionToken<Type<unknown>>;
 export declare const TUI_MOBILE_CALENDAR_PROVIDER: FactoryProvider;

package/tokens/month-formatter.d.ts

@@ -1,4 +1,5 @@
+import { InjectionToken } from '@angular/core';
 import type { TuiMonth } from '@taiga-ui/cdk/date-time';
 import type { TuiHandler } from '@taiga-ui/cdk/types';
 import type { Observable } from 'rxjs';
-export declare const TUI_MONTH_FORMATTER: import("@angular/core").InjectionToken<Observable<TuiHandler<TuiMonth | null, string>>>;
+export declare const TUI_MONTH_FORMATTER: InjectionToken<Observable<TuiHandler<TuiMonth | null, string>>>;

package/tokens/preview-icons.d.ts

@@ -1,4 +1,5 @@
 import type { Provider } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 export interface TuiPreviewIcons {
     readonly next: string;
     readonly prev: string;
@@ -8,5 +9,5 @@ export interface TuiPreviewIcons {
     readonly zoomReset: string;
 }
 export declare const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons;
-export declare const TUI_PREVIEW_ICONS: import("@angular/core").InjectionToken<TuiPreviewIcons>;
+export declare const TUI_PREVIEW_ICONS: InjectionToken<TuiPreviewIcons>;
 export declare function tuiPreviewIconsProvider(icons: Partial<TuiPreviewIcons>): Provider;

package/tokens/validation-errors.d.ts

@@ -1,5 +1,6 @@
 import type { Provider } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import type { Observable } from 'rxjs';
-export declare const TUI_VALIDATION_ERRORS: import("@angular/core").InjectionToken<Record<string, PolymorpheusContent | Observable<PolymorpheusContent>>>;
+export declare const TUI_VALIDATION_ERRORS: InjectionToken<Record<string, PolymorpheusContent | Observable<PolymorpheusContent>>>;
 export declare const tuiValidationErrorsProvider: (useValue: Record<string, Observable<PolymorpheusContent> | PolymorpheusContent>) => Provider;

package/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './create-time-periods';
+export * from './inject-value';
 export * from './is-flat';
 export * from './maskito.binding';
 export * from './phone';

package/utils/inject-value.d.ts

@@ -0,0 +1,2 @@
+import type { Signal } from '@angular/core';
+export declare function tuiInjectValue<T>(): Signal<T>;