chore(field-container): post review changes

kronostechnologies · Aug 1, 2024 · 96d3be6 · 96d3be6
1 parent a8ca4e4
commit 96d3be6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/packages/react/src/components/combobox/combobox.test.tsx.snap b/packages/react/src/components/combobox/combobox.test.tsx.snap
@@ -1731,13 +1731,13 @@ input + .c2 {
   >
     Select an option
   </label>
-  <label
+  <span
     class="c4"
     data-testid="field-hint"
     id="uuid1_hint"
   >
     Hint
-  </label>
+  </span>
   <div
     class="c5"
   >

diff --git a/packages/react/src/components/dropdown-list/dropdown-list.test.tsx.snap b/packages/react/src/components/dropdown-list/dropdown-list.test.tsx.snap
@@ -670,13 +670,13 @@ input + .c2 {
   >
     Select an option
   </label>
-  <label
+  <span
     class="c4"
     data-testid="field-hint"
     id="uuid1_hint"
   >
     Hint
-  </label>
+  </span>
   <div
     aria-activedescendant="uuid1_ab"
     aria-controls="uuid1_listbox"
@@ -2566,13 +2566,13 @@ input + .c2 {
   >
     Select an option
   </label>
-  <label
+  <span
     class="c4"
     data-testid="field-hint"
     id="uuid1_hint"
   >
     Hint
-  </label>
+  </span>
   <div
     aria-activedescendant="uuid1_ab"
     aria-controls="uuid1_listbox"

diff --git a/packages/react/src/components/field/hint/hint.tsx b/packages/react/src/components/field/hint/hint.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { useDeviceContext } from '../../device-context-provider/device-context-provider';
 import { HintProps } from './types';
 
-const StyledHint = styled.label<{ $isMobile: boolean }>`
+const StyledHint = styled.span<{ $isMobile: boolean }>`
     color: ${(props) => props.theme.component['field-hint-text-color']};
     display: block;
     font-size: ${({ $isMobile }) => ($isMobile ? '0.875rem' : '0.75rem')};