@taiga-ui/kit 4.52.0-canary.669a014 → 4.52.0-canary.692273c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "4.52.0-canary.669a014",
+  "version": "4.52.0-canary.692273c",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -53,14 +53,14 @@
       "types": "./components/avatar/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-avatar.mjs"
     },
-    "./components/badge-notification": {
-      "types": "./components/badge-notification/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-badge-notification.mjs"
-    },
     "./components/badge": {
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-badge.mjs"
     },
+    "./components/badge-notification": {
+      "types": "./components/badge-notification/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-badge-notification.mjs"
+    },
     "./components/badged-content": {
       "types": "./components/badged-content/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-badged-content.mjs"
@@ -113,6 +113,10 @@
       "types": "./components/confirm/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-confirm.mjs"
     },
+    "./components/copy": {
+      "types": "./components/copy/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-copy.mjs"
+    },
     "./components/data-list-wrapper": {
       "types": "./components/data-list-wrapper/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs"
@@ -137,6 +141,10 @@
       "types": "./components/floating-container/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-floating-container.mjs"
     },
+    "./components/fullscreen": {
+      "types": "./components/fullscreen/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-fullscreen.mjs"
+    },
     "./components/input-chip": {
       "types": "./components/input-chip/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-input-chip.mjs"
@@ -297,22 +305,22 @@
       "types": "./components/slides/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-slides.mjs"
     },
