@taiga-ui/kit 5.0.0-canary.b5906eb → 5.0.0-canary.ba4fa64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "5.0.0-canary.b5906eb",
+  "version": "5.0.0-canary.ba4fa64",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -24,6 +24,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/taiga-ui-kit.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-directives.mjs"
@@ -32,10 +36,6 @@
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-pipes.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components.mjs"
-    },
     "./tokens": {
       "types": "./tokens/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-tokens.mjs"
@@ -44,110 +44,6 @@
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-utils.mjs"
     },
-    "./directives/appearance-proxy": {
-      "types": "./directives/appearance-proxy/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs"
-    },
-    "./directives/button-select": {
-      "types": "./directives/button-select/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
-    },
-    "./directives/button-group": {
-      "types": "./directives/button-group/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
-    },
-    "./directives/chevron": {
-      "types": "./directives/chevron/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-chevron.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"
-    },
-    "./directives/connected": {
-      "types": "./directives/connected/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
-    },
-    "./directives/fade": {
-      "types": "./directives/fade/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-fade.mjs"
-    },
-    "./directives/fluid-typography": {
-      "types": "./directives/fluid-typography/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-fluid-typography.mjs"
-    },
-    "./directives/highlight": {
-      "types": "./directives/highlight/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-highlight.mjs"
-    },
-    "./directives/password": {
-      "types": "./directives/password/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-password.mjs"
-    },
-    "./directives/sensitive": {
-      "types": "./directives/sensitive/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-sensitive.mjs"
-    },
-    "./directives/skeleton": {
-      "types": "./directives/skeleton/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-skeleton.mjs"
-    },
-    "./directives/shimmer": {
-      "types": "./directives/shimmer/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-shimmer.mjs"
-    },
-    "./directives/tooltip": {
-      "types": "./directives/tooltip/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-tooltip.mjs"
-    },
-    "./directives/unfinished-validator": {
-      "types": "./directives/unfinished-validator/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs"
-    },
-    "./directives/unmask-handler": {
-      "types": "./directives/unmask-handler/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-unmask-handler.mjs"
-    },
-    "./pipes/auto-color": {
-      "types": "./pipes/auto-color/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-auto-color.mjs"
-    },
-    "./directives/present": {
-      "types": "./directives/present/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-directives-present.mjs"
-    },
-    "./pipes/emails": {
-      "types": "./pipes/emails/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
-    },
-    "./pipes/filter-by-input": {
-      "types": "./pipes/filter-by-input/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs"
-    },
-    "./pipes/flag": {
-      "types": "./pipes/flag/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-flag.mjs"
-    },
-    "./pipes/hide-selected": {
-      "types": "./pipes/hide-selected/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-hide-selected.mjs"
-    },
-    "./pipes/initials": {
-      "types": "./pipes/initials/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-initials.mjs"
-    },
-    "./pipes/sort-countries": {
-      "types": "./pipes/sort-countries/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-sort-countries.mjs"
-    },
-    "./pipes/stringify": {
-      "types": "./pipes/stringify/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-stringify.mjs"
-    },
-    "./pipes/stringify-content": {
-      "types": "./pipes/stringify-content/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
-    },
     "./components/accordion": {
       "types": "./components/accordion/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-accordion.mjs"
@@ -176,10 +72,6 @@
       "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"
-    },
     "./components/button-loading": {
       "types": "./components/button-loading/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-button-loading.mjs"
@@ -192,6 +84,10 @@
       "types": "./components/calendar-range/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-calendar-range.mjs"
     },
+    "./components/breadcrumbs": {
+      "types": "./components/breadcrumbs/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-breadcrumbs.mjs"
+    },
     "./components/carousel": {
       "types": "./components/carousel/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-carousel.mjs"
@@ -356,17 +252,17 @@
       "types": "./components/progress/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-progress.mjs"
     },
