@taiga-ui/core 3.1.0 → 3.3.0

package/fesm2015/taiga-ui-core-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-tokens.js","sources":["../../../projects/core/tokens/animations-duration.ts","../../../projects/core/tokens/animation-options.ts","../../../projects/core/tokens/assert-enabled.ts","../../../projects/core/tokens/data-list-accessor.ts","../../../projects/core/tokens/data-list-host.ts","../../../projects/core/tokens/document-or-shadow-root.ts","../../../projects/core/tokens/element-ref.ts","../../../projects/core/tokens/first-day-of-week.ts","../../../projects/core/tokens/i18n.ts","../../../projects/core/tokens/icon-place.ts","../../../projects/core/tokens/icons.ts","../../../projects/core/tokens/icons-path.ts","../../../projects/core/tokens/media.ts","../../../projects/core/tokens/is-mobile-resolution.ts","../../../projects/core/tokens/mode.ts","../../../projects/core/tokens/notification-options.ts","../../../projects/core/tokens/number-format.ts","../../../projects/core/tokens/option-content.ts","../../../projects/core/tokens/ordered-short-week-days.ts","../../../projects/core/tokens/sanitizer.ts","../../../projects/core/tokens/scroll-ref.ts","../../../projects/core/tokens/selection-stream.ts","../../../projects/core/tokens/svg-content-processor.ts","../../../projects/core/tokens/svg-src-processor.ts","../../../projects/core/tokens/textfield-appearance.ts","../../../projects/core/tokens/textfield-host.ts","../../../projects/core/tokens/theme.ts","../../../projects/core/tokens/value-accessor.ts","../../../projects/core/tokens/taiga-ui-core-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport const TUI_ANIMATIONS_DURATION = new InjectionToken<number>(\n    `Duration of all Taiga UI animations in ms`,\n    {\n        factory: () => 300,\n    },\n);\n","import {AnimationOptions} from '@angular/animations';\nimport {inject, InjectionToken} from '@angular/core';\n\nimport {TUI_ANIMATIONS_DURATION} from './animations-duration';\n\nexport const TUI_ANIMATION_OPTIONS = new InjectionToken<AnimationOptions>(\n    `Options for Taiga UI animations`,\n    {\n        factory: () => ({\n            params: {\n                duration: inject(TUI_ANIMATIONS_DURATION),\n            },\n        }),\n    },\n);\n","import {InjectionToken, isDevMode} from '@angular/core';\n\nexport const TUI_ASSERT_ENABLED = new InjectionToken(\n    `Flag to enable assertions across Taiga UI`,\n    {\n        factory: () => isDevMode(),\n    },\n);\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiDataListAccessor} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DATA_LIST_ACCESSOR = new InjectionToken<TuiDataListAccessor>(\n    `Accessor for options`,\n);\n\nexport function tuiAsDataListAccessor(useExisting: Type<TuiDataListAccessor>): Provider {\n    return {\n        provide: TUI_DATA_LIST_ACCESSOR,\n        useExisting,\n    };\n}\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiDataListHost} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DATA_LIST_HOST = new InjectionToken<TuiDataListHost<unknown>>(\n    `DataList controller`,\n);\n\nexport function tuiAsDataListHost(useExisting: Type<TuiDataListHost<unknown>>): Provider {\n    return {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting,\n    };\n}\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_DOCUMENT_OR_SHADOW_ROOT = new InjectionToken<DocumentOrShadowRoot>(\n    `Document or ShadowRoot`,\n);\n","import {ElementRef, InjectionToken} from '@angular/core';\n\nexport const TUI_ELEMENT_REF = new InjectionToken<ElementRef>(\n    `ElementRef when you cannot use @Input for single time injection`,\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiDayOfWeek} from '@taiga-ui/cdk';\n\nexport const TUI_FIRST_DAY_OF_WEEK = new InjectionToken<TuiDayOfWeek>(\n    `The first day of the week index`,\n    {\n        factory: () => TuiDayOfWeek.Monday,\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {tuiExtractI18n} from '@taiga-ui/i18n';\n\nexport const TUI_MONTHS = new InjectionToken(`Localized months names`, {\n    factory: tuiExtractI18n(`months`),\n});\n\nexport const TUI_CLOSE_WORD = new InjectionToken(`i18n 'close' word`, {\n    factory: tuiExtractI18n(`close`),\n});\n\nexport const TUI_NOTHING_FOUND_MESSAGE = new InjectionToken(\n    `i18n 'Nothing found' message`,\n    {\n        factory: tuiExtractI18n(`nothingFoundMessage`),\n    },\n);\n\nexport const TUI_DEFAULT_ERROR_MESSAGE = new InjectionToken(`i18n of error message`, {\n    factory: tuiExtractI18n(`defaultErrorMessage`),\n});\n\nexport const TUI_SPIN_TEXTS = new InjectionToken(`spin i18n texts`, {\n    factory: tuiExtractI18n(`spinTexts`),\n});\n\nexport const TUI_SHORT_WEEK_DAYS = new InjectionToken(`calendars i18n texts`, {\n    factory: tuiExtractI18n(`shortWeekDays`),\n});\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_ICONS_PLACE: InjectionToken<string> = new InjectionToken<string>(\n    `Recommended paths to icons from documentation guide`,\n    {\n        factory: () => `assets/taiga-ui/icons`,\n    },\n);\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_ICONS = new InjectionToken<Record<string, string>>(\n    `A key/value dictionary of icon names and src to be defined with TuiSvgService`,\n    {\n        factory: () => ({}),\n    },\n);\n","import {inject, InjectionToken} from '@angular/core';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {tuiIconsPathFactory} from '@taiga-ui/core/utils';\n\nimport {TUI_ICONS_PLACE} from './icon-place';\n\nexport const TUI_ICONS_PATH: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(\n        `A handler to retrieve USE id for icon by name`,\n        {factory: () => tuiIconsPathFactory(inject(TUI_ICONS_PLACE))},\n    );\n","import {InjectionToken} from '@angular/core';\nimport {TuiMedia} from '@taiga-ui/core/interfaces';\n\nexport const TUI_MEDIA = new InjectionToken<TuiMedia>(`Token for media constant`, {\n    factory: () => ({\n        mobile: 768,\n        desktopSmall: 1024,\n        desktopLarge: 1280,\n    }),\n});\n","import {inject, InjectionToken, NgZone} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {tuiTypedFromEvent, tuiZoneOptimized} from '@taiga-ui/cdk';\nimport {tuiIsMobile} from '@taiga-ui/core/utils';\nimport {Observable} from 'rxjs';\nimport {distinctUntilChanged, map, share, startWith} from 'rxjs/operators';\n\nimport {TUI_MEDIA} from './media';\n\nexport const TUI_IS_MOBILE_RES = new InjectionToken<Observable<boolean>>(\n    `Mobile resolution stream for private providers`,\n    {\n        factory: () => {\n            const windowRef = inject(WINDOW);\n            const media = inject(TUI_MEDIA);\n\n            return tuiTypedFromEvent(windowRef, `resize`).pipe(\n                share(),\n                startWith(null),\n                map(() => tuiIsMobile(windowRef, media)),\n                distinctUntilChanged(),\n                tuiZoneOptimized(inject(NgZone)),\n            );\n        },\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\nexport const TUI_MODE: InjectionToken<Observable<TuiBrightness | null>> =\n    new InjectionToken<Observable<TuiBrightness | null>>(\n        `Mode stream for private providers`,\n    );\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiNotification} from '@taiga-ui/core/enums';\nimport {TuiAlertOptions} from '@taiga-ui/core/interfaces';\n\nexport interface TuiNotificationDefaultOptions\n    extends Omit<TuiAlertOptions<unknown>, 'data'> {\n    readonly defaultAutoCloseTime: number;\n}\n\n/** Default values for the notification options. */\nexport const TUI_NOTIFICATION_DEFAULT_OPTIONS: TuiNotificationDefaultOptions = {\n    autoClose: true,\n    label: ``,\n    status: TuiNotification.Info,\n    hasIcon: true,\n    hasCloseButton: true,\n    defaultAutoCloseTime: 3000,\n};\n\nexport const TUI_NOTIFICATION_OPTIONS = new InjectionToken<TuiNotificationDefaultOptions>(\n    `Default parameters for notification alert component`,\n    {\n        factory: () => TUI_NOTIFICATION_DEFAULT_OPTIONS,\n    },\n);\n\nexport function tuiNotificationOptionsProvider(\n    options: Partial<TuiNotificationDefaultOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_NOTIFICATION_OPTIONS,\n        useValue: {...TUI_NOTIFICATION_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {InjectionToken} from '@angular/core';\nimport {TUI_DEFAULT_NUMBER_FORMAT} from '@taiga-ui/core/constants';\nimport {TuiNumberFormatSettings} from '@taiga-ui/core/interfaces';\n\nexport const TUI_NUMBER_FORMAT = new InjectionToken<TuiNumberFormatSettings>(\n    `Formatting configuration for displayed numbers`,\n    {\n        factory: () => TUI_DEFAULT_NUMBER_FORMAT,\n    },\n);\n","import {InjectionToken, Provider, TemplateRef} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport const TUI_OPTION_CONTENT = new InjectionToken<\n    PolymorpheusContent<TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>>\n>(`Content for tuiOption component`);\n\nexport function tuiAsOptionContent(\n    useValue: PolymorpheusContent<\n        TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>\n    >,\n): Provider {\n    return {\n        provide: TUI_OPTION_CONTENT,\n        useValue,\n    };\n}\n","import {inject, InjectionToken} from '@angular/core';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_FIRST_DAY_OF_WEEK, TUI_SHORT_WEEK_DAYS} from './index';\n\nexport type WEEK_DAYS_NAMES = [string, string, string, string, string, string, string];\n\nconst convertToSundayFirstWeekFormat = (\n    weekDaysNames: WEEK_DAYS_NAMES,\n): WEEK_DAYS_NAMES => {\n    const sundayIndex = weekDaysNames.length - 1;\n\n    return [\n        weekDaysNames[sundayIndex],\n        ...weekDaysNames.slice(0, sundayIndex),\n    ] as WEEK_DAYS_NAMES;\n};\n\nexport const TUI_ORDERED_SHORT_WEEK_DAYS = new InjectionToken<\n    Observable<WEEK_DAYS_NAMES>\n>(`Ordered calendars i18n texts`, {\n    factory: () => {\n        const firstDayOfWeekIndex = inject(TUI_FIRST_DAY_OF_WEEK);\n\n        return inject(TUI_SHORT_WEEK_DAYS).pipe(\n            map(convertToSundayFirstWeekFormat),\n            map(\n                weekDays =>\n                    [\n                        ...weekDays.slice(firstDayOfWeekIndex),\n                        ...weekDays.slice(0, firstDayOfWeekIndex),\n                    ] as WEEK_DAYS_NAMES,\n            ),\n        );\n    },\n});\n","import {InjectionToken, Sanitizer} from '@angular/core';\n\nexport const TUI_SANITIZER = new InjectionToken<Sanitizer>(\n    `A custom Sanitizer to sanitize source before inlining`,\n);\n","import {ElementRef, InjectionToken} from '@angular/core';\n\nexport const TUI_SCROLL_REF = new InjectionToken<ElementRef<HTMLElement>>(\n    `Scrollable container`,\n);\n","import {DOCUMENT} from '@angular/common';\nimport {inject, InjectionToken} from '@angular/core';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {share, switchMapTo, takeUntil} from 'rxjs/operators';\n\nexport const TUI_SELECTION_STREAM = new InjectionToken<Observable<unknown>>(\n    `A stream of possible selection changes`,\n    {\n        factory: () => {\n            const documentRef = inject(DOCUMENT);\n\n            return merge(\n                tuiTypedFromEvent(documentRef, `selectionchange`),\n                tuiTypedFromEvent(documentRef, `mouseup`),\n                tuiTypedFromEvent(documentRef, `mousedown`).pipe(\n                    switchMapTo(\n                        tuiTypedFromEvent(documentRef, `mousemove`).pipe(\n                            takeUntil(tuiTypedFromEvent(documentRef, `mouseup`)),\n                        ),\n                    ),\n                ),\n                tuiTypedFromEvent(documentRef, `keydown`),\n                tuiTypedFromEvent(documentRef, `keyup`),\n            ).pipe(share());\n        },\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiStringHandler, tuiSvgLinearGradientProcessor} from '@taiga-ui/cdk';\n\nexport const TUI_SVG_CONTENT_PROCESSOR: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(\n        `Transform function the contents of the loaded svg file`,\n        {factory: () => tuiSvgLinearGradientProcessor},\n    );\n","import {InjectionToken} from '@angular/core';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {identity} from 'rxjs';\n\nexport const TUI_SVG_SRC_PROCESSOR: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(`Source path processor for svg`, {\n        factory: () => identity,\n    });\n","import {InjectionToken} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\n\nexport const TUI_TEXTFIELD_APPEARANCE = new InjectionToken<string>(\n    `Appearance for inputs`,\n    {\n        factory: () => TuiAppearance.Textfield,\n    },\n);\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiTextfieldHost} from '@taiga-ui/core/interfaces';\n\nexport const TUI_TEXTFIELD_HOST = new InjectionToken<TuiTextfieldHost>(\n    `An interface to communicate with textfield based controls`,\n);\n\nexport function tuiAsTextfieldHost(useExisting: Type<TuiTextfieldHost>): Provider {\n    return {\n        provide: TUI_TEXTFIELD_HOST,\n        useExisting,\n    };\n}\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_THEME = new InjectionToken<string>(`Theme name`, {\n    factory: () => `Taiga`,\n});\n","import {InjectionToken} from '@angular/core';\nimport {ControlValueAccessor} from '@angular/forms';\n\nexport const TUI_VALUE_ACCESSOR = new InjectionToken<ControlValueAccessor>(\n    `Buffer token to pass NG_VALUE_ACCESSOR to a different Injector`,\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAEa,uBAAuB,GAAG,IAAI,cAAc,CACrD,2CAA2C,EAC3C;AACI,IAAA,OAAO,EAAE,MAAM,GAAG;AACrB,CAAA;;MCDQ,qBAAqB,GAAG,IAAI,cAAc,CACnD,iCAAiC,EACjC;AACI,IAAA,OAAO,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACJ,YAAA,QAAQ,EAAE,MAAM,CAAC,uBAAuB,CAAC;AAC5C,SAAA;KACJ,CAAC;AACL,CAAA;;MCXQ,kBAAkB,GAAG,IAAI,cAAc,CAChD,2CAA2C,EAC3C;AACI,IAAA,OAAO,EAAE,MAAM,SAAS,EAAE;AAC7B,CAAA;;MCHQ,sBAAsB,GAAG,IAAI,cAAc,CACpD,CAAsB,oBAAA,CAAA,EACxB;AAEI,SAAU,qBAAqB,CAAC,WAAsC,EAAA;IACxE,OAAO;AACH,QAAA,OAAO,EAAE,sBAAsB;QAC/B,WAAW;KACd,CAAC;AACN;;MCTa,kBAAkB,GAAG,IAAI,cAAc,CAChD,CAAqB,mBAAA,CAAA,EACvB;AAEI,SAAU,iBAAiB,CAAC,WAA2C,EAAA;IACzE,OAAO;AACH,QAAA,OAAO,EAAE,kBAAkB;QAC3B,WAAW;KACd,CAAC;AACN;;MCVa,2BAA2B,GAAG,IAAI,cAAc,CACzD,CAAwB,sBAAA,CAAA;;MCDf,eAAe,GAAG,IAAI,cAAc,CAC7C,CAAiE,+DAAA,CAAA;;MCAxD,qBAAqB,GAAG,IAAI,cAAc,CACnD,iCAAiC,EACjC;IACI,OAAO,EAAE,MAAyB,CAAA;AACrC,CAAA;;MCJQ,UAAU,GAAG,IAAI,cAAc,CAAC,wBAAwB,EAAE;AACnE,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,MAAA,CAAQ,CAAC;AACpC,CAAA,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,mBAAmB,EAAE;AAClE,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,KAAA,CAAO,CAAC;AACnC,CAAA,EAAE;MAEU,yBAAyB,GAAG,IAAI,cAAc,CACvD,8BAA8B,EAC9B;AACI,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,mBAAA,CAAqB,CAAC;AACjD,CAAA,EACH;MAEW,yBAAyB,GAAG,IAAI,cAAc,CAAC,uBAAuB,EAAE;AACjF,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,mBAAA,CAAqB,CAAC;AACjD,CAAA,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;AAChE,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,SAAA,CAAW,CAAC;AACvC,CAAA,EAAE;MAEU,mBAAmB,GAAG,IAAI,cAAc,CAAC,sBAAsB,EAAE;AAC1E,IAAA,OAAO,EAAE,cAAc,CAAC,CAAA,aAAA,CAAe,CAAC;AAC3C,CAAA;;MC1BY,eAAe,GAA2B,IAAI,cAAc,CACrE,qDAAqD,EACrD;AACI,IAAA,OAAO,EAAE,MAAM,CAAuB,qBAAA,CAAA;AACzC,CAAA;;MCJQ,SAAS,GAAG,IAAI,cAAc,CACvC,+EAA+E,EAC/E;AACI,IAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACtB,CAAA;;ACAQ,MAAA,cAAc,GACvB,IAAI,cAAc,CACd,CAAA,6CAAA,CAA+C,EAC/C,EAAC,OAAO,EAAE,MAAM,mBAAmB,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAC;;MCNxD,SAAS,GAAG,IAAI,cAAc,CAAW,0BAA0B,EAAE;AAC9E,IAAA,OAAO,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACL,CAAA;;MCAY,iBAAiB,GAAG,IAAI,cAAc,CAC/C,gDAAgD,EAChD;IACI,OAAO,EAAE,MAAK;AACV,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACjC,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAEhC,QAAA,OAAO,iBAAiB,CAAC,SAAS,EAAE,CAAQ,MAAA,CAAA,CAAC,CAAC,IAAI,CAC9C,KAAK,EAAE,EACP,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,MAAM,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EACxC,oBAAoB,EAAE,EACtB,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CACnC,CAAC;KACL;AACJ,CAAA;;MCpBQ,QAAQ,GACjB,IAAI,cAAc,CACd,CAAmC,iCAAA,CAAA;;ACG3C;AACa,MAAA,gCAAgC,GAAkC;AAC3E,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,CAAE,CAAA;AACT,IAAA,MAAM,EAAsB,MAAA;AAC5B,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,oBAAoB,EAAE,IAAI;EAC5B;MAEW,wBAAwB,GAAG,IAAI,cAAc,CACtD,qDAAqD,EACrD;AACI,IAAA,OAAO,EAAE,MAAM,gCAAgC;AAClD,CAAA,EACH;AAEI,SAAU,8BAA8B,CAC1C,OAA+C,EAAA;IAE/C,OAAO;AACH,QAAA,OAAO,EAAE,wBAAwB;AACjC,QAAA,QAAQ,EAAM,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gCAAgC,CAAK,EAAA,OAAO,CAAC;KAC9D,CAAC;AACN;;MC7Ba,iBAAiB,GAAG,IAAI,cAAc,CAC/C,gDAAgD,EAChD;AACI,IAAA,OAAO,EAAE,MAAM,yBAAyB;AAC3C,CAAA;;MCJQ,kBAAkB,GAAG,IAAI,cAAc,CAElD,CAAiC,+BAAA,CAAA,EAAE;AAE/B,SAAU,kBAAkB,CAC9B,QAEC,EAAA;IAED,OAAO;AACH,QAAA,OAAO,EAAE,kBAAkB;QAC3B,QAAQ;KACX,CAAC;AACN;;ACTA,MAAM,8BAA8B,GAAG,CACnC,aAA8B,KACb;AACjB,IAAA,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO;QACH,aAAa,CAAC,WAAW,CAAC;AAC1B,QAAA,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;AACzB,CAAC,CAAC;MAEW,2BAA2B,GAAG,IAAI,cAAc,CAE3D,8BAA8B,EAAE;IAC9B,OAAO,EAAE,MAAK;AACV,QAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAE1D,QAAA,OAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI,CACnC,GAAG,CAAC,8BAA8B,CAAC,EACnC,GAAG,CACC,QAAQ,IACJ;AACI,YAAA,GAAG,QAAQ,CAAC,KAAK,CAAC,mBAAmB,CAAC;AACtC,YAAA,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC;AACzB,SAAA,CAC3B,CACJ,CAAC;KACL;AACJ,CAAA;;MClCY,aAAa,GAAG,IAAI,cAAc,CAC3C,CAAuD,qDAAA,CAAA;;MCD9C,cAAc,GAAG,IAAI,cAAc,CAC5C,CAAsB,oBAAA,CAAA;;MCGb,oBAAoB,GAAG,IAAI,cAAc,CAClD,wCAAwC,EACxC;IACI,OAAO,EAAE,MAAK;AACV,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAErC,QAAA,OAAO,KAAK,CACR,iBAAiB,CAAC,WAAW,EAAE,CAAA,eAAA,CAAiB,CAAC,EACjD,iBAAiB,CAAC,WAAW,EAAE,SAAS,CAAC,EACzC,iBAAiB,CAAC,WAAW,EAAE,CAAW,SAAA,CAAA,CAAC,CAAC,IAAI,CAC5C,WAAW,CACP,iBAAiB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CAC5C,SAAS,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAA,OAAA,CAAS,CAAC,CAAC,CACvD,CACJ,CACJ,EACD,iBAAiB,CAAC,WAAW,EAAE,CAAA,OAAA,CAAS,CAAC,EACzC,iBAAiB,CAAC,WAAW,EAAE,CAAA,KAAA,CAAO,CAAC,CAC1C,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KACnB;AACJ,CAAA;;ACvBQ,MAAA,yBAAyB,GAClC,IAAI,cAAc,CACd,CAAwD,sDAAA,CAAA,EACxD,EAAC,OAAO,EAAE,MAAM,6BAA6B,EAAC;;MCFzC,qBAAqB,GAC9B,IAAI,cAAc,CAA2B,+BAA+B,EAAE;AAC1E,IAAA,OAAO,EAAE,MAAM,QAAQ;AAC1B,CAAA;;MCJQ,wBAAwB,GAAG,IAAI,cAAc,CACtD,uBAAuB,EACvB;IACI,OAAO,EAAE,MAA6B,WAAA;AACzC,CAAA;;MCJQ,kBAAkB,GAAG,IAAI,cAAc,CAChD,CAA2D,yDAAA,CAAA,EAC7D;AAEI,SAAU,kBAAkB,CAAC,WAAmC,EAAA;IAClE,OAAO;AACH,QAAA,OAAO,EAAE,kBAAkB;QAC3B,WAAW;KACd,CAAC;AACN;;MCVa,SAAS,GAAG,IAAI,cAAc,CAAS,YAAY,EAAE;AAC9D,IAAA,OAAO,EAAE,MAAM,CAAO,KAAA,CAAA;AACzB,CAAA;;MCDY,kBAAkB,GAAG,IAAI,cAAc,CAChD,CAAgE,8DAAA,CAAA;;ACJpE;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-core-tokens.js","sources":["../../../projects/core/tokens/animations-duration.ts","../../../projects/core/tokens/animation-options.ts","../../../projects/core/tokens/assert-enabled.ts","../../../projects/core/tokens/data-list-accessor.ts","../../../projects/core/tokens/data-list-host.ts","../../../projects/core/tokens/document-or-shadow-root.ts","../../../projects/core/tokens/element-ref.ts","../../../projects/core/tokens/first-day-of-week.ts","../../../projects/core/tokens/i18n.ts","../../../projects/core/tokens/icon-place.ts","../../../projects/core/tokens/icons.ts","../../../projects/core/tokens/icons-path.ts","../../../projects/core/tokens/media.ts","../../../projects/core/tokens/is-mobile-resolution.ts","../../../projects/core/tokens/mode.ts","../../../projects/core/tokens/notification-options.ts","../../../projects/core/tokens/number-format.ts","../../../projects/core/tokens/option-content.ts","../../../projects/core/tokens/ordered-short-week-days.ts","../../../projects/core/tokens/sanitizer.ts","../../../projects/core/tokens/scroll-ref.ts","../../../projects/core/tokens/selection-stream.ts","../../../projects/core/tokens/svg-content-processor.ts","../../../projects/core/tokens/svg-src-processor.ts","../../../projects/core/tokens/textfield-appearance.ts","../../../projects/core/tokens/textfield-host.ts","../../../projects/core/tokens/theme.ts","../../../projects/core/tokens/value-accessor.ts","../../../projects/core/tokens/taiga-ui-core-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport const TUI_ANIMATIONS_DURATION = new InjectionToken<number>(\n    `[TUI_ANIMATIONS_DURATION]: Duration of all Taiga UI animations in ms`,\n    {\n        factory: () => 300,\n    },\n);\n","import {AnimationOptions} from '@angular/animations';\nimport {inject, InjectionToken} from '@angular/core';\n\nimport {TUI_ANIMATIONS_DURATION} from './animations-duration';\n\nexport const TUI_ANIMATION_OPTIONS = new InjectionToken<AnimationOptions>(\n    `[TUI_ANIMATION_OPTIONS]: Options for Taiga UI animations`,\n    {\n        factory: () => ({\n            params: {\n                duration: inject(TUI_ANIMATIONS_DURATION),\n            },\n        }),\n    },\n);\n","import {InjectionToken, isDevMode} from '@angular/core';\n\nexport const TUI_ASSERT_ENABLED = new InjectionToken(\n    `[TUI_ASSERT_ENABLED]: Flag to enable assertions across Taiga UI`,\n    {\n        factory: () => isDevMode(),\n    },\n);\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiDataListAccessor} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DATA_LIST_ACCESSOR = new InjectionToken<TuiDataListAccessor>(\n    `[TUI_DATA_LIST_ACCESSOR]: Accessor for options`,\n);\n\nexport function tuiAsDataListAccessor(useExisting: Type<TuiDataListAccessor>): Provider {\n    return {\n        provide: TUI_DATA_LIST_ACCESSOR,\n        useExisting,\n    };\n}\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiDataListHost} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DATA_LIST_HOST = new InjectionToken<TuiDataListHost<unknown>>(\n    `[TUI_DATA_LIST_HOST]: DataList controller`,\n);\n\nexport function tuiAsDataListHost(useExisting: Type<TuiDataListHost<unknown>>): Provider {\n    return {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting,\n    };\n}\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_DOCUMENT_OR_SHADOW_ROOT = new InjectionToken<DocumentOrShadowRoot>(\n    `[TUI_DOCUMENT_OR_SHADOW_ROOT]: Document or ShadowRoot`,\n);\n","import {ElementRef, InjectionToken} from '@angular/core';\n\nexport const TUI_ELEMENT_REF = new InjectionToken<ElementRef>(\n    `[TUI_ELEMENT_REF]: ElementRef when you cannot use @Input for single time injection`,\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiDayOfWeek} from '@taiga-ui/cdk';\n\nexport const TUI_FIRST_DAY_OF_WEEK = new InjectionToken<TuiDayOfWeek>(\n    `[TUI_FIRST_DAY_OF_WEEK]: The first day of the week index`,\n    {\n        factory: () => TuiDayOfWeek.Monday,\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {tuiExtractI18n} from '@taiga-ui/i18n';\n\nexport const TUI_MONTHS = new InjectionToken(`[TUI_MONTHS]: Localized months names`, {\n    factory: tuiExtractI18n(`months`),\n});\n\nexport const TUI_CLOSE_WORD = new InjectionToken(`[TUI_CLOSE_WORD]: i18n 'close' word`, {\n    factory: tuiExtractI18n(`close`),\n});\n\nexport const TUI_NOTHING_FOUND_MESSAGE = new InjectionToken(\n    `[TUI_NOTHING_FOUND_MESSAGE]: i18n 'Nothing found' message`,\n    {\n        factory: tuiExtractI18n(`nothingFoundMessage`),\n    },\n);\n\nexport const TUI_DEFAULT_ERROR_MESSAGE = new InjectionToken(\n    `[TUI_DEFAULT_ERROR_MESSAGE]: i18n of error message`,\n    {\n        factory: tuiExtractI18n(`defaultErrorMessage`),\n    },\n);\n\nexport const TUI_SPIN_TEXTS = new InjectionToken(`[TUI_SPIN_TEXTS]: spin i18n texts`, {\n    factory: tuiExtractI18n(`spinTexts`),\n});\n\nexport const TUI_SHORT_WEEK_DAYS = new InjectionToken(\n    `[TUI_SHORT_WEEK_DAYS]: calendars i18n texts`,\n    {\n        factory: tuiExtractI18n(`shortWeekDays`),\n    },\n);\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_ICONS_PLACE: InjectionToken<string> = new InjectionToken<string>(\n    `[TUI_ICONS_PLACE]: Recommended paths to icons from documentation guide`,\n    {\n        factory: () => `assets/taiga-ui/icons`,\n    },\n);\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_ICONS = new InjectionToken<Record<string, string>>(\n    `[TUI_ICONS]: A key/value dictionary of icon names and src to be defined with TuiSvgService`,\n    {\n        factory: () => ({}),\n    },\n);\n","import {inject, InjectionToken} from '@angular/core';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {tuiIconsPathFactory} from '@taiga-ui/core/utils';\n\nimport {TUI_ICONS_PLACE} from './icon-place';\n\nexport const TUI_ICONS_PATH: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(\n        `[TUI_ICONS_PATH]: A handler to retrieve USE id for icon by name`,\n        {factory: () => tuiIconsPathFactory(inject(TUI_ICONS_PLACE))},\n    );\n","import {InjectionToken} from '@angular/core';\nimport {TuiMedia} from '@taiga-ui/core/interfaces';\n\nexport const TUI_MEDIA = new InjectionToken<TuiMedia>(\n    `[TUI_MEDIA]: Token for media constant`,\n    {\n        factory: () => ({\n            mobile: 768,\n            desktopSmall: 1024,\n            desktopLarge: 1280,\n        }),\n    },\n);\n","import {inject, InjectionToken, NgZone} from '@angular/core';\nimport {WINDOW} from '@ng-web-apis/common';\nimport {tuiTypedFromEvent, tuiZoneOptimized} from '@taiga-ui/cdk';\nimport {tuiIsMobile} from '@taiga-ui/core/utils';\nimport {Observable} from 'rxjs';\nimport {distinctUntilChanged, map, share, startWith} from 'rxjs/operators';\n\nimport {TUI_MEDIA} from './media';\n\nexport const TUI_IS_MOBILE_RES = new InjectionToken<Observable<boolean>>(\n    `[TUI_IS_MOBILE_RES]: Mobile resolution stream for private providers`,\n    {\n        factory: () => {\n            const windowRef = inject(WINDOW);\n            const media = inject(TUI_MEDIA);\n\n            return tuiTypedFromEvent(windowRef, `resize`).pipe(\n                share(),\n                startWith(null),\n                map(() => tuiIsMobile(windowRef, media)),\n                distinctUntilChanged(),\n                tuiZoneOptimized(inject(NgZone)),\n            );\n        },\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\nexport const TUI_MODE: InjectionToken<Observable<TuiBrightness | null>> =\n    new InjectionToken<Observable<TuiBrightness | null>>(\n        `[TUI_MODE]: Mode stream for private providers`,\n    );\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiNotification} from '@taiga-ui/core/enums';\nimport {TuiAlertOptions} from '@taiga-ui/core/interfaces';\n\nexport interface TuiNotificationDefaultOptions\n    extends Omit<TuiAlertOptions<unknown>, 'data'> {\n    readonly defaultAutoCloseTime: number;\n}\n\n/** Default values for the notification options. */\nexport const TUI_NOTIFICATION_DEFAULT_OPTIONS: TuiNotificationDefaultOptions = {\n    autoClose: true,\n    label: ``,\n    status: TuiNotification.Info,\n    hasIcon: true,\n    hasCloseButton: true,\n    defaultAutoCloseTime: 3000,\n};\n\nexport const TUI_NOTIFICATION_OPTIONS = new InjectionToken<TuiNotificationDefaultOptions>(\n    `[TUI_NOTIFICATION_OPTIONS]: Default parameters for notification alert component`,\n    {\n        factory: () => TUI_NOTIFICATION_DEFAULT_OPTIONS,\n    },\n);\n\nexport function tuiNotificationOptionsProvider(\n    options: Partial<TuiNotificationDefaultOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_NOTIFICATION_OPTIONS,\n        useValue: {...TUI_NOTIFICATION_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {InjectionToken} from '@angular/core';\nimport {TUI_DEFAULT_NUMBER_FORMAT} from '@taiga-ui/core/constants';\nimport {TuiNumberFormatSettings} from '@taiga-ui/core/interfaces';\n\nexport const TUI_NUMBER_FORMAT = new InjectionToken<TuiNumberFormatSettings>(\n    `[TUI_NUMBER_FORMAT]: Formatting configuration for displayed numbers`,\n    {\n        factory: () => TUI_DEFAULT_NUMBER_FORMAT,\n    },\n);\n","import {InjectionToken, Provider, TemplateRef} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport const TUI_OPTION_CONTENT = new InjectionToken<\n    PolymorpheusContent<TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>>\n>(`[TUI_OPTION_CONTENT]: Content for tuiOption component`);\n\nexport function tuiAsOptionContent(\n    useValue: PolymorpheusContent<\n        TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>\n    >,\n): Provider {\n    return {\n        provide: TUI_OPTION_CONTENT,\n        useValue,\n    };\n}\n","import {inject, InjectionToken} from '@angular/core';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_FIRST_DAY_OF_WEEK, TUI_SHORT_WEEK_DAYS} from './index';\n\nexport type WEEK_DAYS_NAMES = [string, string, string, string, string, string, string];\n\nconst convertToSundayFirstWeekFormat = (\n    weekDaysNames: WEEK_DAYS_NAMES,\n): WEEK_DAYS_NAMES => {\n    const sundayIndex = weekDaysNames.length - 1;\n\n    return [\n        weekDaysNames[sundayIndex],\n        ...weekDaysNames.slice(0, sundayIndex),\n    ] as WEEK_DAYS_NAMES;\n};\n\nexport const TUI_ORDERED_SHORT_WEEK_DAYS = new InjectionToken<\n    Observable<WEEK_DAYS_NAMES>\n>(`[TUI_ORDERED_SHORT_WEEK_DAYS]: Ordered calendars i18n texts`, {\n    factory: () => {\n        const firstDayOfWeekIndex = inject(TUI_FIRST_DAY_OF_WEEK);\n\n        return inject(TUI_SHORT_WEEK_DAYS).pipe(\n            map(convertToSundayFirstWeekFormat),\n            map(\n                weekDays =>\n                    [\n                        ...weekDays.slice(firstDayOfWeekIndex),\n                        ...weekDays.slice(0, firstDayOfWeekIndex),\n                    ] as WEEK_DAYS_NAMES,\n            ),\n        );\n    },\n});\n","import {InjectionToken, Sanitizer} from '@angular/core';\n\nexport const TUI_SANITIZER = new InjectionToken<Sanitizer>(\n    `[TUI_SANITIZER]: A custom Sanitizer to sanitize source before inlining`,\n);\n","import {ElementRef, InjectionToken} from '@angular/core';\n\nexport const TUI_SCROLL_REF = new InjectionToken<ElementRef<HTMLElement>>(\n    `[TUI_SCROLL_REF]: Scrollable container`,\n);\n","import {DOCUMENT} from '@angular/common';\nimport {inject, InjectionToken} from '@angular/core';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {share, switchMapTo, takeUntil} from 'rxjs/operators';\n\nexport const TUI_SELECTION_STREAM = new InjectionToken<Observable<unknown>>(\n    `[TUI_SELECTION_STREAM]: A stream of possible selection changes`,\n    {\n        factory: () => {\n            const documentRef = inject(DOCUMENT);\n\n            return merge(\n                tuiTypedFromEvent(documentRef, `selectionchange`),\n                tuiTypedFromEvent(documentRef, `mouseup`),\n                tuiTypedFromEvent(documentRef, `mousedown`).pipe(\n                    switchMapTo(\n                        tuiTypedFromEvent(documentRef, `mousemove`).pipe(\n                            takeUntil(tuiTypedFromEvent(documentRef, `mouseup`)),\n                        ),\n                    ),\n                ),\n                tuiTypedFromEvent(documentRef, `keydown`),\n                tuiTypedFromEvent(documentRef, `keyup`),\n            ).pipe(share());\n        },\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiStringHandler, tuiSvgLinearGradientProcessor} from '@taiga-ui/cdk';\n\nexport const TUI_SVG_CONTENT_PROCESSOR: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(\n        `[TUI_SVG_CONTENT_PROCESSOR]: Transform function the contents of the loaded svg file`,\n        {factory: () => tuiSvgLinearGradientProcessor},\n    );\n","import {InjectionToken} from '@angular/core';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {identity} from 'rxjs';\n\nexport const TUI_SVG_SRC_PROCESSOR: InjectionToken<TuiStringHandler<string>> =\n    new InjectionToken<TuiStringHandler<string>>(\n        `[TUI_SVG_SRC_PROCESSOR]: Source path processor for svg`,\n        {\n            factory: () => identity,\n        },\n    );\n","import {InjectionToken} from '@angular/core';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\n\nexport const TUI_TEXTFIELD_APPEARANCE = new InjectionToken<string>(\n    `[TUI_TEXTFIELD_APPEARANCE]: Appearance for inputs`,\n    {\n        factory: () => TuiAppearance.Textfield,\n    },\n);\n","import {InjectionToken, Provider, Type} from '@angular/core';\nimport {TuiTextfieldHost} from '@taiga-ui/core/interfaces';\n\nexport const TUI_TEXTFIELD_HOST = new InjectionToken<TuiTextfieldHost>(\n    `[TUI_TEXTFIELD_HOST]: An interface to communicate with textfield based controls`,\n);\n\nexport function tuiAsTextfieldHost(useExisting: Type<TuiTextfieldHost>): Provider {\n    return {\n        provide: TUI_TEXTFIELD_HOST,\n        useExisting,\n    };\n}\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_THEME = new InjectionToken<string>(`[TUI_THEME]: Theme name`, {\n    factory: () => `Taiga`,\n});\n","import {InjectionToken} from '@angular/core';\nimport {ControlValueAccessor} from '@angular/forms';\n\nexport const TUI_VALUE_ACCESSOR = new InjectionToken<ControlValueAccessor>(\n    `[TUI_VALUE_ACCESSOR]: Buffer token to pass NG_VALUE_ACCESSOR to a different Injector`,\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -15,7 +15,7 @@
   "repository": "https://github.com/tinkoff/taiga-ui",
   "license": "Apache-2.0",
   "dependencies": {
-    "@taiga-ui/i18n": "^3.1.0",
+    "@taiga-ui/i18n": "^3.3.0",
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
@@ -27,8 +27,8 @@
     "@angular/router": ">=9.0.0",
     "@ng-web-apis/common": ">=2.0.0",
     "@ng-web-apis/mutation-observer": ">=2.0.0",
-    "@taiga-ui/cdk": ">=3.1.0",
-    "@taiga-ui/i18n": ">=3.1.0",
+    "@taiga-ui/cdk": ">=3.3.0",
+    "@taiga-ui/i18n": ">=3.3.0",
     "@tinkoff/ng-event-plugins": ">=3.0.0",
     "@tinkoff/ng-polymorpheus": ">=4.0.0",
     "rxjs": ">=6.0.0"

package/styles/mixins/mixins.scss

@@ -53,8 +53,33 @@
     line-height: inherit;
 }
 
-@mixin clearinput() {
+@mixin autofill($mode: default) {
+    &:-webkit-autofill,
+    &:-webkit-autofill:hover,
+    &:-webkit-autofill:focus {
+        caret-color: var(--tui-base-09);
+        border-radius: inherit;
+        color: inherit !important;
+        background-color: transparent !important;
+
+        @if ($mode == default) {
+            -webkit-text-fill-color: var(--tui-text-01) !important;
+            border-color: var(--tui-autofill);
+            -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill) inset !important; // to overlay native background
+        }
+
+        @if ($mode == dark) {
+            -webkit-text-fill-color: var(--tui-text-01-night) !important;
+            border-color: var(--tui-autofill-night);
+            -webkit-box-shadow: 0 0 0 100rem var(--tui-autofill-night) inset !important;
+        }
+    }
+}
+
+@mixin clearinput($mode: default) {
+    @include autofill($mode);
     padding: 0;
+    margin: 0;
     border: 0;
     border-radius: inherit;
     background: none;
@@ -67,16 +92,6 @@
     appearance: none;
     word-break: keep-all;
     -webkit-text-fill-color: currentColor; // for Safari
-
-    &:-webkit-autofill,
-    &:-webkit-autofill:hover,
-    &:-webkit-autofill:focus {
-        border-radius: inherit;
-        -webkit-text-fill-color: inherit !important;
-        color: inherit !important;
-        background-color: transparent !important;
-        -webkit-box-shadow: 0 0 0 1000px var(--tui-autofill) inset !important; // to overlay native background
-    }
 }
 
 @mixin visually-hidden() {
@@ -101,7 +116,7 @@
             height: 1rem;
             border-radius: 6.25rem;
             background-clip: padding-box;
-            border: 0.375rem solid transparent;
+            border: 2.667rem solid transparent;
         }
 
         &::-webkit-scrollbar {
@@ -131,12 +146,12 @@
 
     // Dropdown
     @if ($mode == 2) {
-        box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.2);
+        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
     }
 
     // Modal
     @if ($mode == 3) {
-        box-shadow: 0 1.125rem 1.875rem rgba(51, 51, 51, 0.52);
+        box-shadow: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48);
     }
 
     // Sidebar
@@ -156,7 +171,7 @@
 
     // Modal mobile
     @if ($mode == 7) {
-        box-shadow: 0 -1rem 1.75rem rgba(51, 51, 51, 0.24);
+        box-shadow: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24);
     }
 }
 
@@ -260,16 +275,16 @@
 }
 
 // typical properties for text overflow with ellipsis
-@mixin text-overflow() {
-    white-space: nowrap;
+@mixin text-overflow($type: nowrap) {
+    white-space: $type;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 /* stylelint-disable selector-max-specificity */
 @mixin text-overflow-with-fade(
-    $color: rgba(255, 255, 255, 1),
-    $transparentColor: rgba(255, 255, 255, 0),
+    $color: var(--tui-base-01),
+    $transparentColor: transparent,
     $width: 1.875rem
 ) {
     position: relative;
@@ -357,6 +372,7 @@
 
 // hide an element visually without hiding it from screen readers
 @mixin sr-only() {
+    position: absolute;
     clip: rect(1px, 1px, 1px, 1px);
     clip-path: inset(50%);
     height: 1px;
@@ -364,5 +380,4 @@
     margin: -1px;
     overflow: hidden;
     padding: 0;
-    position: absolute;
 }

package/styles/mixins/picker.scss

@@ -1,20 +1,20 @@
 @mixin picker($itemSize) {
     :host {
-        @include text-body-m();
         display: block;
+        font: var(--tui-font-text-m);
     }
 
     .t-row {
         @include createStackingContext();
         display: flex;
         justify-content: space-between;
-        height: 36px;
+        height: 2.25rem;
     }
 
     .t-item {
         position: relative;
         flex: 1;
-        line-height: 32px;
+        line-height: 2rem;
         border-radius: var(--tui-radius-m);
 
         &:before,
@@ -57,10 +57,10 @@
         &_today:after {
             @include center-left();
             content: '';
-            bottom: 5px;
-            height: 2px;
-            width: 12px;
-            border-radius: 6px;
+            bottom: 0.3125rem;
+            height: 0.125rem;
+            width: 0.75rem;
+            border-radius: 0.375rem;
             background-color: var(--tui-text-02);
         }
 
@@ -123,25 +123,25 @@
 
         &[data-range='end'] > .t-item {
             &:before {
-                left: 4px;
+                left: 0.25rem;
             }
 
             &:after {
-                left: -32px;
+                left: -2rem;
                 right: 100%;
-                transform: translateX(23px) scaleY(0.6) scaleX(0.4) rotate(45deg);
+                transform: translateX(1.4375rem) scaleY(0.6) scaleX(0.4) rotate(45deg);
             }
         }
 
         &[data-range='start'] > .t-item {
             &:before {
-                right: 4px;
+                right: 0.25rem;
             }
 
             &:after {
                 left: 100%;
-                right: -32px;
-                transform: translateX(-23px) scaleY(0.6) scaleX(0.4) rotate(45deg);
+                right: -2rem;
+                transform: translateX(-1.4375rem) scaleY(0.6) scaleX(0.4) rotate(45deg);
             }
         }
 

package/styles/mixins/slider.scss

@@ -31,4 +31,21 @@ $thumb-diameters: (
     tui-input-slider + & {
         margin-left: calc(var(--tui-radius-m) / 2 + #{$first-tick-center});
     }
+
+    tui-input-range + &,
+    tui-range + & {
+        $thumb: map-get($thumb-diameters, $input-size);
+        margin-left: $thumb;
+        margin-right: $thumb;
+
+        & > * {
+            &:first-child {
+                left: -$thumb;
+            }
+
+            &:last-child {
+                right: -$thumb;
+            }
+        }
+    }
 }

package/styles/mixins/text.scss

@@ -3,6 +3,8 @@
     color: var(--tui-text-01);
 }
 
+// TODO: 4.0 delete all deprecations below
+
 // headings
 
 // deprecated

package/styles/mixins/textfield.less

@@ -71,6 +71,7 @@
     overflow: hidden;
     text-transform: inherit;
     resize: none;
+    text-overflow: ellipsis;
 
     :host[data-mode='onDark'] &,
     :host-context(tui-primitive-textfield[data-mode='onDark']),

package/styles/mixins/textfield.scss

@@ -1,8 +1,11 @@
+$line-height-l: 1.25rem;
+
 @mixin textfield-host() {
     @include text-basic();
     position: relative;
     display: block;
     border-radius: var(--tui-radius-m);
+    text-align: left;
 
     &[data-size='s'] {
         height: var(--tui-height-s);
@@ -20,7 +23,8 @@
         height: var(--tui-height-l);
         min-height: var(--tui-height-l);
         max-height: var(--tui-height-l);
-        font-size: 15px;
+        font: var(--tui-font-text-m);
+        line-height: $line-height-l;
     }
 }
 
@@ -28,17 +32,26 @@
     display: flex;
     height: 100%;
     width: 100%;
-    padding: 0 12px;
+    padding: 0 var(--tui-padding-m);
     box-sizing: border-box;
     align-items: center;
     overflow: hidden;
 
     :host[data-size='s'] & {
-        padding-right: 8px;
+        padding: 0 var(--tui-padding-s);
     }
 
     :host[data-size='l'] & {
-        padding-left: 16px;
+        padding: 0 var(--tui-padding-l);
+    }
+
+    &:after {
+        content: '';
+        margin-right: -0.25rem;
+    }
+
+    :host[data-size='m'] &:after {
+        display: none;
     }
 }
 
@@ -46,75 +59,101 @@
     @include text-basic();
     @include clearinput();
     @include fullsize();
-    padding: 0 12px;
+    padding: 0 var(--tui-padding-m);
+    border: solid transparent;
+    border-width: 0 var(--border-end, 0) 0 var(--border-start, 0);
+    border-inline-start-width: var(--border-start, 0);
+    border-inline-end-width: var(--border-end, 0);
+    text-indent: var(--text-indent);
+    text-align: inherit;
     box-sizing: border-box;
     white-space: nowrap;
     overflow: hidden;
     text-transform: inherit;
+    resize: none;
+    text-overflow: ellipsis;
 
-    :host[data-size='s'] & {
-        padding: 0 8px 0 12px;
+    :host[data-mode='onDark'] &,
+    :host-context(tui-primitive-textfield[data-mode='onDark']),
+    :host-context(tui-text-area[data-mode='onDark']) {
+        @include autofill(dark);
     }
 
-    :host[data-size='l'] & {
-        padding: 0 16px;
+    :host[data-size='s'] &,
+    :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),
+    :host-context(tui-text-area[data-size='s']):not(tui-text-area) {
+        padding: 0 var(--tui-padding-s);
     }
 
-    :host._disabled & {
+    :host[data-size='l'] &,
+    :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),
+    :host-context(tui-text-area[data-size='l']):not(tui-text-area) {
+        padding: 0 var(--tui-padding-l);
+    }
+
+    :host._disabled &,
+    :host-context(tui-primitive-textfield._disabled),
+    :host-context(tui-text-area._disabled) {
         // $bad TODO: research why you can reach disabled textfield with mask inside a label without that
         pointer-events: none;
     }
 
-    :host[data-size='l']:not(._label-outside) & {
-        padding-top: 20px;
+    :host[data-size='l']:not(._label-outside) &,
+    :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield) {
+        padding-top: $line-height-l;
 
         // Workaround for raising placeholder in temporary autofill
-        &:-webkit-autofill + .content .placeholder {
-            width: 114%; // compensation of scale(0.87)
-            transform: translateY(-10px) scale(0.87);
+        &:-webkit-autofill + .t-content .t-placeholder {
+            font-size: 0.8156rem;
+            transform: translateY(-0.625rem);
         }
     }
 
-    :host[data-size='m']:not(._label-outside) & {
-        padding-top: 18px;
+    :host[data-size='m']:not(._label-outside) &,
+    :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield) {
+        padding-top: 1.125rem;
 
         // Workaround for raising placeholder in temporary autofill
-        &:-webkit-autofill + .content .placeholder {
-            width: 118%; // compensation of scale(0.85)
-            transform: translateY(-8px) scale(0.85);
+        &:-webkit-autofill + .t-content .t-placeholder {
+            font-size: 0.69rem;
+            transform: translateY(-0.5rem);
         }
     }
+
+    :host._hidden input&,
+    :host-context(tui-primitive-textfield._hidden) {
+        opacity: 0;
+        text-indent: -10em; // Hide blinking caret even in IE
+        -webkit-user-select: none; // Hide blinking caret in mobile safari
+    }
 }
 
 @mixin textfield-wrapper() {
     flex: 1;
     min-width: 0;
-    padding-right: $space;
+    padding-right: 0.25rem;
+    padding-inline-end: 0.25rem;
+    padding-inline-start: 0;
 }
 
 @mixin textfield-placeholder() {
-    @include transition('transform, min-width, color, letter-spacing');
+    @include transition('transform, font-size, color, letter-spacing');
     @include text-basic();
     @include text-overflow();
     display: block;
     width: 100%;
-    height: 20px;
-    font-size: 13px;
-    box-sizing: border-box;
     user-select: none;
-    pointer-events: none;
     color: var(--tui-text-02);
-    transform-origin: left;
-    letter-spacing: normal;
-    text-transform: none;
+    pointer-events: none;
+    will-change: transform;
+    transform: translateY(0);
 
     &_raised {
-        width: 114%; // compensation of scale(0.87)
-        transform: translateY(-10px) scale(0.87);
+        transform: translateY(-0.625rem);
 
         :host[data-size='m'] & {
-            width: 118%;
-            transform: translateY(-8px) scale(0.85);
+            font: var(--tui-font-text-xs);
+            transform: translateY(-0.5rem);
             letter-spacing: 0.025rem;
         }
 
@@ -136,7 +175,11 @@
     }
 
     :host[data-size='l'] & {
-        font-size: 15px;
+        font-size: 0.9375rem;
+
+        &_raised {
+            font-size: 0.8156rem;
+        }
     }
 
     :host[data-size='m']._focused:not(._label-outside) &,
@@ -164,6 +207,7 @@
 
     @supports (-webkit-hyphens: none) {
         & {
+            will-change: unset;
             transition-property: transform, color, letter-spacing;
         }
     }
@@ -171,8 +215,8 @@
 
 @mixin input-icon() {
     display: flex;
-    width: 24px;
-    height: 24px;
+    width: 1.5rem;
+    height: 1.5rem;
     align-items: center;
     justify-content: center;
     color: var(--tui-text-03);
@@ -208,92 +252,43 @@
     }
 }
 
-@mixin example-text() {
-    display: flex;
-    align-items: center;
-    height: 20px;
-    margin: -20px 0;
-    padding: 10px 0;
-    box-sizing: content-box;
-    color: var(--tui-text-03);
-    letter-spacing: normal;
-    text-transform: none;
-
-    :host[data-size='m']._label-outside & {
-        margin-top: -19px;
-    }
-
-    :host[data-mode='onDark'] & {
-        color: var(--tui-text-03-night);
-    }
-}
-
 @mixin textfield() {
     :host {
         @include textfield-host();
     }
 
-    .input {
+    .t-input {
         @include textfield-input();
     }
 
-    .ghost {
-        visibility: hidden;
-        white-space: pre;
-        text-overflow: clip;
-    }
-
-    .filler {
-        vertical-align: middle;
-    }
-
-    .content {
+    .t-content {
         @include textfield-content();
     }
 
-    .wrapper {
+    .t-wrapper {
         @include textfield-wrapper();
     }
 
-    .value-decoration {
-        @include example-text();
-    }
-
-    .value-decoration-inner {
-        @include text-overflow();
-        min-width: 0;
-    }
-
-    .postfix {
-        @include transition('color');
-        color: var(--tui-text-01);
-
-        &_shifted {
-            margin-left: 0.5ch;
-        }
-
-        :host[data-mode='onDark'] & {
-            color: var(--tui-text-01-night);
-        }
-    }
-
-    .placeholder {
+    .t-placeholder {
         @include textfield-placeholder();
     }
 
-    .cleaner {
+    .t-cleaner {
         @include icon-button();
     }
 
     // $bad TODO: Refactor this and interactive icons together
-    .icon {
+    .t-icon {
         @include input-icon();
 
         &_left {
             margin: 0 2 * $space 0 -$space;
+            margin-inline-start: -$space;
+            margin-inline-end: 2 * $space;
 
             :host[data-size='s'] & {
                 margin-right: $space;
+                margin-inline-end: $space;
             }
         }
     }