Revert "fix(components): add $ to isHidden"

This reverts commit bcdd45f.
MTES-MCT · Jul 9, 2024 · 19f3dc9 · 19f3dc9
1 parent f2e376e
commit 19f3dc9
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 20 deletions.
diff --git a/src/elements/Label.tsx b/src/elements/Label.tsx
@@ -4,10 +4,10 @@ import styled from 'styled-components'
 import type { LabelHTMLAttributes } from 'react'
 
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
-  $isHidden?: boolean | undefined
   $isRequired?: boolean | undefined
   disabled?: boolean | undefined
   hasError?: boolean | undefined
+  isHidden?: boolean | undefined
 }
 export const Label = styled.label.attrs<LabelProps, LabelProps>(props => ({
   className: classnames('Element-Label', props.className)
@@ -26,13 +26,13 @@ export const Label = styled.label.attrs<LabelProps, LabelProps>(props => ({
         color: ${p.theme.color.maximumRed};
       }`}
   ${p =>
-    p.$isHidden &&
+    p.isHidden &&
     `
-    position:absolute;
-    left:-10000px;
-    top:auto;
-    width:1px;
-    height:1px;
-    overflow:hidden;
+  position:absolute;
+  left:-10000px;
+  top:auto;
+  width:1px;
+  height:1px;
+  overflow:hidden;
     `}
 `
diff --git a/src/fields/CheckPicker.tsx b/src/fields/CheckPicker.tsx
@@ -127,7 +127,7 @@ export function CheckPicker<OptionValue extends OptionValueType = string>({
 
   return (
     <Field className={controlledClassName} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/MultiCascader/index.tsx b/src/fields/MultiCascader/index.tsx
@@ -100,7 +100,7 @@ export function MultiCascader<OptionValue extends OptionValueType = string>({
 
   return (
     <Field className={controlledClassName} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/MultiSelect.tsx b/src/fields/MultiSelect.tsx
@@ -128,7 +128,7 @@ export function MultiSelect<OptionValue extends OptionValueType = string>({
 
   return (
     <Field className={controlledClassName} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/NumberInput.tsx b/src/fields/NumberInput.tsx
@@ -105,7 +105,7 @@ export function NumberInput({
 
   return (
     <Field className={controlledClassname} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/PhoneInput.tsx b/src/fields/PhoneInput.tsx
@@ -63,7 +63,7 @@ export const PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(
 
     return (
       <Field className="Field-PhoneInput">
-        <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={name}>
+        <Label $isRequired={isRequired} disabled={disabled} htmlFor={name} isHidden={isLabelHidden}>
           {label}
         </Label>
         <StyledIMaskInput

diff --git a/src/fields/Search.tsx b/src/fields/Search.tsx
@@ -187,7 +187,7 @@ export function Search<OptionValue extends OptionValueType = string>({
 
   return (
     <Field className={controlledClassName} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/Select.tsx b/src/fields/Select.tsx
@@ -141,7 +141,7 @@ export function Select<OptionValue extends OptionValueType = string>({
 
   return (
     <Field className={controlledClassname} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/TextInput.tsx b/src/fields/TextInput.tsx
@@ -86,7 +86,7 @@ export function TextInput({
 
   return (
     <Field className={controlledClassname} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/Textarea.tsx b/src/fields/Textarea.tsx
@@ -77,7 +77,7 @@ export function Textarea({
 
   return (
     <Field className={controlledClassname} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
 

diff --git a/src/fields/Toggle/index.tsx b/src/fields/Toggle/index.tsx
@@ -59,7 +59,7 @@ export function Toggle({
 
   return (
     <Field className={controlledClassName} style={style}>
-      <Label $isHidden={isLabelHidden} $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name}>
+      <Label $isRequired={isRequired} disabled={disabled} htmlFor={originalProps.name} isHidden={isLabelHidden}>
         {label}
       </Label>
       <StyledToggle

diff --git a/stories/elements/Label.stories.tsx b/stories/elements/Label.stories.tsx
@@ -6,10 +6,10 @@ import type { LabelProps } from '../../src'
 import type { Meta } from '@storybook/react'
 
 const args: LabelProps = {
-  $isHidden: false,
   $isRequired: false,
   children: 'A form input label',
-  disabled: false
+  disabled: false,
+  isHidden: false
 }
 
 /* eslint-disable sort-keys-fix/sort-keys-fix */