fix(kit): Radio, Checkbox, Switch remove non-functioning `appea…

…rance` input (#9221)
taiga-family · Sep 30, 2024 · 6dc4ce0 · 6dc4ce0
1 parent 737100e
commit 6dc4ce0
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 6 deletions.
diff --git a/projects/kit/components/checkbox/checkbox.component.ts b/projects/kit/components/checkbox/checkbox.component.ts
@@ -13,7 +13,7 @@ import {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';
 import {tuiControlValue} from '@taiga-ui/cdk/observables';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';
-import {TuiAppearance, TuiWithAppearance} from '@taiga-ui/core/directives/appearance';
+import {TuiAppearance} from '@taiga-ui/core/directives/appearance';
 import {tuiInjectIconResolver} from '@taiga-ui/core/tokens';
 import type {TuiSizeS} from '@taiga-ui/core/types';
 
@@ -26,7 +26,14 @@ import {TUI_CHECKBOX_OPTIONS} from './checkbox.options';
     styles: ['@import "@taiga-ui/kit/styles/components/checkbox.less";'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    hostDirectives: [TuiWithAppearance, TuiNativeValidator],
+    hostDirectives: [
+        {
+            directive: TuiAppearance,
+            inputs: ['tuiAppearanceState', 'tuiAppearanceFocus'],
+        },
+
+        TuiNativeValidator,
+    ],
     host: {
         '[disabled]': '!control || control.disabled',
         '[attr.data-size]': 'size',

diff --git a/projects/kit/components/radio/radio.component.ts b/projects/kit/components/radio/radio.component.ts
@@ -10,7 +10,7 @@ import {NgControl} from '@angular/forms';
 import {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';
-import {TuiAppearance, TuiWithAppearance} from '@taiga-ui/core/directives/appearance';
+import {TuiAppearance} from '@taiga-ui/core/directives/appearance';
 import type {TuiSizeS} from '@taiga-ui/core/types';
 
 import {TUI_RADIO_OPTIONS} from './radio.options';
@@ -22,7 +22,13 @@ import {TUI_RADIO_OPTIONS} from './radio.options';
     styles: ['@import "@taiga-ui/kit/styles/components/radio.less";'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    hostDirectives: [TuiWithAppearance, TuiNativeValidator],
+    hostDirectives: [
+        {
+            directive: TuiAppearance,
+            inputs: ['tuiAppearanceState', 'tuiAppearanceFocus'],
+        },
+        TuiNativeValidator,
+    ],
     host: {
         '[disabled]': '!control || control.disabled',
         '[attr.data-size]': 'size',

diff --git a/projects/kit/components/switch/switch.component.ts b/projects/kit/components/switch/switch.component.ts
@@ -10,7 +10,7 @@ import {NgControl} from '@angular/forms';
 import {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';
-import {TuiAppearance, TuiWithAppearance} from '@taiga-ui/core/directives/appearance';
+import {TuiAppearance} from '@taiga-ui/core/directives/appearance';
 import {tuiInjectIconResolver} from '@taiga-ui/core/tokens';
 import type {TuiSizeS} from '@taiga-ui/core/types';
 
@@ -23,7 +23,13 @@ import {TUI_SWITCH_OPTIONS} from './switch.options';
     styles: ['@import "@taiga-ui/kit/styles/components/switch.less";'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    hostDirectives: [TuiWithAppearance, TuiNativeValidator],
+    hostDirectives: [
+        {
+            directive: TuiAppearance,
+            inputs: ['tuiAppearanceState', 'tuiAppearanceFocus'],
+        },
+        TuiNativeValidator,
+    ],
     host: {
         role: 'switch',
         '[disabled]': '!control || control.disabled',