@taiga-ui/core 4.101.0 → 4.103.0

package/styles/taiga-ui-local.less

@@ -6,5 +6,6 @@
 @import 'mixins/wrapper.less';
 @import 'mixins/appearance.less';
 @import 'mixins/hitbox.less';
+@import 'mixins/liquid-glass.less';
 @import 'variables/media.less';
 @import 'variables/version.less';

package/styles/theme/wrapper.less

@@ -21,23 +21,13 @@
 }
 
 [tuiWrapper][data-appearance='textfield'] {
-    .transition(~'box-shadow, background');
+    .transition(~'box-shadow, background, outline-color');
 
     background: var(--tui-background-base);
     color: var(--tui-text-primary);
-    outline: none !important;
     box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
-
-    &::after {
-        .transition(color);
-        .fullsize(absolute, inset);
-
-        content: '';
-        border-radius: inherit;
-        border: 1px solid currentColor;
-        pointer-events: none;
-        color: var(--tui-border-normal);
-    }
+    outline: 1px solid var(--tui-border-normal);
+    outline-offset: -1px;
 
     .wrapper-hover({
         box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
@@ -45,20 +35,14 @@
 
     .wrapper-focus({
         box-shadow: none;
-
-        &:after {
-            border-width: 2px;
-            color: var(--tui-background-accent-1);
-        }
+        outline: 0.125rem solid var(--tui-background-accent-1);
+        outline-offset: -0.125rem;
     });
 
     .wrapper-readonly({
         box-shadow: none;
         background: transparent;
-
-        &:after {
-            color: var(--tui-border-normal);
-        }
+        outline-color: var(--tui-border-normal);
     });
 
     .wrapper-disabled({
@@ -66,9 +50,7 @@
     });
 
     .wrapper-invalid({
-        &:after {
-            color: var(--tui-text-negative);
-        }
+        outline-color: var(--tui-status-negative);
     });
 }
 

package/styles/variables/version.less

@@ -1 +1 @@
-@tui-version: '4.101.0';
+@tui-version: '4.103.0';

package/tokens/common-icons.d.ts

@@ -8,4 +8,4 @@ export interface TuiCommonIcons {
     readonly ellipsis: string;
 }
 export declare const TUI_COMMON_ICONS: InjectionToken<TuiCommonIcons>;
-export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons>): Provider;
+export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)): Provider;

package/utils/miscellaneous/index.d.ts

@@ -1,6 +1,7 @@
 export * from './font-scaling';
 export * from './is-editing-key';
 export * from './is-obscured';
+export * from './liquid-glass';
 export * from './override-options';
 export * from './size-bigger';
 export * from './to-animation-options';

package/utils/miscellaneous/liquid-glass.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Enables experimental iOS liquid glass styles
+ */
+export declare const TUI_LIQUID_GLASS: InjectionToken<boolean>;