@taiga-ui/core 2.37.0 → 2.39.0

package/fesm5/taiga-ui-core-directives-wrapper.js

@@ -0,0 +1,137 @@
+import { __decorate, __param } from 'tslib';
+import { Inject, Input, HostBinding, Directive, NgModule } from '@angular/core';
+import { MODE_PROVIDER } from '@taiga-ui/core/providers';
+import { TUI_MODE } from '@taiga-ui/core/tokens';
+import { Observable } from 'rxjs';
+
+var TuiWrapperDirective = /** @class */ (function () {
+    function TuiWrapperDirective(mode$) {
+        this.mode$ = mode$;
+        this.disabled = false;
+        this.readOnly = false;
+        // TODO: Rename to `hover` in 3.0
+        this.hovered = null;
+        // TODO: Rename to `active` in 3.0
+        this.pressed = null;
+        this.focused = false;
+        this.invalid = false;
+        this.appearance = '';
+    }
+    Object.defineProperty(TuiWrapperDirective.prototype, "computedInvalid", {
+        get: function () {
+            return !this.disabled && !this.readOnly && this.invalid;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiWrapperDirective.prototype, "computedFocused", {
+        get: function () {
+            return this.focused && !this.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiWrapperDirective.prototype, "interactiveState", {
+        get: function () {
+            if (this.disabled) {
+                return "disabled" /* Disabled */;
+            }
+            if (this.readOnly) {
+                return "readonly" /* Readonly */;
+            }
+            if (this.pressed) {
+                return "pressed" /* Pressed */;
+            }
+            if (this.hovered) {
+                return "hovered" /* Hovered */;
+            }
+            return null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiWrapperDirective.prototype, "noHover", {
+        get: function () {
+            return this.readOnly || this.hovered === false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiWrapperDirective.prototype, "noActive", {
+        get: function () {
+            return this.readOnly || this.pressed === false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiWrapperDirective.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "readOnly", void 0);
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "hovered", void 0);
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "pressed", void 0);
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "focused", void 0);
+    __decorate([
+        Input()
+    ], TuiWrapperDirective.prototype, "invalid", void 0);
+    __decorate([
+        Input(),
+        HostBinding('attr.data-appearance')
+    ], TuiWrapperDirective.prototype, "appearance", void 0);
+    __decorate([
+        HostBinding('class._invalid')
+    ], TuiWrapperDirective.prototype, "computedInvalid", null);
+    __decorate([
+        HostBinding('class._focused')
+    ], TuiWrapperDirective.prototype, "computedFocused", null);
+    __decorate([
+        HostBinding('attr.data-state')
+    ], TuiWrapperDirective.prototype, "interactiveState", null);
+    __decorate([
+        HostBinding('class._no-hover')
+    ], TuiWrapperDirective.prototype, "noHover", null);
+    __decorate([
+        HostBinding('class._no-active')
+    ], TuiWrapperDirective.prototype, "noActive", null);
+    TuiWrapperDirective = __decorate([
+        Directive({
+            selector: 'tui-wrapper, [tuiWrapper]',
+            providers: [MODE_PROVIDER],
+            host: {
+                '($.data-mode.attr)': 'mode$',
+            },
+        }),
+        __param(0, Inject(TUI_MODE))
+    ], TuiWrapperDirective);
+    return TuiWrapperDirective;
+}());
+
+var TuiWrapperModule = /** @class */ (function () {
+    function TuiWrapperModule() {
+    }
+    TuiWrapperModule = __decorate([
+        NgModule({
+            declarations: [TuiWrapperDirective],
+            exports: [TuiWrapperDirective],
+        })
+    ], TuiWrapperModule);
+    return TuiWrapperModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiWrapperDirective, TuiWrapperModule };
+//# sourceMappingURL=taiga-ui-core-directives-wrapper.js.map

package/fesm5/taiga-ui-core-directives-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-directives-wrapper.js","sources":["ng://@taiga-ui/core/directives/wrapper/wrapper.directive.ts","ng://@taiga-ui/core/directives/wrapper/wrapper.module.ts","ng://@taiga-ui/core/directives/wrapper/taiga-ui-core-directives-wrapper.ts"],"sourcesContent":["import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {TuiInteractiveState} from '@taiga-ui/core/enums';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Directive({\n    selector: 'tui-wrapper, [tuiWrapper]',\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiWrapperDirective {\n    @Input()\n    disabled = false;\n\n    @Input()\n    readOnly = false;\n\n    // TODO: Rename to `hover` in 3.0\n    @Input()\n    hovered: boolean | null = null;\n\n    // TODO: Rename to `active` in 3.0\n    @Input()\n    pressed: boolean | null = null;\n\n    @Input()\n    focused = false;\n\n    @Input()\n    invalid = false;\n\n    @Input()\n    @HostBinding('attr.data-appearance')\n    appearance = '';\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n    @HostBinding('class._invalid')\n    get computedInvalid(): boolean {\n        return !this.disabled && !this.readOnly && this.invalid;\n    }\n\n    @HostBinding('class._focused')\n    get computedFocused(): boolean {\n        return this.focused && !this.disabled;\n    }\n\n    @HostBinding('attr.data-state')\n    get interactiveState(): TuiInteractiveState | string | null {\n        if (this.disabled) {\n            return TuiInteractiveState.Disabled;\n        }\n\n        if (this.readOnly) {\n            return TuiInteractiveState.Readonly;\n        }\n\n        if (this.pressed) {\n            return TuiInteractiveState.Pressed;\n        }\n\n        if (this.hovered) {\n            return TuiInteractiveState.Hovered;\n        }\n\n        return null;\n    }\n\n    @HostBinding('class._no-hover')\n    get noHover(): boolean {\n        return this.readOnly || this.hovered === false;\n    }\n\n    @HostBinding('class._no-active')\n    get noActive(): boolean {\n        return this.readOnly || this.pressed === false;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiWrapperDirective} from './wrapper.directive';\n\n@NgModule({\n    declarations: [TuiWrapperDirective],\n    exports: [TuiWrapperDirective],\n})\nexport class TuiWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAuCI,6BAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAvB9E,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;;QAIjB,YAAO,GAAmB,IAAI,CAAC;;QAI/B,YAAO,GAAmB,IAAI,CAAC;QAG/B,YAAO,GAAG,KAAK,CAAC;QAGhB,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAAG,EAAE,CAAC;KAEkE;IAGlF,sBAAI,gDAAe;aAAnB;YACI,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC;SAC3D;;;OAAA;IAGD,sBAAI,gDAAe;aAAnB;YACI,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;SACzC;;;OAAA;IAGD,sBAAI,iDAAgB;aAApB;YACI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,iCAAoC;aACvC;YAED,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,iCAAoC;aACvC;YAED,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,+BAAmC;aACtC;YAED,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,+BAAmC;aACtC;YAED,OAAO,IAAI,CAAC;SACf;;;OAAA;IAGD,sBAAI,wCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC;SAClD;;;OAAA;IAGD,sBAAI,yCAAQ;aAAZ;YACI,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC;SAClD;;;OAAA;;gBAzC6C,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;IAvB5B;QADC,KAAK,EAAE;yDACS;IAGjB;QADC,KAAK,EAAE;yDACS;IAIjB;QADC,KAAK,EAAE;wDACuB;IAI/B;QADC,KAAK,EAAE;wDACuB;IAG/B;QADC,KAAK,EAAE;wDACQ;IAGhB;QADC,KAAK,EAAE;wDACQ;IAIhB;QAFC,KAAK,EAAE;QACP,WAAW,CAAC,sBAAsB,CAAC;2DACpB;IAKhB;QADC,WAAW,CAAC,gBAAgB,CAAC;8DAG7B;IAGD;QADC,WAAW,CAAC,gBAAgB,CAAC;8DAG7B;IAGD;QADC,WAAW,CAAC,iBAAiB,CAAC;+DAmB9B;IAGD;QADC,WAAW,CAAC,iBAAiB,CAAC;sDAG9B;IAGD;QADC,WAAW,CAAC,kBAAkB,CAAC;uDAG/B;IAlEQ,mBAAmB;QAP/B,SAAS,CAAC;YACP,QAAQ,EAAE,2BAA2B;YACrC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,IAAI,EAAE;gBACF,oBAAoB,EAAE,OAAO;aAChC;SACJ,CAAC;QA0Be,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OAzBpB,mBAAmB,CAmE/B;IAAD,0BAAC;CAnED;;;ICNA;KAAgC;IAAnB,gBAAgB;QAJ5B,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;ACRA;;;;;;"}

package/fesm5/taiga-ui-core-directives.js

@@ -11,6 +11,7 @@ export * from '@taiga-ui/core/directives/pointer-hint';
 export * from '@taiga-ui/core/directives/scroll-into-view';
 export * from '@taiga-ui/core/directives/table-mode';
 export * from '@taiga-ui/core/directives/textfield-controller';
+export * from '@taiga-ui/core/directives/wrapper';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm5/taiga-ui-core-directives.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-directives.js","sources":["ng://@taiga-ui/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-core-directives.js","sources":["ng://@taiga-ui/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;"}

package/fesm5/taiga-ui-core-enums.js

@@ -75,7 +75,9 @@ var TuiInteractiveState;
 (function (TuiInteractiveState) {
     TuiInteractiveState["Disabled"] = "disabled";
     TuiInteractiveState["Readonly"] = "readonly";
+    // TODO: Rename to `active` in 3.0
     TuiInteractiveState["Pressed"] = "pressed";
+    // TODO: Rename to `hover` in 3.0
     TuiInteractiveState["Hovered"] = "hovered";
 })(TuiInteractiveState || (TuiInteractiveState = {}));
 

package/fesm5/taiga-ui-core-enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-enums.js","sources":["ng://@taiga-ui/core/enums/appearance.ts","ng://@taiga-ui/core/enums/base-color.ts","ng://@taiga-ui/core/enums/button-shape.ts","ng://@taiga-ui/core/enums/decimal.ts","ng://@taiga-ui/core/enums/dropdown-animation.ts","ng://@taiga-ui/core/enums/dropdown-width.ts","ng://@taiga-ui/core/enums/hint-mode.ts","ng://@taiga-ui/core/enums/interactive-state.ts","ng://@taiga-ui/core/enums/link-mode.ts","ng://@taiga-ui/core/enums/notification.ts","ng://@taiga-ui/core/enums/orientation.ts","ng://@taiga-ui/core/enums/range-state.ts","ng://@taiga-ui/core/enums/support-color.ts","ng://@taiga-ui/core/enums/taiga-ui-core-enums.ts"],"sourcesContent":["export const enum TuiAppearance {\n    Icon = 'icon',\n    Primary = 'primary',\n    Accent = 'accent',\n    Secondary = 'secondary',\n    Table = 'table',\n    Textfield = 'textfield',\n    Flat = 'flat',\n    Outline = 'outline',\n    Whiteblock = 'whiteblock',\n    WhiteblockActive = 'whiteblock-active',\n}\n","/**\n * @deprecated\n */\nexport const enum TuiBaseColor {\n    Primary = 'primary',\n    Secondary = 'secondary',\n    Success = 'success',\n    Error = 'error',\n}\n","/**\n * @deprecated use string values\n */\nexport const enum TuiButtonShape {\n    Square = 'square',\n    Rounded = 'rounded',\n}\n","/**\n * @deprecated use join type {@link TuiDecimalT}\n */\nexport const enum TuiDecimal {\n    NotZero = 'not-zero',\n    Always = 'always',\n    Never = 'never',\n}\n","export const enum TuiDropdownAnimation {\n    FadeInBottom = 'fadeInBottom',\n    FadeInTop = 'fadeInTop',\n}\n","/**\n * @deprecated use join type {@link TuiDropdownWidthT}\n */\nexport const enum TuiDropdownWidth {\n    Fixed = 'fixed',\n    Min = 'min',\n    Auto = 'auto',\n}\n","/**\n * @deprecated use join type {@link TuiHintModeT}\n */\nexport const enum TuiHintMode {\n    Error = 'error',\n    OnDark = 'onDark',\n    Overflow = 'overflow',\n}\n","/**\n * @internal used in calendar, year picker and wrapper\n */\nexport const enum TuiInteractiveState {\n    Disabled = 'disabled',\n    Readonly = 'readonly',\n    Pressed = 'pressed',\n    Hovered = 'hovered',\n}\n","/**\n * @deprecated use string values\n */\nexport const enum TuiLinkMode {\n    Positive = 'positive',\n    Negative = 'negative',\n}\n","export const enum TuiNotification {\n    Info = 'info',\n    Warning = 'warning',\n    Success = 'success',\n    Error = 'error',\n}\n","/**\n * @deprecated use join type {@link TuiOrientationT}\n */\nexport const enum TuiOrientation {\n    Vertical = 'vertical',\n    Horizontal = 'horizontal',\n}\n","/**\n * @internal used in calendar and year picker\n */\nexport const enum TuiRangeState {\n    Start = 'start',\n    End = 'end',\n    Single = 'single',\n}\n","/**\n * @deprecated\n */\nexport const enum TuiSupportColor {\n    Mustard = 'support-01',\n    Texas = 'support-02',\n    Tan = 'support-03',\n    Salmon = 'support-04',\n    Sienna = 'support-05',\n    Bittersweet = 'support-06',\n    Pinkie = 'support-07',\n    Charm = 'support-08',\n    Amethist = 'support-09',\n    Helio = 'support-10',\n    Lilac = 'support-11',\n    Malibu = 'support-12',\n    Havelock = 'support-13',\n    Picton = 'support-14',\n    Mint = 'support-15',\n    Fountain = 'support-16',\n    Puertorico = 'support-17',\n    Bay = 'support-18',\n    Forest = 'support-19',\n    York = 'support-20',\n    Feijoa = 'support-21',\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"IAAkB;AAAlB,WAAkB,aAAa;IAC3B,8BAAa,CAAA;IACb,oCAAmB,CAAA;IACnB,kCAAiB,CAAA;IACjB,wCAAuB,CAAA;IACvB,gCAAe,CAAA;IACf,wCAAuB,CAAA;IACvB,8BAAa,CAAA;IACb,oCAAmB,CAAA;IACnB,0CAAyB,CAAA;IACzB,uDAAsC,CAAA;AAC1C,CAAC,EAXiB,aAAa,KAAb,aAAa;;ACA/B;;;IAGkB;AAAlB,WAAkB,YAAY;IAC1B,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;AACnB,CAAC,EALiB,YAAY,KAAZ,YAAY;;ACH9B;;;IAGkB;AAAlB,WAAkB,cAAc;IAC5B,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;AACvB,CAAC,EAHiB,cAAc,KAAd,cAAc;;ACHhC;;;IAGkB;AAAlB,WAAkB,UAAU;IACxB,kCAAoB,CAAA;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACnB,CAAC,EAJiB,UAAU,KAAV,UAAU;;ICHV;AAAlB,WAAkB,oBAAoB;IAClC,qDAA6B,CAAA;IAC7B,+CAAuB,CAAA;AAC3B,CAAC,EAHiB,oBAAoB,KAApB,oBAAoB;;ACAtC;;;IAGkB;AAAlB,WAAkB,gBAAgB;IAC9B,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,iCAAa,CAAA;AACjB,CAAC,EAJiB,gBAAgB,KAAhB,gBAAgB;;ACHlC;;;IAGkB;AAAlB,WAAkB,WAAW;IACzB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;AACzB,CAAC,EAJiB,WAAW,KAAX,WAAW;;ACH7B;;;IAGkB;AAAlB,WAAkB,mBAAmB;IACjC,4CAAqB,CAAA;IACrB,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;AACvB,CAAC,EALiB,mBAAmB,KAAnB,mBAAmB;;ACHrC;;;IAGkB;AAAlB,WAAkB,WAAW;IACzB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;AACzB,CAAC,EAHiB,WAAW,KAAX,WAAW;;ICHX;AAAlB,WAAkB,eAAe;IAC7B,gCAAa,CAAA;IACb,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;AACnB,CAAC,EALiB,eAAe,KAAf,eAAe;;ACAjC;;;IAGkB;AAAlB,WAAkB,cAAc;IAC5B,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC7B,CAAC,EAHiB,cAAc,KAAd,cAAc;;ACHhC;;;IAGkB;AAAlB,WAAkB,aAAa;IAC3B,gCAAe,CAAA;IACf,4BAAW,CAAA;IACX,kCAAiB,CAAA;AACrB,CAAC,EAJiB,aAAa,KAAb,aAAa;;ACH/B;;;IAGkB;AAAlB,WAAkB,eAAe;IAC7B,yCAAsB,CAAA;IACtB,uCAAoB,CAAA;IACpB,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,wCAAqB,CAAA;IACrB,6CAA0B,CAAA;IAC1B,wCAAqB,CAAA;IACrB,uCAAoB,CAAA;IACpB,0CAAuB,CAAA;IACvB,uCAAoB,CAAA;IACpB,uCAAoB,CAAA;IACpB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,4CAAyB,CAAA;IACzB,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;AACzB,CAAC,EAtBiB,eAAe,KAAf,eAAe;;ACHjC;;;;;;"}
+{"version":3,"file":"taiga-ui-core-enums.js","sources":["ng://@taiga-ui/core/enums/appearance.ts","ng://@taiga-ui/core/enums/base-color.ts","ng://@taiga-ui/core/enums/button-shape.ts","ng://@taiga-ui/core/enums/decimal.ts","ng://@taiga-ui/core/enums/dropdown-animation.ts","ng://@taiga-ui/core/enums/dropdown-width.ts","ng://@taiga-ui/core/enums/hint-mode.ts","ng://@taiga-ui/core/enums/interactive-state.ts","ng://@taiga-ui/core/enums/link-mode.ts","ng://@taiga-ui/core/enums/notification.ts","ng://@taiga-ui/core/enums/orientation.ts","ng://@taiga-ui/core/enums/range-state.ts","ng://@taiga-ui/core/enums/support-color.ts","ng://@taiga-ui/core/enums/taiga-ui-core-enums.ts"],"sourcesContent":["export const enum TuiAppearance {\n    Icon = 'icon',\n    Primary = 'primary',\n    Accent = 'accent',\n    Secondary = 'secondary',\n    Table = 'table',\n    Textfield = 'textfield',\n    Flat = 'flat',\n    Outline = 'outline',\n    Whiteblock = 'whiteblock',\n    WhiteblockActive = 'whiteblock-active',\n}\n","/**\n * @deprecated\n */\nexport const enum TuiBaseColor {\n    Primary = 'primary',\n    Secondary = 'secondary',\n    Success = 'success',\n    Error = 'error',\n}\n","/**\n * @deprecated use string values\n */\nexport const enum TuiButtonShape {\n    Square = 'square',\n    Rounded = 'rounded',\n}\n","/**\n * @deprecated use join type {@link TuiDecimalT}\n */\nexport const enum TuiDecimal {\n    NotZero = 'not-zero',\n    Always = 'always',\n    Never = 'never',\n}\n","export const enum TuiDropdownAnimation {\n    FadeInBottom = 'fadeInBottom',\n    FadeInTop = 'fadeInTop',\n}\n","/**\n * @deprecated use join type {@link TuiDropdownWidthT}\n */\nexport const enum TuiDropdownWidth {\n    Fixed = 'fixed',\n    Min = 'min',\n    Auto = 'auto',\n}\n","/**\n * @deprecated use join type {@link TuiHintModeT}\n */\nexport const enum TuiHintMode {\n    Error = 'error',\n    OnDark = 'onDark',\n    Overflow = 'overflow',\n}\n","/**\n * @internal used in calendar, year picker and wrapper\n */\nexport const enum TuiInteractiveState {\n    Disabled = 'disabled',\n    Readonly = 'readonly',\n    // TODO: Rename to `active` in 3.0\n    Pressed = 'pressed',\n    // TODO: Rename to `hover` in 3.0\n    Hovered = 'hovered',\n}\n","/**\n * @deprecated use string values\n */\nexport const enum TuiLinkMode {\n    Positive = 'positive',\n    Negative = 'negative',\n}\n","export const enum TuiNotification {\n    Info = 'info',\n    Warning = 'warning',\n    Success = 'success',\n    Error = 'error',\n}\n","/**\n * @deprecated use join type {@link TuiOrientationT}\n */\nexport const enum TuiOrientation {\n    Vertical = 'vertical',\n    Horizontal = 'horizontal',\n}\n","/**\n * @internal used in calendar and year picker\n */\nexport const enum TuiRangeState {\n    Start = 'start',\n    End = 'end',\n    Single = 'single',\n}\n","/**\n * @deprecated\n */\nexport const enum TuiSupportColor {\n    Mustard = 'support-01',\n    Texas = 'support-02',\n    Tan = 'support-03',\n    Salmon = 'support-04',\n    Sienna = 'support-05',\n    Bittersweet = 'support-06',\n    Pinkie = 'support-07',\n    Charm = 'support-08',\n    Amethist = 'support-09',\n    Helio = 'support-10',\n    Lilac = 'support-11',\n    Malibu = 'support-12',\n    Havelock = 'support-13',\n    Picton = 'support-14',\n    Mint = 'support-15',\n    Fountain = 'support-16',\n    Puertorico = 'support-17',\n    Bay = 'support-18',\n    Forest = 'support-19',\n    York = 'support-20',\n    Feijoa = 'support-21',\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"IAAkB;AAAlB,WAAkB,aAAa;IAC3B,8BAAa,CAAA;IACb,oCAAmB,CAAA;IACnB,kCAAiB,CAAA;IACjB,wCAAuB,CAAA;IACvB,gCAAe,CAAA;IACf,wCAAuB,CAAA;IACvB,8BAAa,CAAA;IACb,oCAAmB,CAAA;IACnB,0CAAyB,CAAA;IACzB,uDAAsC,CAAA;AAC1C,CAAC,EAXiB,aAAa,KAAb,aAAa;;ACA/B;;;IAGkB;AAAlB,WAAkB,YAAY;IAC1B,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;AACnB,CAAC,EALiB,YAAY,KAAZ,YAAY;;ACH9B;;;IAGkB;AAAlB,WAAkB,cAAc;IAC5B,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;AACvB,CAAC,EAHiB,cAAc,KAAd,cAAc;;ACHhC;;;IAGkB;AAAlB,WAAkB,UAAU;IACxB,kCAAoB,CAAA;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACnB,CAAC,EAJiB,UAAU,KAAV,UAAU;;ICHV;AAAlB,WAAkB,oBAAoB;IAClC,qDAA6B,CAAA;IAC7B,+CAAuB,CAAA;AAC3B,CAAC,EAHiB,oBAAoB,KAApB,oBAAoB;;ACAtC;;;IAGkB;AAAlB,WAAkB,gBAAgB;IAC9B,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,iCAAa,CAAA;AACjB,CAAC,EAJiB,gBAAgB,KAAhB,gBAAgB;;ACHlC;;;IAGkB;AAAlB,WAAkB,WAAW;IACzB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;AACzB,CAAC,EAJiB,WAAW,KAAX,WAAW;;ACH7B;;;IAGkB;AAAlB,WAAkB,mBAAmB;IACjC,4CAAqB,CAAA;IACrB,4CAAqB,CAAA;;IAErB,0CAAmB,CAAA;;IAEnB,0CAAmB,CAAA;AACvB,CAAC,EAPiB,mBAAmB,KAAnB,mBAAmB;;ACHrC;;;IAGkB;AAAlB,WAAkB,WAAW;IACzB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;AACzB,CAAC,EAHiB,WAAW,KAAX,WAAW;;ICHX;AAAlB,WAAkB,eAAe;IAC7B,gCAAa,CAAA;IACb,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;AACnB,CAAC,EALiB,eAAe,KAAf,eAAe;;ACAjC;;;IAGkB;AAAlB,WAAkB,cAAc;IAC5B,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC7B,CAAC,EAHiB,cAAc,KAAd,cAAc;;ACHhC;;;IAGkB;AAAlB,WAAkB,aAAa;IAC3B,gCAAe,CAAA;IACf,4BAAW,CAAA;IACX,kCAAiB,CAAA;AACrB,CAAC,EAJiB,aAAa,KAAb,aAAa;;ACH/B;;;IAGkB;AAAlB,WAAkB,eAAe;IAC7B,yCAAsB,CAAA;IACtB,uCAAoB,CAAA;IACpB,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,wCAAqB,CAAA;IACrB,6CAA0B,CAAA;IAC1B,wCAAqB,CAAA;IACrB,uCAAoB,CAAA;IACpB,0CAAuB,CAAA;IACvB,uCAAoB,CAAA;IACpB,uCAAoB,CAAA;IACpB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,4CAAyB,CAAA;IACzB,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;AACzB,CAAC,EAtBiB,eAAe,KAAf,eAAe;;ACHjC;;;;;;"}

package/fesm5/taiga-ui-core-utils-format.js

@@ -12,6 +12,10 @@ function capitalize(value) {
     return value.toLowerCase().replace(/(?:^|\s)\S/g, function (char) { return char.toUpperCase(); });
 }
 
+function capitalizeFirstLetter(value) {
+    return "" + value.charAt(0).toUpperCase() + value.slice(1);
+}
+
 /**
  * Convert number to string with replacing exponent part on decimals
  *
@@ -166,5 +170,5 @@ function tuiPluralizeToICU(pluralize) {
  * Generated bundle index. Do not edit.
  */
 
-export { capitalize, formatNumber, formatPhone, getFractionPartPadded, numberToStringWithoutExp, otherDecimalSymbol, pluralize, tuiPluralizeToICU };
+export { capitalize, capitalizeFirstLetter, formatNumber, formatPhone, getFractionPartPadded, numberToStringWithoutExp, otherDecimalSymbol, pluralize, tuiPluralizeToICU };
 //# sourceMappingURL=taiga-ui-core-utils-format.js.map

package/fesm5/taiga-ui-core-utils-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-utils-format.js","sources":["ng://@taiga-ui/core/utils/format/capitalize.ts","ng://@taiga-ui/core/utils/format/number-to-string-without-exp.ts","ng://@taiga-ui/core/utils/format/get-fractional-part-padded.ts","ng://@taiga-ui/core/utils/format/format-number.ts","ng://@taiga-ui/core/utils/format/format-phone.ts","ng://@taiga-ui/core/utils/format/other-decimal-symbol.ts","ng://@taiga-ui/core/utils/format/pluralize.ts","ng://@taiga-ui/core/utils/format/pluralize-to-icu.ts","ng://@taiga-ui/core/utils/format/taiga-ui-core-utils-format.ts"],"sourcesContent":["/**\n * Capitalizes a given string, replacing it with a lowercase string and making\n * the first letter of each word uppercase.\n *\n * @param value the input string\n * @return the capitalized string\n */\nexport function capitalize(value: string): string {\n    return value.toLowerCase().replace(/(?:^|\\s)\\S/g, char => char.toUpperCase());\n}\n","/**\n * Convert number to string with replacing exponent part on decimals\n *\n * @param value the number\n * @return string representation of a number\n */\nexport function numberToStringWithoutExp(value: number): string {\n    const valueAsString = String(value);\n    const [numberPart, expPart] = valueAsString.split('e-');\n\n    let valueWithoutExp = valueAsString;\n\n    if (expPart) {\n        const [, fractionalPart] = numberPart.split('.');\n        const decimalDigits = Number(expPart) + (fractionalPart?.length || 0);\n\n        valueWithoutExp = value.toFixed(decimalDigits);\n    }\n\n    return valueWithoutExp;\n}\n","import {numberToStringWithoutExp} from './number-to-string-without-exp';\n\n/**\n * Return fractional part of number\n *\n * @param value the number\n * @param precision number of digits of decimal part, null to keep untouched\n * @return the fractional part of number\n */\nexport function getFractionPartPadded(value: number, precision?: number | null): string {\n    const [, fractionPartPadded = ''] = numberToStringWithoutExp(value).split('.');\n\n    return typeof precision === 'number'\n        ? fractionPartPadded.substr(0, precision)\n        : fractionPartPadded;\n}\n","import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk';\n\nimport {getFractionPartPadded} from './get-fractional-part-padded';\n\n/**\n * Formats number adding a thousand separators and correct decimal separator\n * padding decimal part with zeroes to given length\n *\n * @param value the input number\n * @param decimalLimit number of digits of decimal part, null to keep untouched\n * @param decimalSeparator separator between the integer and the decimal part\n * @param thousandSeparator separator between thousands\n * @param zeroPadding enable zeros at the end of decimal part\n * @return the formatted string\n */\nexport function formatNumber(\n    value: number,\n    decimalLimit: number | null = null,\n    decimalSeparator: string = ',',\n    thousandSeparator: string = CHAR_NO_BREAK_SPACE,\n    zeroPadding: boolean = true,\n): string {\n    const integerPartString = String(Math.floor(Math.abs(value)));\n\n    let fractionPartPadded = getFractionPartPadded(value, decimalLimit);\n\n    if (decimalLimit !== null) {\n        const zeroPaddingSize: number = zeroPadding\n            ? Math.max(decimalLimit - fractionPartPadded.length, 0)\n            : 0;\n        const zeroPartString = '0'.repeat(zeroPaddingSize);\n\n        fractionPartPadded = `${fractionPartPadded}${zeroPartString}`;\n    }\n\n    const remainder = integerPartString.length % 3;\n    const sign = value < 0 ? '-' : '';\n    let result = sign + integerPartString.charAt(0);\n\n    for (let i = 1; i < integerPartString.length; i++) {\n        if (i % 3 === remainder && integerPartString.length > 3) {\n            result += thousandSeparator;\n        }\n\n        result += integerPartString.charAt(i);\n    }\n\n    return !!fractionPartPadded || decimalLimit\n        ? result + decimalSeparator + fractionPartPadded\n        : result;\n}\n","/**\n * Formats a string with the phone format +7XXXXXXXXXXXX or XXXXXXXXXXXX,\n * adding parentheses and hyphens.\n *\n * @param value the input string\n * @param countryCode a country code\n * @param phoneMask a phone number mask\n * @return the formatted phone string of the form +7 XXX XXX-XX-XX\n */\nexport function formatPhone(\n    value: string,\n    countryCode: string,\n    phoneMask: string,\n): string {\n    if (!value) {\n        return '';\n    }\n\n    let result = countryCode;\n\n    countryCode = countryCode.replace(/[()]/g, '');\n\n    if (!value.startsWith(countryCode)) {\n        value = countryCode + value.replace('+', '');\n    }\n\n    const splitPhoneMask = phoneMask.split('');\n    const splitValue = value.slice(countryCode.length).split('');\n\n    result += ' ';\n\n    if (splitValue.length === 0) {\n        return result;\n    }\n\n    for (let i = 0; i < splitPhoneMask.length; i++) {\n        if (splitValue.length === 0) {\n            break;\n        }\n\n        if (splitPhoneMask[i] === '#') {\n            result += splitValue[0] || '';\n            splitValue.splice(0, 1);\n        } else {\n            result += splitPhoneMask[i];\n        }\n    }\n\n    return result;\n}\n","import {TuiDecimalSymbol} from '@taiga-ui/core/types';\n\nexport function otherDecimalSymbol(symbol: TuiDecimalSymbol): TuiDecimalSymbol {\n    return symbol === '.' ? ',' : '.';\n}\n","import {TuiPluralize} from '@taiga-ui/core/types';\n\n/**\n * Selects the correct plural form to display.\n *\n * @param value the input number\n * @param args an array of three plural forms, e.g. ['год', 'года', 'лет']\n * @deprecated This implementation targets Russian.\n * Use https://angular.io/api/common/NgPlural for your implementations.\n */\nexport function pluralize(value: number, [one, few, many]: TuiPluralize): string {\n    const ten = value % 10;\n    const hundred = value % 100;\n\n    // 1, 21, 101, 121, но не 11, 111, 211...\n    if (ten === 1 && hundred !== 11) {\n        return one;\n    }\n\n    // 2, 3, 4, 22, 33, 44, 152, 163, 174, но не 12, 13, 14, 112, 213, 314...\n    if (ten >= 2 && ten <= 4 && (hundred < 10 || hundred >= 20)) {\n        return few;\n    }\n\n    return many;\n}\n","import {TuiPluralize} from '@taiga-ui/core/types';\n\n// TODO: remove in 3.0\n\n/**\n * Temporary util for mapping TuiPluralize array to ICU format\n */\nexport function tuiPluralizeToICU(pluralize: TuiPluralize): Record<string, string> {\n    return {\n        one: pluralize[0],\n        few: pluralize[1],\n        many: pluralize[2],\n        other: pluralize[2],\n    };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-utils-format.js","sources":["ng://@taiga-ui/core/utils/format/capitalize.ts","ng://@taiga-ui/core/utils/format/capitalize-first-letter.ts","ng://@taiga-ui/core/utils/format/number-to-string-without-exp.ts","ng://@taiga-ui/core/utils/format/get-fractional-part-padded.ts","ng://@taiga-ui/core/utils/format/format-number.ts","ng://@taiga-ui/core/utils/format/format-phone.ts","ng://@taiga-ui/core/utils/format/other-decimal-symbol.ts","ng://@taiga-ui/core/utils/format/pluralize.ts","ng://@taiga-ui/core/utils/format/pluralize-to-icu.ts","ng://@taiga-ui/core/utils/format/taiga-ui-core-utils-format.ts"],"sourcesContent":["/**\n * Capitalizes a given string, replacing it with a lowercase string and making\n * the first letter of each word uppercase.\n *\n * @param value the input string\n * @return the capitalized string\n */\nexport function capitalize(value: string): string {\n    return value.toLowerCase().replace(/(?:^|\\s)\\S/g, char => char.toUpperCase());\n}\n","export function capitalizeFirstLetter(value: string): string {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n","/**\n * Convert number to string with replacing exponent part on decimals\n *\n * @param value the number\n * @return string representation of a number\n */\nexport function numberToStringWithoutExp(value: number): string {\n    const valueAsString = String(value);\n    const [numberPart, expPart] = valueAsString.split('e-');\n\n    let valueWithoutExp = valueAsString;\n\n    if (expPart) {\n        const [, fractionalPart] = numberPart.split('.');\n        const decimalDigits = Number(expPart) + (fractionalPart?.length || 0);\n\n        valueWithoutExp = value.toFixed(decimalDigits);\n    }\n\n    return valueWithoutExp;\n}\n","import {numberToStringWithoutExp} from './number-to-string-without-exp';\n\n/**\n * Return fractional part of number\n *\n * @param value the number\n * @param precision number of digits of decimal part, null to keep untouched\n * @return the fractional part of number\n */\nexport function getFractionPartPadded(value: number, precision?: number | null): string {\n    const [, fractionPartPadded = ''] = numberToStringWithoutExp(value).split('.');\n\n    return typeof precision === 'number'\n        ? fractionPartPadded.substr(0, precision)\n        : fractionPartPadded;\n}\n","import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk';\n\nimport {getFractionPartPadded} from './get-fractional-part-padded';\n\n/**\n * Formats number adding a thousand separators and correct decimal separator\n * padding decimal part with zeroes to given length\n *\n * @param value the input number\n * @param decimalLimit number of digits of decimal part, null to keep untouched\n * @param decimalSeparator separator between the integer and the decimal part\n * @param thousandSeparator separator between thousands\n * @param zeroPadding enable zeros at the end of decimal part\n * @return the formatted string\n */\nexport function formatNumber(\n    value: number,\n    decimalLimit: number | null = null,\n    decimalSeparator: string = ',',\n    thousandSeparator: string = CHAR_NO_BREAK_SPACE,\n    zeroPadding: boolean = true,\n): string {\n    const integerPartString = String(Math.floor(Math.abs(value)));\n\n    let fractionPartPadded = getFractionPartPadded(value, decimalLimit);\n\n    if (decimalLimit !== null) {\n        const zeroPaddingSize: number = zeroPadding\n            ? Math.max(decimalLimit - fractionPartPadded.length, 0)\n            : 0;\n        const zeroPartString = '0'.repeat(zeroPaddingSize);\n\n        fractionPartPadded = `${fractionPartPadded}${zeroPartString}`;\n    }\n\n    const remainder = integerPartString.length % 3;\n    const sign = value < 0 ? '-' : '';\n    let result = sign + integerPartString.charAt(0);\n\n    for (let i = 1; i < integerPartString.length; i++) {\n        if (i % 3 === remainder && integerPartString.length > 3) {\n            result += thousandSeparator;\n        }\n\n        result += integerPartString.charAt(i);\n    }\n\n    return !!fractionPartPadded || decimalLimit\n        ? result + decimalSeparator + fractionPartPadded\n        : result;\n}\n","/**\n * Formats a string with the phone format +7XXXXXXXXXXXX or XXXXXXXXXXXX,\n * adding parentheses and hyphens.\n *\n * @param value the input string\n * @param countryCode a country code\n * @param phoneMask a phone number mask\n * @return the formatted phone string of the form +7 XXX XXX-XX-XX\n */\nexport function formatPhone(\n    value: string,\n    countryCode: string,\n    phoneMask: string,\n): string {\n    if (!value) {\n        return '';\n    }\n\n    let result = countryCode;\n\n    countryCode = countryCode.replace(/[()]/g, '');\n\n    if (!value.startsWith(countryCode)) {\n        value = countryCode + value.replace('+', '');\n    }\n\n    const splitPhoneMask = phoneMask.split('');\n    const splitValue = value.slice(countryCode.length).split('');\n\n    result += ' ';\n\n    if (splitValue.length === 0) {\n        return result;\n    }\n\n    for (let i = 0; i < splitPhoneMask.length; i++) {\n        if (splitValue.length === 0) {\n            break;\n        }\n\n        if (splitPhoneMask[i] === '#') {\n            result += splitValue[0] || '';\n            splitValue.splice(0, 1);\n        } else {\n            result += splitPhoneMask[i];\n        }\n    }\n\n    return result;\n}\n","import {TuiDecimalSymbol} from '@taiga-ui/core/types';\n\nexport function otherDecimalSymbol(symbol: TuiDecimalSymbol): TuiDecimalSymbol {\n    return symbol === '.' ? ',' : '.';\n}\n","import {TuiPluralize} from '@taiga-ui/core/types';\n\n/**\n * Selects the correct plural form to display.\n *\n * @param value the input number\n * @param args an array of three plural forms, e.g. ['год', 'года', 'лет']\n * @deprecated This implementation targets Russian.\n * Use https://angular.io/api/common/NgPlural for your implementations.\n */\nexport function pluralize(value: number, [one, few, many]: TuiPluralize): string {\n    const ten = value % 10;\n    const hundred = value % 100;\n\n    // 1, 21, 101, 121, но не 11, 111, 211...\n    if (ten === 1 && hundred !== 11) {\n        return one;\n    }\n\n    // 2, 3, 4, 22, 33, 44, 152, 163, 174, но не 12, 13, 14, 112, 213, 314...\n    if (ten >= 2 && ten <= 4 && (hundred < 10 || hundred >= 20)) {\n        return few;\n    }\n\n    return many;\n}\n","import {TuiPluralize} from '@taiga-ui/core/types';\n\n// TODO: remove in 3.0\n\n/**\n * Temporary util for mapping TuiPluralize array to ICU format\n */\nexport function tuiPluralizeToICU(pluralize: TuiPluralize): Record<string, string> {\n    return {\n        one: pluralize[0],\n        few: pluralize[1],\n        many: pluralize[2],\n        other: pluralize[2],\n    };\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": "2.37.0",
+  "version": "2.39.0",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -16,12 +16,12 @@
   "homepage": "https://github.com/tinkoff/taiga-ui",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@taiga-ui/i18n": "^2.37.0",
+    "@taiga-ui/i18n": "^2.39.0",
     "tslib": "^1.10.0"
   },
   "peerDependencies": {
-    "@taiga-ui/i18n": ">=2.37.0",
-    "@taiga-ui/cdk": ">=2.37.0",
+    "@taiga-ui/i18n": ">=2.39.0",
+    "@taiga-ui/cdk": ">=2.39.0",
     "@angular/animations": ">=9.0.0",
     "@angular/common": ">=9.0.0",
     "@angular/core": ">=9.0.0",

package/styles/mixins/textfield.less

@@ -155,12 +155,12 @@
         }
 
         :host._invalid:not(._focused) &,
-        :host._invalid:not(._focused)._hovered & {
+        :host._invalid:not(._focused):hover & {
             color: var(--tui-error-fill);
         }
 
         :host[data-mode='onDark']._invalid:not(._focused) &,
-        :host[data-mode='onDark']._invalid:not(._focused)._hovered & {
+        :host[data-mode='onDark']._invalid:not(._focused):hover & {
             color: var(--tui-error-fill-night);
         }
     }

package/styles/mixins/textfield.scss

@@ -119,12 +119,12 @@
         }
 
         :host._invalid:not(._focused) &,
-        :host._invalid:not(._focused)._hovered & {
+        :host._invalid:not(._focused):hover & {
             color: var(--tui-error-fill);
         }
 
         :host[data-mode='onDark']._invalid:not(._focused) &,
-        :host[data-mode='onDark']._invalid:not(._focused)._hovered & {
+        :host[data-mode='onDark']._invalid:not(._focused):hover & {
             color: var(--tui-error-fill-night);
         }
     }

package/styles/mixins/wrapper.less

@@ -0,0 +1,57 @@
+.wrapper-hover(@ruleset) {
+    &:hover:not(._no-hover),
+    &[data-state='hovered'] {
+        @ruleset();
+    }
+}
+
+.wrapper-active(@ruleset) {
+    &:active:not(._no-active),
+    &[data-state='pressed'],
+    &[data-state='pressed']: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) {
+    // TODO: Join rules together once all browsers support focus-visible
+    // Specificity artificially increased to match `:hover:not()` level
+    &:focus-visible:focus-visible {
+        @ruleset();
+    }
+
+    &._focused._focused {
+        @ruleset();
+    }
+}
+
+.wrapper-invalid(@ruleset) {
+    &:invalid:invalid,
+    &._invalid._invalid {
+        @ruleset();
+    }
+}

package/styles/mixins/wrapper.scss

@@ -0,0 +1,57 @@
+@mixin wrapper-hover {
+    &:hover:not(._no-hover),
+    &[data-state='hovered'] {
+        @content;
+    }
+}
+
+@mixin wrapper-active {
+    &:active:not(._no-active),
+    &[data-state='pressed'],
+    &[data-state='pressed']: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/taiga-ui-local.less

@@ -5,4 +5,5 @@
 @import 'mixins/slider.less';
 @import 'mixins/text.less';
 @import 'mixins/textfield.less';
+@import 'mixins/wrapper.less';
 @import 'variables/media.less';

package/styles/taiga-ui-local.scss

@@ -5,4 +5,5 @@ $space: 4px;
 @import 'mixins/slider.scss';
 @import 'mixins/text.scss';
 @import 'mixins/textfield.scss';
+@import 'mixins/wrapper.scss';
 @import 'variables/media.scss';

package/styles/theme/variables.less

@@ -48,7 +48,7 @@
     --tui-base-09: #000; // icons on inverted background
     --tui-primary: #526ed3; // primary buttons, background
     --tui-primary-hover: #6c86e2; // primary buttons hover
-    --tui-primary-active: #314692; // primary buttons hover
+    --tui-primary-active: #314692; // primary buttons pressed
     --tui-primary-text: #fff; // text on primary background
     --tui-secondary: #ebefff; // inputs and secondary buttons
     --tui-secondary-hover: #dfe3f3; // inputs and secondary buttons hover

package/styles/theme/wrapper/accent.less

@@ -1,31 +1,29 @@
-tui-wrapper[data-appearance='accent'] {
+@import '../../taiga-ui-local.less';
+
+/* stylelint-disable order/order */
+tui-wrapper[data-appearance='accent'],
+[tuiWrapper][data-appearance='accent'] {
     background: var(--tui-accent);
     color: var(--tui-accent-text);
 
-    &[data-state='hovered'] {
+    .wrapper-hover({
         background: var(--tui-accent-hover);
-    }
+    });
 
-    &:active,
-    &[data-state='pressed'] {
+    .wrapper-active({
         background: var(--tui-accent-active);
-    }
-
-    &[data-state='disabled'] {
-        opacity: var(--tui-disabled-opacity);
-    }
+    });
 
-    &._invalid {
+    .wrapper-invalid({
         color: var(--tui-negative-night);
         background: var(--tui-error-bg);
 
-        &[data-state='hovered'],
-        &[data-state='pressed'] {
+        .wrapper-hover({
             background: var(--tui-error-bg-hover);
-        }
+        });
 
-        &._focused:after {
-            color: var(--tui-error-fill);
-        }
-    }
+        .wrapper-focus({
+            --tui-focus: var(--tui-error-fill);
+        });
+    });
 }

package/styles/theme/wrapper/base.less

@@ -0,0 +1,35 @@
+@import '../../taiga-ui-local.less';
+
+/* stylelint-disable order/order */
+tui-wrapper,
+[tuiWrapper] {
+    .transition(~'color, background');
+    position: relative;
+    display: block;
+    height: 100%;
+    width: 100%;
+    appearance: none;
+    border-radius: inherit;
+
+    &:after {
+        .transition(box-shadow);
+        .fullsize(absolute, inset);
+        content: '';
+        border-radius: inherit;
+        border: 1px solid currentColor;
+        pointer-events: none;
+        color: transparent;
+    }
+
+    .wrapper-focus({
+        &:after {
+            border-width: 2px;
+            color: var(--tui-focus);
+        }
+    });
+
+    .wrapper-disabled({
+        pointer-events: none;
+        opacity: var(--tui-disabled-opacity);
+    });
+}

package/styles/theme/wrapper/icon.less

@@ -1,42 +1,32 @@
-// TODO: Variables names should not rely on textfield
-tui-wrapper[data-appearance='icon'] {
+@import '../../taiga-ui-local.less';
+
+/* stylelint-disable order/order */
+tui-wrapper[data-appearance='icon'],
+[tuiWrapper][data-appearance='icon'] {
     background: transparent;
     color: var(--tui-base-06);
 
-    &[data-state='hovered'] {
-        color: var(--tui-base-07);
-    }
-
-    &:active,
-    &[data-state='pressed'] {
-        color: var(--tui-base-08);
-    }
-
-    &[data-state='disabled'] {
-        opacity: var(--tui-disabled-opacity);
-    }
-
     &[data-mode='onDark'] {
         color: var(--tui-text-01-night);
         opacity: var(--tui-disabled-opacity);
 
-        &[data-state='hovered'],
-        &[data-state='pressed'] {
-            opacity: 1;
-        }
-
-        &._focused:after {
-            color: var(--tui-base-01);
-        }
+        .wrapper-focus({
+            --tui-focus: var(--tui-base-01);
+        });
     }
 
     &[data-mode='onLight'] {
         color: var(--tui-text-01);
         opacity: var(--tui-disabled-opacity);
-
-        &[data-state='hovered'],
-        &[data-state='pressed'] {
-            opacity: 1;
-        }
     }
+
+    .wrapper-hover({
+        color: var(--tui-base-07);
+        opacity: 1;
+    });
+
+    .wrapper-active({
+        color: var(--tui-base-08);
+        opacity: 1;
+    });
 }