@taiga-ui/core 5.0.0-canary.7eaae48 → 5.0.0-canary.7f0a2ac

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "5.0.0-canary.7eaae48",
+  "version": "5.0.0-canary.7f0a2ac",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -38,10 +38,6 @@
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives.mjs"
     },
-    "./pipes": {
-      "types": "./pipes/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-pipes.mjs"
-    },
     "./portals": {
       "types": "./portals/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals.mjs"
@@ -50,6 +46,10 @@
       "types": "./services/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-services.mjs"
     },
+    "./pipes": {
+      "types": "./pipes/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-pipes.mjs"
+    },
     "./tokens": {
       "types": "./tokens/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-tokens.mjs"
@@ -78,14 +78,14 @@
       "types": "./components/data-list/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-data-list.mjs"
     },
-    "./components/error": {
-      "types": "./components/error/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components-error.mjs"
-    },
     "./components/expand": {
       "types": "./components/expand/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-expand.mjs"
     },
+    "./components/error": {
+      "types": "./components/error/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components-error.mjs"
+    },
     "./components/icon": {
       "types": "./components/icon/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-icon.mjs"
@@ -138,14 +138,14 @@
       "types": "./directives/button-x/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-button-x.mjs"
     },
-    "./directives/date-format": {
-      "types": "./directives/date-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
-    },
     "./directives/group": {
       "types": "./directives/group/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
     },
+    "./directives/date-format": {
+      "types": "./directives/date-format/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
+    },
     "./directives/icons": {
       "types": "./directives/icons/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
@@ -158,10 +158,6 @@
       "types": "./directives/number-format/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
     },
-    "./pipes/format-number": {
-      "types": "./pipes/format-number/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
-    },
     "./portals/alert": {
       "types": "./portals/alert/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"
@@ -186,6 +182,10 @@
       "types": "./portals/popup/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals-popup.mjs"
     },
+    "./pipes/format-number": {
+      "types": "./pipes/format-number/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
+    },
     "./utils/dom": {
       "types": "./utils/dom/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils-dom.mjs"
@@ -208,9 +208,9 @@
     "@ng-web-apis/common": "^5.0.3",
     "@ng-web-apis/mutation-observer": "^5.0.3",
     "@ng-web-apis/platform": "^5.0.3",
-    "@taiga-ui/cdk": "^5.0.0-rc.1",
+    "@taiga-ui/cdk": "^5.0.0-rc.2",
     "@taiga-ui/event-plugins": "^5.0.0",
-    "@taiga-ui/i18n": "^5.0.0-rc.1",
+    "@taiga-ui/i18n": "^5.0.0-rc.2",
     "@taiga-ui/polymorpheus": "^5.0.0",
     "rxjs": ">=7.0.0"
   },

package/styles/components/appearance.less

@@ -19,7 +19,7 @@
  * @see-also
  * Button
  */
-[tuiAppearance] {
+[tuiAppearance]:where(*&) {
     .transition(all);
 
     position: relative;

package/styles/components/button.less

@@ -16,8 +16,8 @@
  * @see-also
  * Icons, Appearance, Link
  */
-[tuiButton],
-[tuiIconButton] {
+[tuiButton]:where(*&),
+[tuiIconButton]:where(*&) {
     --t-size: var(--tui-height-l);
     --t-radius: var(--tui-radius-l);
     --t-gap: 0.25rem;
@@ -122,7 +122,7 @@
     }
 }
 
-[tuiIconButton] {
+[tuiIconButton]:where(*&) {
     gap: 0;
     inline-size: var(--t-size);
     font-size: 0 !important;

package/styles/components/group.less

@@ -19,7 +19,7 @@
  * @see-also
  * Button, Block, Textfield
  */
-[tuiGroup] {
+[tuiGroup]:where(*&) {
     position: relative;
     display: flex;
     transform: translate3d(0, 0, 0);

package/styles/components/icon.less

@@ -18,7 +18,7 @@
  * @see-also
  * Icons
  */
-tui-icon {
+tui-icon:where(*&) {
     --tui-icon-size: 1em;
 
     position: relative;

package/styles/components/icons.less

@@ -17,7 +17,7 @@
  * @see-also
  * Button, Icon, Link
  */
-[tuiIcons] {
+[tuiIcons]:where(*&) {
     --t-icon-start: none;
     --t-icon-end: none;
 

package/styles/components/label.less

@@ -14,7 +14,7 @@
  * @see-also
  * Checkbox, Radio, Title
  */
-[tuiLabel] {
+[tuiLabel]:where(*&) {
     display: flex;
     gap: 0.25rem;
     flex-direction: column;

package/styles/components/link.less

@@ -13,7 +13,7 @@
  * @see-also
  * Icons, Appearance, Button
  */
-[tuiLink] {
+[tuiLink]:where(*&) {
     .transition(~'color, text-decoration, opacity');
 
     padding: 0;
@@ -51,6 +51,7 @@
 
     &[tuiChevron]::after {
         display: inline-block;
+        vertical-align: initial;
     }
 
     .appearance-hover({

package/styles/components/notification.less

@@ -21,11 +21,11 @@
  * @see-also
  * Icons, Appearance
  */
-[tuiNotification] {
+[tuiNotification]:where(*&) {
     .button-clear();
 
     position: relative;
-    display: block;
+    display: flow-root;
     max-block-size: 100%;
     color: var(--tui-text-primary);
     padding: 1rem;

package/styles/components/textfield.less

@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
-tui-textfield {
+tui-textfield:where(*&) {
     .scrollbar-hidden();
     .transition(color);
 
@@ -342,11 +342,6 @@ tui-textfield {
 
     &:not([data-mode~='readonly']) {
         .appearance-focus({
-            [tuiInput]::placeholder,
-            [tuiInput]._empty {
-                color: var(--tui-text-tertiary);
-            }
-
             [tuiLabel] {
                 color: var(--tui-text-primary) !important;
                 font: var(--t-label-font);

package/styles/components/title.less

@@ -18,7 +18,7 @@
  * @see-also
  * Label
  */
-[tuiTitle] {
+[tuiTitle]:where(*&) {
     position: relative;
     display: flex;
     min-inline-size: 0;
@@ -64,14 +64,14 @@
         margin: 0;
         font: inherit;
     }
-}
 
-[tuiSubtitle] {
-    font: var(--tui-font-ui-s);
-    margin: 0;
+    [tuiSubtitle] {
+        font: var(--tui-font-ui-s);
+        margin: 0;
+    }
 }
 
-[tuiButton] [tuiTitle] {
+[tuiButton]:where(*&) [tuiTitle] {
     margin-inline-end: auto;
 
     [tuiSubtitle] {

package/tokens/i18n.d.ts

@@ -7,6 +7,10 @@ export declare const TUI_MONTHS: InjectionToken<import("@angular/core").Signal<r
  * i18n 'close' word
  */
 export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
+/**
+ * i18n 'back' word
+ */
+export declare const TUI_BACK_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'clear' word
  */

package/tokens/index.d.ts

@@ -13,6 +13,5 @@ export * from './media';
 export * from './number-format';
 export * from './reduced-motion';
 export * from './selection-stream';
-export * from './theme';
 export * from './validation-errors';
 export * from './viewport';

package/tokens/theme.d.ts

@@ -1,2 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const TUI_THEME: InjectionToken<string>;