fix(elements)!: prefix styled component props in Legend

BREAKING CHANGE:
- `disabled` is renamed `$isDisabled` in `Legend` props.
- `hasError` is renamed `$hasError` in `Legend` props.
- `isHidden` is renamed `$isHidden` in `Legend` props.

src/elements/Fieldset.tsx

@@ -28,7 +28,12 @@ export function Fieldset({
   return (
     <Box className={classnames('Element-Fieldset', className)} {...nativeProps}>
       {legend && (
-        <Legend $isRequired={isRequired} disabled={nativeProps.disabled} hasError={hasError} isHidden={isLegendHidden}>
+        <Legend
+          $disabled={nativeProps.disabled}
+          $hasError={hasError}
+          $isHidden={isLegendHidden}
+          $isRequired={isRequired}
+        >
           {legend}
         </Legend>
       )}

src/elements/Legend.tsx

@@ -4,18 +4,18 @@ import styled from 'styled-components'
 import type { HTMLAttributes } from 'react'
 
 export type LegendProps = HTMLAttributes<HTMLLegendElement> & {
+  $disabled?: boolean | undefined
+  $hasError?: boolean | undefined
+  $isHidden?: boolean | undefined
   $isRequired?: boolean | undefined
-  disabled?: boolean | undefined
-  hasError?: boolean | undefined
-  isHidden?: boolean | undefined
 }
 export const Legend = styled.legend.attrs<LegendProps, LegendProps>(props => ({
   className: classnames('Element-Legend', props.className)
 }))`
   color: ${p =>
     // eslint-disable-next-line no-nested-ternary
-    p.disabled ? p.theme.color.lightGray : p.hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
-  display: ${p => (p.isHidden ? 'none' : 'block')};
+    p.$disabled ? p.theme.color.lightGray : p.$hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
+  display: ${p => (p.$isHidden ? 'none' : 'block')};
   font-size: 13px;
   line-height: 1.3846;
   margin-bottom: 4px;

stories/elements/Legend.stories.tsx

@@ -6,10 +6,10 @@ import type { LegendProps } from '../../src'
 import type { Meta } from '@storybook/react'
 
 const args: LegendProps = {
+  $disabled: false,
+  $isHidden: false,
   $isRequired: false,
-  children: 'A form fieldset legend',
-  disabled: false,
-  isHidden: false
+  children: 'A form fieldset legend'
 }
 
 /* eslint-disable sort-keys-fix/sort-keys-fix */