fix(input-radio): fix display in all orientations

Author: clementprevot

packages/fractal/src/components/InputRadio/InputRadio.tsx

@@ -93,7 +93,7 @@ export const InputRadio = forwardRef<HTMLButtonElement, InputRadioProps>(
           `${PREFIX}-${GROUP_NAME}`,
           `${PREFIX}-${GROUP_NAME}--${variant}`,
           'group/radio',
-          'flex w-full max-w-full cursor-default items-center rounded-sm',
+          'flex w-full max-w-full cursor-default rounded-sm',
           variantClassNames[variant],
           isDisabled
             ? `${PREFIX}-${GROUP_NAME}--disabled text-disabled`
@@ -109,7 +109,7 @@ export const InputRadio = forwardRef<HTMLButtonElement, InputRadioProps>(
           ref={combinedRef}
           className={cj(
             `${PREFIX}-${GROUP_NAME}__radio`,
-            'mt-half h-full min-h-6 flex-grow-0 self-start rounded-xs border-none bg-unset px-unset py-unset focus-visible:outline-none',
+            'self mt-half h-full min-h-6 flex-grow-0 rounded-xs border-none bg-unset px-unset py-unset focus-visible:outline-none',
             isDisabled
               ? 'cursor-not-allowed'
               : 'cursor-pointer [&>:first-child]:data-state-checked:bg-primary group-hover/radio:[&>:first-child]:data-state-unchecked:bg-highlight',

packages/fractal/src/components/InputRadio/InputRadioGroup.tsx

@@ -46,7 +46,7 @@ export const InputRadioGroup = ({
         `${PREFIX}-${GROUP_NAME}__group`,
         `${PREFIX}-${GROUP_NAME}__group--${variant}`,
         'flex max-w-full flex-col gap-3',
-        'data-horizontal:flex-row data-horizontal:flex-wrap sm:data-horizontal:flex-nowrap',
+        'data-horizontal:flex-row data-horizontal:flex-wrap data-horizontal:items-start data-vertical:justify-start sm:data-horizontal:flex-nowrap',
         disabled ? `${PREFIX}-${GROUP_NAME}__group--disabled` : '',
         fullWidth
           ? `${PREFIX}-${GROUP_NAME}__group--full-width w-full`