@taiga-ui/kit 4.52.0-canary.a59c4d0 → 4.52.0-canary.aaf153c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "4.52.0-canary.a59c4d0",
+  "version": "4.52.0-canary.aaf153c",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -65,6 +65,10 @@
       "types": "./components/badged-content/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-badged-content.mjs"
     },
+    "./components/block": {
+      "types": "./components/block/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-block.mjs"
+    },
     "./components/breadcrumbs": {
       "types": "./components/breadcrumbs/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-breadcrumbs.mjs"
@@ -77,10 +81,6 @@
       "types": "./components/calendar-month/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-calendar-month.mjs"
     },
-    "./components/block": {
-      "types": "./components/block/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-block.mjs"
-    },
     "./components/calendar-range": {
       "types": "./components/calendar-range/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-calendar-range.mjs"
@@ -439,17 +439,17 @@
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
     "@angular/router": ">=19.0.0",
-    "@maskito/angular": "^3.11.1",
-    "@maskito/core": "^3.11.1",
-    "@maskito/kit": "^3.11.1",
-    "@maskito/phone": "^3.11.1",
+    "@maskito/angular": "^4.0.0",
+    "@maskito/core": "^4.0.0",
+    "@maskito/kit": "^4.0.0",
+    "@maskito/phone": "^4.0.0",
     "@ng-web-apis/common": "^4.12.2",
     "@ng-web-apis/intersection-observer": "^4.12.2",
     "@ng-web-apis/mutation-observer": "^4.12.2",
     "@ng-web-apis/resize-observer": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
-    "@taiga-ui/design-tokens": "~0.257.0",
+    "@taiga-ui/design-tokens": "~0.258.0",
     "@taiga-ui/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"

package/styles/components/badge.less

@@ -26,6 +26,7 @@ tui-badge,
     .button-base();
 
     border-radius: 6rem;
+    justify-content: center;
     background: #959595;
     color: var(--tui-background-base);
     padding: var(--t-padding);

package/styles/components/chip.less

@@ -11,7 +11,7 @@
  * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
  *
  * @example
- * <tui-chip>Sale</tui-badge>
+ * <tui-chip>Sale</tui-chip>
  *
  * @see-also
  * Icons, Appearance, Badge, Block
@@ -48,6 +48,11 @@ tui-chip,
         margin: -0.375rem;
     }
 
+    > tui-badge,
+    > [tuiBadge] {
+        margin-inline-end: 0;
+    }
+
     &[data-size='xxs'] {
         // StackBlitz changes "0rem" to "0" breaking calc
         --t-gap: ~'0rem';
@@ -86,6 +91,11 @@ tui-chip,
         & > [tuiIconButton] {
             margin: -0.75rem;
         }
+
+        & > tui-badge,
+        & > [tuiBadge] {
+            margin-inline-start: -0.375rem;
+        }
     }
 
     & > img,

package/tokens/i18n.d.ts

@@ -1,21 +1,20 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, type Signal } 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: InjectionToken<Observable<{
+export declare const TUI_CONFIRM_WORDS: InjectionToken<Signal<{
     no: string;
     yes: string;
 }>>;
-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<{
+export declare const TUI_CANCEL_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_DONE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_MORE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_HIDE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Signal<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
+export declare const TUI_FROM_TO_TEXTS: InjectionToken<Signal<readonly [from: string, to: string]>>;
+export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Signal<readonly [plus: string, minus: string]>>;
+export declare const TUI_TIME_TEXTS: InjectionToken<Signal<{
     'MM:SS': string;
     'HH:MM': string;
     'HH:MM AA': string;
@@ -29,18 +28,18 @@ export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
     'MM.SS.MSS': string;
     'SS.MSS': string;
 }>>;
-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<{
+export declare const TUI_DATE_TEXTS: InjectionToken<Signal<Record<TuiDateMode, string>>>;
+export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Signal<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
+export declare const TUI_COPY_TEXTS: InjectionToken<Signal<readonly [copy: string, copied: string]>>;
+export declare const TUI_PASSWORD_TEXTS: InjectionToken<Signal<readonly [show_password: string, hide_password: string]>>;
+export declare const TUI_CALENDAR_MONTHS: InjectionToken<Signal<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<Signal<{
     loadingError: string;
     preview: string;
     remove: string;
 }>>;
-export declare const TUI_PAGINATION_TEXTS: InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
-export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PAGINATION_TEXTS: InjectionToken<Signal<readonly [previous_page: string, next_page: string]>>;
+export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Signal<{
     defaultLabelMultiple: string;
     defaultLabelSingle: string;
     defaultLinkMultiple: string;
@@ -50,17 +49,17 @@ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
     formatRejectionReason: string;
     maxSizeRejectionReason: string;
 }>>;
-export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Observable<{
+export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Signal<{
     all: string;
     none: string;
 }>>;
-export declare const TUI_COUNTRIES: InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
-export declare const TUI_PREVIEW_TEXTS: InjectionToken<Observable<{
+export declare const TUI_COUNTRIES: InjectionToken<Signal<Record<TuiCountryIsoCode, string>>>;
+export declare const TUI_PREVIEW_TEXTS: InjectionToken<Signal<{
     rotate: string;
 }>>;
-export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
     zoomIn: string;
     zoomOut: string;
     reset: string;
 }>>;
-export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Observable<string>>;
+export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;