add FieldLabel size prop

fibo · Aug 21, 2024 · 17f96a5 · 17f96a5
1 parent 4ebb9a9
commit 17f96a5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 node_modules
 dist
 temp
diff --git a/src/doc_snippets.tsx b/src/doc_snippets.tsx
@@ -187,7 +187,7 @@ export const Snippets: FC = () => (
     </Field>
 
     <FieldHorizontal>
-      <FieldLabel isNormal>
+      <FieldLabel size="normal">
         <Label>From</Label>
       </FieldLabel>
       <FieldBody>

diff --git a/src/react.tsx b/src/react.tsx
@@ -810,7 +810,7 @@ export type FieldBodyProps = HTMLAttributes<HTMLDivElement> & BulmaProp
  * @example
  * ```tsx
  * <FieldHorizontal>
- *   <FieldLabel isNormal>
+ *   <FieldLabel size="normal">
  *     <Label>From</Label>
  *   </FieldLabel>
  *   <FieldBody>
@@ -852,7 +852,7 @@ export type FieldHorizontalProps = HTMLAttributes<HTMLDivElement> & BulmaProp
 
 /** @see {@link FieldHorizontal} */
 export const FieldLabel: FC<PropsWithChildren<FieldLabelProps>> = ({
-  isNormal,
+  size,
   bulma,
   className,
   children,
@@ -862,9 +862,7 @@ export const FieldLabel: FC<PropsWithChildren<FieldLabelProps>> = ({
     className={classnames<Bulma>(
       className as Bulma,
       "field-label",
-      {
-        "is-normal": isNormal,
-      },
+      is(size),
       bulma,
     )}
     {...props}
@@ -873,9 +871,8 @@ export const FieldLabel: FC<PropsWithChildren<FieldLabelProps>> = ({
   </div>
 )
 export type FieldLabelProps = HTMLAttributes<HTMLDivElement> &
-  BulmaProp & {
-    isNormal: boolean
-  }
+  BulmaProp &
+  SizeProp<Size>
 
 /**
  * A custom file upload input.