fix(design): correct DaffFormFieldAppearance type name spelling (#4637)

Author: xelaint

libs/design/form-field/src/form-field/form-field.component.ts

@@ -32,9 +32,9 @@ import { DaffFormFieldControl } from '../form-field-control';
 
 let daffFormFieldId = 0;
 
-export type DaffFormFieldApperanace = 'fluid' | 'fixed';
+export type DaffFormFieldAppearance = 'fluid' | 'fixed';
 
-enum DaffFormFieldApperanaceEnum {
+enum DaffFormFieldAppearanceEnum {
   Fluid = 'fluid',
   Fixed = 'fixed',
 }
@@ -174,15 +174,15 @@ export class DaffFormFieldComponent implements AfterContentInit, AfterContentChe
   /**
    * The appearance of the form field. Defaults to `fluid`.
    */
-  appearance = input(DaffFormFieldApperanaceEnum.Fluid, {
-    transform: (value: DaffFormFieldApperanace | '' | null | undefined) =>
-      value || DaffFormFieldApperanaceEnum.Fluid,
+  appearance = input(DaffFormFieldAppearanceEnum.Fluid, {
+    transform: (value: DaffFormFieldAppearance | '' | null | undefined) =>
+      value || DaffFormFieldAppearanceEnum.Fluid,
   });
 
   /**
    * @docs-private
    */
-  isFixed = computed(() => this.appearance() === DaffFormFieldApperanaceEnum.Fixed);
+  isFixed = computed(() => this.appearance() === DaffFormFieldAppearanceEnum.Fixed);
 
   /**
    * The unique id of the form field. Defaults to an autogenerated value. When using this,

libs/design/form-field/src/specs/usage.spec.ts

@@ -24,7 +24,7 @@ import { DaffInputComponent } from '@daffodil/design/input';
 import { DaffNativeSelectComponent } from '@daffodil/design/native-select';
 import { patchElementFocus } from '@daffodil/design/testing';
 
-import { DaffFormFieldApperanace } from '../form-field/form-field.component';
+import { DaffFormFieldAppearance } from '../form-field/form-field.component';
 
 @Component({ template: `
   <daff-form-field [id]="id()" [appearance]="appearance()">
@@ -41,7 +41,7 @@ imports: [
 class WrapperComponent {
   formControl = new UntypedFormControl('', Validators.required);
   id = signal<string>(undefined);
-  appearance = signal<DaffFormFieldApperanace>('fixed');
+  appearance = signal<DaffFormFieldAppearance>('fixed');
 }
 
 describe('@daffodil/design | DaffFormFieldComponent | Usage', () => {