chore(FormLabel): replace label_direction with vertical & `labelD…

…irection` (#4241)
dnbexperience · Nov 7, 2024 · 55c7ad3 · 55c7ad3
1 parent d4e4334
commit 55c7ad3
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-label/Examples.tsx
@@ -16,7 +16,7 @@ export const Default = () => (
 
 export const Vertical = () => (
   <ComponentBox data-visual-test="form-label-vertical">
-    <FormLabel for_id="alone-2" label_direction="vertical">
+    <FormLabel for_id="alone-2" vertical>
       Vertical FormLabel
     </FormLabel>
     <Checkbox id="alone-2" label="Checkbox" />

diff --git a/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js b/packages/dnb-eufemia/src/components/autocomplete/Autocomplete.js
@@ -1970,7 +1970,7 @@ class AutocompleteInstance extends React.PureComponent {
             id={id + '-label'}
             for_id={id}
             text={label}
-            label_direction={label_direction}
+            labelDirection={label_direction}
             sr_only={label_sr_only}
             disabled={disabled}
             skeleton={skeleton}

diff --git a/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx b/packages/dnb-eufemia/src/components/checkbox/stories/Checkbox.stories.tsx
@@ -118,7 +118,7 @@ export const CheckboxSandbox = () => (
         </CustomRow>
       </Box>
       <Box>
-        <FormLabel forId="checkbox-1" label_direction="vertical" vertical>
+        <FormLabel forId="checkbox-1" vertical>
           Vertical FormLabel for a Checkbox component:
         </FormLabel>
         <Checkbox id="checkbox-1" label="Unchecked disabled" disabled />

diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePicker.js b/packages/dnb-eufemia/src/components/date-picker/DatePicker.js
@@ -622,7 +622,7 @@ export default class DatePicker extends React.PureComponent {
               id={id + '-label'}
               for_id={id}
               text={label}
-              label_direction={label_direction}
+              labelDirection={label_direction}
               sr_only={label_sr_only}
               disabled={disabled}
               skeleton={skeleton}

diff --git a/packages/dnb-eufemia/src/components/dropdown/Dropdown.js b/packages/dnb-eufemia/src/components/dropdown/Dropdown.js
@@ -575,7 +575,7 @@ class DropdownInstance extends React.PureComponent {
             id={id + '-label'}
             for_id={id}
             text={label}
-            label_direction={label_direction}
+            labelDirection={label_direction}
             sr_only={label_sr_only}
             disabled={disabled}
             skeleton={skeleton}

diff --git a/packages/dnb-eufemia/src/components/form-row/FormRow.js b/packages/dnb-eufemia/src/components/form-row/FormRow.js
@@ -251,7 +251,7 @@ export default class FormRow extends React.PureComponent {
                 for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to
                 text={label}
                 element={useFieldset ? 'legend' : 'label'}
-                label_direction={label_direction}
+                labelDirection={label_direction}
                 sr_only={label_sr_only}
                 disabled={disabled}
                 skeleton={skeleton}

diff --git a/packages/dnb-eufemia/src/components/textarea/Textarea.js b/packages/dnb-eufemia/src/components/textarea/Textarea.js
@@ -532,7 +532,7 @@ export default class Textarea extends React.PureComponent {
             id={id + '-label'}
             for_id={id}
             text={label}
-            label_direction={label_direction}
+            labelDirection={label_direction}
             sr_only={label_sr_only}
             disabled={disabled}
             skeleton={skeleton}

diff --git a/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js b/packages/dnb-eufemia/src/components/toggle-button/ToggleButton.js
@@ -442,7 +442,7 @@ export default class ToggleButton extends React.PureComponent {
                   text={label}
                   disabled={disabled}
                   skeleton={skeleton}
-                  label_direction={label_direction}
+                  labelDirection={label_direction}
                   sr_only={label_sr_only}
                 />
               )}