@taiga-ui/core 5.0.0-canary.b5906eb → 5.0.0-canary.c343ecb

package/styles/mixins/slider.scss

@@ -1,20 +1,15 @@
-$thumb-diameters: (
-    's': 0.5rem,
-    'm': 0.75rem,
-    'l': 0.75rem,
-);
-
 $track-inset: (
     's': 0.625rem,
     'm': 0.75rem,
     'l': 1rem,
 );
 
-// TODO(v5): use `l` by default (default size for new textfields)
-@mixin tui-slider-ticks-labels($input-size: m) {
-    $thumb: map-get($thumb-diameters, $input-size);
+$thumb-diameter: var(--tui-thumb-size, 0.75rem);
+$thumb-radius: calc($thumb-diameter / 2);
+$track-thickness: max(calc($thumb-radius - 0.25rem), 0.125rem);
 
-    --t-offset: calc($thumb / 2);
+@mixin tui-slider-ticks-labels() {
+    --t-offset: $thumb-radius;
 
     display: flex;
     font: var(--tui-font-body-s);
@@ -40,33 +35,33 @@ $track-inset: (
     }
 
     tui-range + & {
-        --t-offset: $thumb;
+        --t-offset: $thumb-diameter;
     }
 
     /* TODO: add :has([tuiInputSlider]) */
     tui-textfield[data-size='l'] + & {
-        --t-offset: calc(map-get($track-inset, 'l') + $thumb / 2);
+        --t-offset: calc(map-get($track-inset, 'l') + $thumb-radius);
     }
 
     /* TODO: add :has([tuiInputSlider]) */
     tui-textfield[data-size='m'] + & {
-        --t-offset: calc(map-get($track-inset, 'm') + $thumb / 2);
+        --t-offset: calc(map-get($track-inset, 'm') + $thumb-radius);
     }
 
     /* TODO: add :has([tuiInputSlider]) */
     tui-textfield[data-size='s'] + & {
-        --t-offset: calc(map-get($track-inset, 's') + $thumb / 2);
+        --t-offset: calc(map-get($track-inset, 's') + $thumb-radius);
     }
 
     tui-input-range[data-size='l'] + & {
-        --t-offset: calc(map-get($track-inset, 'l') + $thumb);
+        --t-offset: calc(map-get($track-inset, 'l') + $thumb-diameter);
     }
 
     tui-input-range[data-size='m'] + & {
-        --t-offset: calc(map-get($track-inset, 'm') + $thumb);
+        --t-offset: calc(map-get($track-inset, 'm') + $thumb-diameter);
     }
 
     tui-input-range[data-size='s'] + & {
-        --t-offset: calc(map-get($track-inset, 's') + $thumb);
+        --t-offset: calc(map-get($track-inset, 's') + $thumb-diameter);
     }
 }

package/styles/theme/appearance/action.less

@@ -1,17 +1,3 @@
-/* TODO @deprecated remove in v5 */
-[tuiAppearance][data-appearance='link'] {
-    color: var(--tui-text-action);
-    background: transparent;
-
-    .appearance-hover({
-        color: var(--tui-text-action-hover);
-    });
-
-    .appearance-active({
-        color: var(--tui-text-action-hover);
-    });
-}
-
 [tuiAppearance][data-appearance='action'] {
     color: var(--tui-text-action);
     background: transparent;

package/styles/theme/appearance/floating.less

@@ -5,6 +5,11 @@
     color: var(--tui-text-primary);
     box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
 
+    &::before,
+    &::after {
+        transition-property: color;
+    }
+
     .appearance-hover({
         box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14);
     });

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>;