-    "./components/radio": {
-      "types": "./components/radio/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-radio.mjs"
+    "./components/pulse": {
+      "types": "./components/pulse/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-pulse.mjs"
     },
     "./components/push": {
       "types": "./components/push/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-push.mjs"
     },
-    "./components/pulse": {
-      "types": "./components/pulse/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pulse.mjs"
+    "./components/radio": {
+      "types": "./components/radio/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-radio.mjs"
     },
     "./components/radio-list": {
       "types": "./components/radio-list/index.d.ts",
@@ -388,14 +284,14 @@
       "types": "./components/segmented/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-segmented.mjs"
     },
-    "./components/slider": {
-      "types": "./components/slider/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-slider.mjs"
-    },
     "./components/select": {
       "types": "./components/select/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-select.mjs"
     },
+    "./components/slider": {
+      "types": "./components/slider/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-slider.mjs"
+    },
     "./components/status": {
       "types": "./components/status/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-status.mjs"
@@ -427,6 +323,110 @@
     "./components/tree": {
       "types": "./components/tree/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
+    },
+    "./directives/appearance-proxy": {
+      "types": "./directives/appearance-proxy/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs"
+    },
+    "./directives/button-group": {
+      "types": "./directives/button-group/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-button-group.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/data-list-dropdown-manager": {
+      "types": "./directives/data-list-dropdown-manager/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs"
+    },
+    "./directives/button-select": {
+      "types": "./directives/button-select/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
+    },
+    "./directives/fade": {
+      "types": "./directives/fade/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-fade.mjs"
+    },
+    "./directives/fluid-typography": {
+      "types": "./directives/fluid-typography/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-fluid-typography.mjs"
+    },
+    "./directives/highlight": {
+      "types": "./directives/highlight/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-highlight.mjs"
+    },
+    "./directives/password": {
+      "types": "./directives/password/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-password.mjs"
+    },
+    "./directives/present": {
+      "types": "./directives/present/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-present.mjs"
+    },
+    "./directives/sensitive": {
+      "types": "./directives/sensitive/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-sensitive.mjs"
+    },
+    "./directives/shimmer": {
+      "types": "./directives/shimmer/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-shimmer.mjs"
+    },
+    "./directives/skeleton": {
+      "types": "./directives/skeleton/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-skeleton.mjs"
+    },
+    "./directives/tooltip": {
+      "types": "./directives/tooltip/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-tooltip.mjs"
+    },
+    "./directives/unfinished-validator": {
+      "types": "./directives/unfinished-validator/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs"
+    },
+    "./directives/unmask-handler": {
+      "types": "./directives/unmask-handler/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-directives-unmask-handler.mjs"
+    },
+    "./pipes/auto-color": {
+      "types": "./pipes/auto-color/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-auto-color.mjs"
+    },
+    "./pipes/emails": {
+      "types": "./pipes/emails/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-emails.mjs"
+    },
+    "./pipes/filter-by-input": {
+      "types": "./pipes/filter-by-input/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs"
+    },
+    "./pipes/flag": {
+      "types": "./pipes/flag/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-flag.mjs"
+    },
+    "./pipes/hide-selected": {
+      "types": "./pipes/hide-selected/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-hide-selected.mjs"
+    },
+    "./pipes/initials": {
+      "types": "./pipes/initials/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-initials.mjs"
+    },
+    "./pipes/sort-countries": {
+      "types": "./pipes/sort-countries/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-sort-countries.mjs"
+    },
+    "./pipes/stringify": {
+      "types": "./pipes/stringify/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-stringify.mjs"
+    },
+    "./pipes/stringify-content": {
+      "types": "./pipes/stringify-content/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
     }
   },
   "peerDependencies": {
@@ -434,19 +434,19 @@
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
     "@angular/router": ">=19.0.0",
-    "@maskito/angular": "^5.0.1",
-    "@maskito/core": "^5.0.1",
-    "@maskito/kit": "^5.0.1",
-    "@maskito/phone": "^5.0.1",
-    "@ng-web-apis/common": "^5.0.2",
-    "@ng-web-apis/intersection-observer": "^5.0.2",
-    "@ng-web-apis/mutation-observer": "^5.0.2",
-    "@ng-web-apis/platform": "^5.0.2",
-    "@ng-web-apis/resize-observer": "^5.0.2",
-    "@taiga-ui/cdk": "^5.0.0-rc.0",
-    "@taiga-ui/core": "^5.0.0-rc.0",
-    "@taiga-ui/design-tokens": "~0.274.0",
-    "@taiga-ui/i18n": "^5.0.0-rc.0",
+    "@maskito/angular": "^5.1.0",
+    "@maskito/core": "^5.1.0",
+    "@maskito/kit": "^5.1.0",
+    "@maskito/phone": "^5.1.0",
+    "@ng-web-apis/common": "^5.0.3",
+    "@ng-web-apis/intersection-observer": "^5.0.3",
+    "@ng-web-apis/mutation-observer": "^5.0.3",
+    "@ng-web-apis/platform": "^5.0.3",
+    "@ng-web-apis/resize-observer": "^5.0.3",
+    "@taiga-ui/cdk": "^5.0.0-rc.2",
+    "@taiga-ui/core": "^5.0.0-rc.2",
+    "@taiga-ui/design-tokens": "~0.277.0",
+    "@taiga-ui/i18n": "^5.0.0-rc.2",
     "@taiga-ui/polymorpheus": "^5.0.0",
     "rxjs": ">=7.0.0"
   },

package/styles/components/avatar.less

@@ -21,7 +21,7 @@
  * @see-also
  * Icons, Icon, Appearance
  */
-[tuiAvatar] {
+[tuiAvatar]:where(*&) {
     --t-size: var(--tui-height-l);
     --t-radius: 0.75rem;
     --t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);

package/styles/components/badge.less

@@ -16,7 +16,7 @@
  * @see-also
  * Icons, Appearance, Chip, Block
  */
-[tuiBadge] {
+[tuiBadge]:where(*&) {
     --t-icon-size: 1rem;
     --t-padding: 0 0.5rem;
     --t-size: var(--tui-height-xs);
@@ -115,12 +115,12 @@
     }
 }
 
-img[tuiBadge] {
+img[tuiBadge]:where(*&) {
     padding: 0;
     inline-size: var(--t-size);
 }
 
-tui-icon[tuiBadge]::before {
+tui-icon[tuiBadge]:where(*&)::before {
     .fullsize();
 
     --t-margin: 0;

package/styles/components/block.less

@@ -19,7 +19,7 @@
  * @see-also
  * Icons, Appearance, Link, Button
  */
-[tuiBlock] {
+[tuiBlock]:where(*&) {
     --t-height: var(--tui-height-l);
     --t-radius: var(--tui-radius-l);
 

package/styles/components/checkbox.less

@@ -20,7 +20,7 @@
  * @see-also
  * Switch, Radio, Appearance
  */
-[tuiCheckbox] {
+[tuiCheckbox]:where(*&) {
     --t-size: 1.5rem;
     --t-radius: var(--tui-radius-s);
 

package/styles/components/chip.less

@@ -16,7 +16,7 @@
  * @see-also
  * Icons, Appearance, Badge, Block
  */
-[tuiChip] {
+[tuiChip]:where(*&) {
     --t-gap: 0.125rem;
     --t-margin: -0.125rem;
     --t-icon-size: 1rem;
@@ -122,17 +122,9 @@
             z-index: -1;
         }
     }
-
-    &[tuiAppearance][data-appearance='negative'],
-    &[tuiAppearance][data-appearance='positive'],
-    &[tuiAppearance][data-appearance='warning'],
-    &[tuiAppearance][data-appearance='info'],
-    &[tuiAppearance][data-appearance='neutral'] {
-        color: var(--tui-text-primary);
-    }
 }
 
-input[tuiChip] {
+input[tuiChip]:where(*&) {
     .interactive({
         cursor: text;
     });

package/styles/components/comment.less

@@ -13,7 +13,7 @@
  * @example
  * <label data-direction="top" tuiComment>Amazing product!</label>
  */
-[tuiComment] {
+[tuiComment]:where(*&) {
     position: relative;
     display: inline-flex;
     font: var(--tui-font-body-m);

package/styles/components/compass.less

@@ -16,7 +16,7 @@
  * @see-also
  * Pin
  */
-tui-compass {
+tui-compass:where(*&) {
     position: relative;
     display: inline-block;
     color: var(--tui-background-accent-1);

package/styles/components/like.less

@@ -21,7 +21,7 @@
  * @see-also
  * Checkbox, Switch, Radio, Appearance
  */
-[tuiLike] {
+[tuiLike]:where(*&) {
     inline-size: 1em;
     block-size: 1em;
     font-size: var(--tui-height-m);

package/styles/components/message.less

@@ -13,7 +13,7 @@
  * @see-also
  * Chip, Badge, Block
  */
-[tuiMessage] {
+[tuiMessage]:where(*&) {
     display: inline-flex;
     padding: 0.5rem 0.625rem;
     min-block-size: 2.25rem;

package/styles/components/pin.less

@@ -13,7 +13,7 @@
  * @see-also
  * Compass
  */
-[tuiPin] {
+[tuiPin]:where(*&) {
     --t-size: 2rem;
 
     .transition(~'width, height, border, margin');

package/styles/components/progress-bar.less

@@ -48,7 +48,7 @@
     }
 }
 
-[tuiProgressBar] {
+[tuiProgressBar]:where(*&) {
     @track-color: var(--tui-background-neutral-2);
     @progress-color: var(--tui-progress-color, currentColor);
 

package/styles/components/radio.less

@@ -16,7 +16,7 @@
  * @see-also
  * Checkbox, Switch, Appearance
  */
-[tuiRadio] {
+[tuiRadio]:where(*&) {
     --t-size: 1.5rem;
 
     .transition(~'background, box-shadow');

package/styles/components/status.less

@@ -14,7 +14,7 @@
  * @see-also
  * Badge, Chip
  */
-[tuiStatus] {
+[tuiStatus]:where(*&) {
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;

package/styles/components/switch.less

@@ -19,7 +19,7 @@
  * @see-also
  * Checkbox, Radio
  */
-[tuiSwitch] {
+[tuiSwitch]:where(*&) {
     .transition(~'background, box-shadow');
 
     display: inline-block;

package/styles/components/toast.less

@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
-[tuiToast] {
+[tuiToast]:where(*&) {
     .transition(transform);
 
     display: flex;

package/components/slider/slider.options.d.ts

@@ -1,7 +0,0 @@
-import { type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiSliderOptions {
-    readonly size: TuiSizeS;
-    readonly trackColor: string;
-}
-export declare const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions;
-export declare const TUI_SLIDER_OPTIONS: import("@angular/core").InjectionToken<TuiSliderOptions>, tuiSliderOptionsProvider: (item: Partial<TuiSliderOptions> | (() => Partial<TuiSliderOptions>)) => import("@angular/core").FactoryProvider;