@taiga-ui/core 4.19.0 → 4.20.0

package/styles/theme/palette.less

@@ -1,6 +1,4 @@
-[tuiTheme='dark'] {
-    color-scheme: dark;
-
+.dark() {
     // Backgrounds
     --tui-background-base: #222;
     --tui-background-base-alt: #333;
@@ -47,12 +45,7 @@
     --tui-text-negative-hover: #bb593a;
 }
 
-[tuiTheme='light'] {
-    color-scheme: light;
-}
-
-&:root,
-[tuiTheme='light'] {
+.light() {
     // Backgrounds
     --tui-background-base: #fff;
     --tui-background-base-alt: #f6f6f6;
@@ -138,3 +131,29 @@
     --tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, 0.18);
     --tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, 0.2);
 }
+
+@media screen {
+    [tuiTheme='dark'] {
+        color-scheme: dark;
+
+        .dark();
+    }
+
+    [tuiTheme='light'] {
+        color-scheme: light;
+    }
+
+    &:root,
+    [tuiTheme='light'] {
+        .light();
+    }
+}
+
+@media print {
+    &:root,
+    [tuiTheme] {
+        color-scheme: light;
+
+        .light();
+    }
+}

package/utils/miscellaneous/to-animation-options.d.ts

@@ -1,4 +1,4 @@
 import type { AnimationOptions } from '@angular/animations';
 export declare const TUI_ANIMATIONS_DEFAULT_DURATION = 300;
-export declare function tuiToAnimationOptions(speed: number, easing?: string): AnimationOptions;
+export declare function tuiToAnimationOptions(speed?: number, easing?: string): AnimationOptions;
 export declare function tuiGetDuration(speed: number): number;