@taiga-ui/core 4.52.0-canary.6ee9658 → 4.52.0-canary.7c53ccc

package/styles/mixins/wrapper.less

@@ -1,64 +0,0 @@
-/**
- * @deprecated use appearance instead
- */
-.wrapper-hover(@ruleset) {
-    @media @tui-mouse {
-        &:hover:not(._no-hover),
-        &[data-state='hover'] {
-            @ruleset();
-        }
-    }
-}
-
-.wrapper-active(@ruleset) {
-    &:active:not(._no-active),
-    &[data-state='active'],
-    &[data-state='active']:hover {
-        @ruleset();
-    }
-}
-
-.wrapper-readonly(@ruleset, @native: false) {
-    // Specificity artificially increased to match `:hover:not()` level
-    & when (@native = true) {
-        &:read-only:read-only,
-        &[data-state='readonly'][data-state='readonly'] {
-            @ruleset();
-        }
-    }
-
-    & when (@native = false) {
-        &[data-state='readonly'][data-state='readonly'] {
-            @ruleset();
-        }
-    }
-}
-
-.wrapper-disabled(@ruleset) {
-    // Specificity artificially increased to match `:hover:not()` level
-    &:disabled:disabled,
-    &[data-state='disabled'][data-state='disabled'] {
-        @ruleset();
-    }
-}
-
-.wrapper-focus(@ruleset) {
-    &:focus-visible:focus-visible {
-        @ruleset();
-    }
-
-    &:has(:focus-visible) {
-        @ruleset();
-    }
-
-    &._focused._focused {
-        @ruleset();
-    }
-}
-
-.wrapper-invalid(@ruleset) {
-    &:invalid:invalid,
-    &._invalid._invalid {
-        @ruleset();
-    }
-}

package/styles/mixins/wrapper.scss

@@ -1,61 +0,0 @@
-@import '../variables/media.scss';
-
-@mixin wrapper-hover {
-    @media ($tui-mouse) {
-        &:hover:not(._no-hover),
-        &[data-state='hover'] {
-            @content;
-        }
-    }
-}
-
-@mixin wrapper-active {
-    &:active:not(._no-active),
-    &[data-state='active'],
-    &[data-state='active']:hover {
-        @content;
-    }
-}
-
-@mixin wrapper-readonly($native: false) {
-    // Specificity artificially increased to match `:hover:not()` level
-    @if $native == true {
-        &:read-only:read-only,
-        &[data-state='readonly'][data-state='readonly'] {
-            @content;
-        }
-    }
-
-    @if $native == false {
-        &[data-state='readonly'][data-state='readonly'] {
-            @content;
-        }
-    }
-}
-
-@mixin wrapper-disabled {
-    // Specificity artificially increased to match `:hover:not()` level
-    &:disabled:disabled,
-    &[data-state='disabled'][data-state='disabled'] {
-        @content;
-    }
-}
-
-@mixin wrapper-focus {
-    // TODO: Join rules together once all browsers support focus-visible
-    // Specificity artificially increased to match `:hover:not()` level
-    &:focus-visible:focus-visible {
-        @content;
-    }
-
-    &._focused._focused {
-        @content;
-    }
-}
-
-@mixin wrapper-invalid {
-    &:invalid:invalid,
-    &._invalid._invalid {
-        @content;
-    }
-}

package/styles/theme/appearance/opposite.less

@@ -1,17 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local.less';
-
-/* TODO @deprecated remove in v5 */
-[tuiAppearance][data-appearance='opposite'] {
-    --tui-border-focus: #979797;
-
-    background: var(--tui-background-accent-opposite);
-    color: var(--tui-background-base);
-
-    .appearance-hover({
-        background: var(--tui-background-accent-opposite-hover);
-    });
-
-    .appearance-active({
-        background: var(--tui-background-accent-opposite-pressed);
-    });
-}

package/styles/theme/wrapper.less

