Fix the Field DefaultStyles

Author: dvoituron

src/Core/Components/Field/FluentField.razor.cs

@@ -19,7 +19,7 @@ public partial class FluentField : FluentComponentBase, IFluentField
 
     /// <summary />
     protected string? ClassValue => DefaultClassBuilder
-        .AddClass(Configuration.DefaultStyles.FluentFieldClass, when: HasLabel || HasMessage)
+        .AddClass(Configuration.DefaultStyles.FluentFieldClass, when: HasLabel)
         .Build();
 
     /// <summary />

tests/Core/Components/Field/FluentFieldTests.FluentField_MessageIcon.verified.razor.html

@@ -1,8 +1,8 @@
 
-<fluent-field label-position="above" class="my-3-o">
+<fluent-field label-position="above">
   <div slot="input" id="xxx">Field content</div>
   <fluent-text as="span" size="200" slot="message">
     <svg style="margin: 0px 4px 0px 0px; width: 12px;" focusable="false" viewBox="0 0 24 24" aria-hidden="true" blazor:onkeydown="x" blazor:onclick="x">
       <path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 8.25a1 1 0 0 0-1 .88v5.74a1 1 0 0 0 2 0v-5.62l-.01-.12a1 1 0 0 0-1-.88Zm0-3.75A1.25 1.25 0 1 0 12 9a1.25 1.25 0 0 0 0-2.5Z"></path>
     </svg>My message</fluent-text>
-</fluent-field>
+</fluent-field>

tests/Core/Components/Field/FluentFieldTests.FluentField_MessageState-99.verified.razor.html

@@ -1,5 +1,5 @@
 
-<fluent-field label-position="above" class="my-3-o">
+<fluent-field label-position="above">
   <div slot="input" id="xxx">Field content</div>
   <fluent-text as="span" size="200" slot="message"></fluent-text>
-</fluent-field>
+</fluent-field>

tests/Core/Components/Field/FluentFieldTests.FluentField_MessageState-error.verified.razor.html

@@ -1,10 +1,10 @@
 
-<fluent-field label-position="above" class="my-3-o">
+<fluent-field label-position="above">
   <div slot="input" id="xxx">Field content</div>
   <fluent-text as="span" size="200" slot="message">
     <svg style="margin: 0px 4px 0px 0px; width: 12px; fill: var(--error);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" blazor:onkeydown="x" blazor:onclick="x">
       <path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16ZM7.8 7.11a.5.5 0 0 0-.63.06l-.06.07a.5.5 0 0 0 .06.64L9.3 10l-2.12 2.12-.06.07a.5.5 0 0 0 .06.64l.07.06c.2.13.47.11.64-.06L10 10.7l2.12 2.12.07.06c.2.13.46.11.64-.06l.06-.07a.5.5 0 0 0-.06-.64L10.7 10l2.12-2.12.06-.07a.5.5 0 0 0-.06-.64l-.07-.06a.5.5 0 0 0-.64.06L10 9.3 7.88 7.17l-.07-.06Z"></path>
     </svg>
     <fluent-text style="color: var(--error);" as="span">An error occurred</fluent-text>
   </fluent-text>
-</fluent-field>
+</fluent-field>

tests/Core/Components/Field/FluentFieldTests.FluentField_MessageState-success.verified.razor.html

@@ -1,10 +1,10 @@
 
-<fluent-field label-position="above" class="my-3-o">
+<fluent-field label-position="above">
   <div slot="input" id="xxx">Field content</div>
   <fluent-text as="span" size="200" slot="message">
     <svg style="margin: 0px 4px 0px 0px; width: 12px; fill: var(--success);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" blazor:onkeydown="x" blazor:onclick="x">
       <path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm3.36 5.65a.5.5 0 0 0-.64-.06l-.07.06L9 11.3 7.35 9.65l-.07-.06a.5.5 0 0 0-.7.7l.07.07 2 2 .07.06c.17.11.4.11.56 0l.07-.06 4-4 .07-.08a.5.5 0 0 0-.06-.63Z"></path>
     </svg>
     <fluent-text style="color: var(--success);" as="span">Valid data</fluent-text>
   </fluent-text>
-</fluent-field>
+</fluent-field>

tests/Core/Components/Field/FluentFieldTests.FluentField_MessageState-warning.verified.razor.html

@@ -1,10 +1,10 @@
 
-<fluent-field label-position="above" class="my-3-o">
+<fluent-field label-position="above">
   <div slot="input" id="xxx">Field content</div>
   <fluent-text as="span" size="200" slot="message">
     <svg style="margin: 0px 4px 0px 0px; width: 12px; fill: var(--warning);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" blazor:onkeydown="x" blazor:onclick="x">
       <path d="M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Zm.25 6.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>
     </svg>
     <fluent-text style="color: var(--info);" as="span">Please, check this value</fluent-text>
   </fluent-text>
-</fluent-field>
+</fluent-field>