@taiga-ui/core 4.2.0 → 4.4.0-canary.6e6e993

package/services/dark-theme.service.d.ts

@@ -1,5 +1,8 @@
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated use {@link TUI_DARK_MODE} instead
+ */
 export declare class TuiDarkThemeService extends Observable<boolean> {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDarkThemeService, never>;

package/styles/components/icon.less

@@ -34,7 +34,7 @@ tui-icon {
 
         content: '';
         display: block;
-        mask: var(--t-icon) no-repeat center/contain;
+        mask: var(--t-icon) no-repeat center/contain intersect;
         background: currentColor;
     }
 }

package/styles/components/icons.less

@@ -25,6 +25,7 @@
         display: var(--t-icon-start);
         width: 1em;
         height: 1em;
+        line-height: 1em;
         font-size: 1.5rem;
         flex-shrink: 0;
         background: currentColor;

package/styles/components/textfield.less

@@ -15,6 +15,7 @@ tui-textfield {
     padding: 0 var(--tui-padding-l);
     border-radius: var(--tui-radius-l);
     font: var(--tui-font-text-m);
+    box-sizing: border-box;
 
     &[style*='--t-icon-start:'] {
         --t-left: 2.25rem;
@@ -53,14 +54,12 @@ tui-textfield {
         }
 
         &::before {
-            margin-inline-start: -0.25rem;
-            margin-inline-end: 0.5rem;
+            margin: 0 0.5rem 0 -0.125rem;
             font-size: 1rem;
         }
 
         &::after {
-            margin-inline-end: -0.175rem;
-            margin-inline-start: 0.25rem;
+            margin: 0 -0.175rem 0 0.25rem;
             font-size: 1rem;
         }
 
@@ -90,13 +89,11 @@ tui-textfield {
         }
 
         &::before {
-            margin-inline-start: -0.125rem;
-            margin-inline-end: 0.375rem;
+            margin: 0 0.375rem 0 -0.125rem;
         }
 
         &::after {
-            margin-inline-start: 0.375rem;
-            margin-inline-end: -0.125rem;
+            margin: 0 -0.125rem 0 0.375rem;
         }
 
         input,
@@ -220,7 +217,7 @@ tui-textfield {
         }
     }
 
-    label:defined {
+    label:not([data-orientation='vertical']) {
         .transition(all);
         .text-overflow();
 
@@ -231,8 +228,8 @@ tui-textfield {
     }
 
     label:defined,
-    input::placeholder,
-    select._empty {
+    input:defined::placeholder,
+    select:defined._empty {
         color: var(--tui-text-secondary);
     }
 
@@ -260,6 +257,7 @@ tui-textfield {
         align-items: center;
         gap: 0.25rem;
         margin-inline-start: auto;
+        isolation: isolate;
     }
 
     .t-clear {

package/tokens/dark-mode.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken, type WritableSignal } from '@angular/core';
+export declare const TUI_DARK_MODE_DEFAULT_KEY = "tuiDark";
+export declare const TUI_DARK_MODE_KEY: InjectionToken<string>;
+export declare const TUI_DARK_MODE: InjectionToken<WritableSignal<boolean> & {
+    reset(): void;
+}>;

package/tokens/icon-resolver.d.ts

@@ -1,5 +1,9 @@
 import type { Provider } from '@angular/core';
 import type { TuiStringHandler } from '@taiga-ui/cdk/types';
+export declare const TUI_ICON_RESOLVER: import("@angular/core").InjectionToken<TuiStringHandler<string>>;
+/**
+ * @deprecated use {@link TUI_ICON_RESOLVER}
+ */
 export declare const TUI_ICON_START_RESOLVER: import("@angular/core").InjectionToken<TuiStringHandler<string>>;
 export declare function tuiInjectIconResolver(): TuiStringHandler<string>;
 export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;

package/tokens/icons.d.ts

@@ -1,3 +1,7 @@
 import type { FactoryProvider } from '@angular/core';
+export declare const TUI_ICON_REGISTRY: import("@angular/core").InjectionToken<Record<string, string>>;
+/**
+ * @deprecated: use {@link TUI_ICON_REGISTRY}
+ */
 export declare const TUI_ICON_STARTS: import("@angular/core").InjectionToken<Record<string, string>>;
 export declare function tuiIconsProvider(icons: Record<string, string>): FactoryProvider;

package/tokens/index.d.ts

@@ -1,6 +1,7 @@
 export * from './animations-speed';
 export * from './assets-path';
 export * from './common-icons';
+export * from './dark-mode';
 export * from './date-format';
 export * from './day-type-handler';
 export * from './first-day-of-week';