@@ -1,211 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local.less';
-
-/**
- * TODO: Drop in v.5
- * @deprecated use appearance instead
- */
-[tuiWrapper] {
-    .transition(~'color, background, opacity');
-
-    position: relative;
-    display: block;
-    block-size: 100%;
-    inline-size: 100%;
-    appearance: none;
-    border-radius: inherit;
-
-    .wrapper-disabled({
-        pointer-events: none;
-        opacity: var(--tui-disabled-opacity);
-    });
-}
-
-[tuiWrapper][data-appearance='textfield'] {
-    .transition(~'box-shadow, background');
-
-    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);
-    }
-
-    .wrapper-hover({
-        box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
-    });
-
-    .wrapper-focus({
-        box-shadow: none;
-
-        &:after {
-            border-width: 2px;
-            color: var(--tui-background-accent-1);
-        }
-    });
-
-    .wrapper-readonly({
-        box-shadow: none;
-        background: transparent;
-
-        &:after {
-            color: var(--tui-border-normal);
-        }
-    });
-
-    .wrapper-disabled({
-        box-shadow: none;
-    });
-
-    .wrapper-invalid({
-        &:after {
-            color: var(--tui-text-negative);
-        }
-    });
-}
-
-[tuiTheme='dark'][tuiWrapper][data-appearance='textfield'],
-[tuiTheme='dark'] [tuiWrapper][data-appearance='textfield'] {
-    background: var(--tui-background-neutral-1);
-
-    .wrapper-hover({
-        background: var(--tui-background-neutral-1-hover);
-    });
-
-    .wrapper-focus({
-        background: transparent;
-    });
-}
-
-/* stylelint-disable order/order */
-[tuiWrapper][data-appearance='table'] {
-    border-radius: 0;
-    background: transparent;
-    color: var(--tui-text-primary);
-    outline: none !important;
-
-    /* stylelint-disable meowtec/no-px */
-    &::before,
-    &[data-appearance='table']::after {
-        content: '';
-        position: fixed;
-        top: -0.03125rem;
-        left: -1px;
-        right: -0.03125rem;
-        bottom: -1px;
-    }
-    /* stylelint-enable meowtec/no-px */
-
-    &::before {
-        .transition(background);
-
-        z-index: -1;
-        background-repeat: no-repeat;
-        background-position: top right;
-        background-size: 0.5rem 0.5rem;
-    }
-
-    &[data-appearance='table']::after {
-        border: 1px solid currentColor;
-        border-radius: inherit;
-        pointer-events: none;
-        color: var(--tui-border-normal);
-    }
-
-    .wrapper-hover({
-        &:not(._focused):before {
-            background-color: var(--tui-background-neutral-1);
-        }
-    });
-
-    .wrapper-focus({
-        background: transparent;
-
-        &:after {
-            border-width: 2px;
-            color: var(--tui-border-focus);
-        }
-    });
-
-    .wrapper-invalid({
-        &:before {
-            background-image: linear-gradient(to top right, transparent 0%, transparent 50%, var(--tui-status-negative) 50%, var(--tui-status-negative) 100%);
-        }
-
-        &:not(._focused):before {
-            background-color: var(--tui-status-negative-pale);
-        }
-
-        .wrapper-hover({
-            &:not(._focused):before {
-                background-color: var(--tui-status-negative-pale-hover);
-            }
-        });
-
-        .wrapper-disabled({
-            background: transparent;
-        });
-
-        .wrapper-focus({
-            background: transparent;
-
-            --tui-border-focus: var(--tui-status-negative);
-
-            &:after {
-                border-width: 1px;
-            }
-        });
-    });
-}
-
-table [tuiWrapper][data-appearance='table'] {
-    &[data-appearance='table']:not(._focused)::after {
-        border-width: 0;
-    }
-
-    &._focused {
-        z-index: 1;
-    }
-}
-
-[tuiWrapper][data-appearance='icon'] {
-    color: var(--tui-text-tertiary);
-
-    [tuiWrapper]:not([data-state='readonly']):hover .t-textfield-icon &:not([data-state='disabled']) {
-        color: var(--tui-text-secondary);
-    }
-
-    .wrapper-hover({
-        color: var(--tui-text-secondary);
-    });
-
-    .wrapper-active({
-        color: var(--tui-text-primary);
-    });
-}
-
-tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance='icon'],
-tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance='icon'],
-tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance='icon'] {
-    color: var(--tui-text-secondary);
-
-    .wrapper-active({
-        color: var(--tui-text-primary);
-    });
-}
-
-[tuiWrapper][data-appearance='none'] {
-    outline: none;
-
-    &::after {
-        border: none;
-    }
-}

package/tokens/day-type-handler.d.ts

@@ -1,7 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { type TuiDay } from '@taiga-ui/cdk/date-time';
-import { type TuiHandler } from '@taiga-ui/cdk/types';
-/**
- * Token for adding data-type attribute to calendar cell
- */
-export declare const TUI_DAY_TYPE_HANDLER: InjectionToken<TuiHandler<TuiDay, string>>;

package/tokens/first-day-of-week.d.ts

@@ -1,5 +0,0 @@
-import { InjectionToken } from '@angular/core';
-/**
- * The first day of the week index
- */
-export declare const TUI_FIRST_DAY_OF_WEEK: InjectionToken<0 | 1 | 2 | 3 | 4 | 5 | 6>;

package/tokens/scroll-ref.d.ts

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

package/tokens/spin-icons.d.ts

@@ -1,6 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export interface TuiSpinIcons {
-    readonly decrement: string;
-    readonly increment: string;
-}
-export declare const TUI_SPIN_ICONS: InjectionToken<TuiSpinIcons>;

package/types/range-state.d.ts

@@ -1,4 +0,0 @@
-/**
- * @internal used in calendar and year picker
- */
-export type TuiRangeState = 'end' | 'single' | 'start';

package/types/value-content-context.d.ts

@@ -1,4 +0,0 @@
-import { type TuiContext } from '@taiga-ui/cdk/types';
-export interface TuiValueContentContext<T> extends TuiContext<T> {
-    active: boolean;
-}

package/utils/format/string-hash-to-hsl.d.ts

@@ -1,6 +0,0 @@
-/**
- * Converts a string to an HSL color
- * @param value string to convert
- * @return HSL color string
- */
-export declare function tuiStringHashToHsl(value: string): string;

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

@@ -1,4 +0,0 @@
-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 tuiGetDuration(speed: number): number;