-    "./components/switch": {
-      "types": "./components/switch/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-switch.mjs"
+    "./components/status": {
+      "types": "./components/status/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-status.mjs"
     },
     "./components/stepper": {
       "types": "./components/stepper/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-stepper.mjs"
     },
+    "./components/switch": {
+      "types": "./components/switch/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-switch.mjs"
+    },
     "./components/tabs": {
       "types": "./components/tabs/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tabs.mjs"
     },
-    "./components/status": {
-      "types": "./components/status/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-status.mjs"
-    },
     "./components/textarea": {
       "types": "./components/textarea/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-textarea.mjs"
@@ -321,34 +329,34 @@
       "types": "./components/tiles/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tiles.mjs"
     },
+    "./components/toast": {
+      "types": "./components/toast/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-toast.mjs"
+    },
     "./components/tree": {
       "types": "./components/tree/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
     },
-    "./directives/button-close": {
-      "types": "./directives/button-close/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-button-close.mjs"
-    },
     "./directives/button-select": {
       "types": "./directives/button-select/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
     },
-    "./directives/chevron": {
-      "types": "./directives/chevron/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-chevron.mjs"
-    },
     "./directives/button-group": {
       "types": "./directives/button-group/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
     },
+    "./directives/button-close": {
+      "types": "./directives/button-close/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-button-close.mjs"
+    },
+    "./directives/chevron": {
+      "types": "./directives/chevron/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-chevron.mjs"
+    },
     "./directives/connected": {
       "types": "./directives/connected/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
     },
-    "./directives/copy": {
-      "types": "./directives/copy/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-copy.mjs"
-    },
     "./directives/data-list-dropdown-manager": {
       "types": "./directives/data-list-dropdown-manager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs"
@@ -439,12 +447,13 @@
     "@maskito/core": "^3.11.1",
     "@maskito/kit": "^3.11.1",
     "@maskito/phone": "^3.11.1",
-    "@ng-web-apis/common": "^4.12.0",
-    "@ng-web-apis/intersection-observer": "^4.12.0",
-    "@ng-web-apis/mutation-observer": "^4.12.0",
-    "@ng-web-apis/resize-observer": "^4.12.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/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"

package/styles/components/chip.less

@@ -32,6 +32,7 @@ tui-chip,
     block-size: var(--t-size);
     inline-size: fit-content;
     isolation: isolate;
+    max-inline-size: stretch;
 
     .interactive({
         cursor: pointer;

package/styles/components/toast.less

@@ -0,0 +1,44 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
+
+[tuiToast] {
+    .transition(transform);
+
+    display: flex;
+    grid-row: 1 / span 2;
+    box-sizing: border-box;
+    gap: 0.75rem;
+    color: var(--tui-text-primary);
+    background: var(--tui-background-elevation-3);
+    min-block-size: 3.5rem;
+    border-radius: 1rem;
+    padding: 0.75rem 1rem;
+    box-shadow: var(--tui-shadow-medium);
+    align-items: center;
+    justify-content: center;
+    inline-size: max-content;
+    font: var(--tui-font-text-ui-s);
+    max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
+    border: inherit;
+    text-decoration: none;
+    overflow: hidden;
+
+    .interactive({
+        cursor: pointer;
+    });
+
+    > *,
+    &::after,
+    &::before {
+        max-inline-size: 50%;
+        margin: 0 -0.25rem;
+    }
+
+    &::after {
+        font-size: 1rem;
+        color: var(--tui-text-tertiary);
+    }
+
+    [tuiAvatar] {
+        margin-inline-end: 0;
+    }
+}

package/components/accordion/accordion-item-content.directive.d.ts

@@ -1,6 +0,0 @@
-import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
-import * as i0 from "@angular/core";
-export declare class TuiAccordionItemContent extends PolymorpheusTemplate<Record<string, unknown>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemContent, "ng-template[tuiAccordionItemContent]", never, {}, {}, never, never, true, never>;
-}

package/components/accordion/accordion-item-eager-content.directive.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiAccordionItemEagerContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemEagerContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemEagerContent, "[tuiAccordionItemContent]:not(ng-template)", never, {}, {}, never, never, true, never>;
-}

package/components/accordion/accordion-item.component.d.ts

@@ -1,25 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { type TuiSizeS } from '@taiga-ui/core/types';
-import { TuiAccordionItemContent } from './accordion-item-content.directive';
-import { TuiAccordionItemEagerContent } from './accordion-item-eager-content.directive';
-import * as i0 from "@angular/core";
-export declare class TuiAccordionItem {
-    private readonly cdr;
-    protected readonly eagerContent?: TuiAccordionItemEagerContent;
-    protected readonly lazyContent?: TuiAccordionItemContent;
-    noPadding: boolean;
-    showArrow: boolean;
-    borders: 'all' | 'top-bottom' | null;
-    size: TuiSizeS;
-    disabled: boolean;
-    disableHover: boolean;
-    open: boolean;
-    async: boolean;
-    readonly openChange: EventEmitter<boolean>;
-    close(): void;
-    protected onRowToggle(): void;
-    protected onItemKeyDownEsc(event: Event): void;
-    private updateOpen;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionItem, "tui-accordion-item", never, { "noPadding": { "alias": "noPadding"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableHover": { "alias": "disableHover"; "required": false; }; "open": { "alias": "open"; "required": false; }; "async": { "alias": "async"; "required": false; }; }, { "openChange": "openChange"; }, ["eagerContent", "lazyContent"], ["*", "[tuiAccordionItemContent]:not(ng-template)"], true, never>;
-}

package/components/action-bar/action-bar.d.ts

@@ -1,3 +0,0 @@
-import { TuiActionBarComponent } from './action-bar.component';
-import { TuiActionBarDirective } from './action-bar.directive';
-export declare const TuiActionBar: readonly [typeof TuiActionBarComponent, typeof TuiActionBarDirective];

package/components/action-bar/action-bar.directive.d.ts

@@ -1,6 +0,0 @@
-import { TuiDropdownPortal } from '@taiga-ui/core/directives/dropdown';
-import * as i0 from "@angular/core";
-export declare class TuiActionBarDirective extends TuiDropdownPortal {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActionBarDirective, "ng-template[tuiActionBar]", never, { "tuiDropdown": { "alias": "tuiActionBar"; "required": false; }; }, {}, never, never, true, never>;
-}