Merge pull request #1058 from CopperGiraffe/fix-radio-button-rich

fix: 🐛 ajoute la notion de rich sans icone pour les DsfrRadioButton

Author: laruiss

src/components/DsfrRadioButton/DsfrRadioButton.types.ts

@@ -8,6 +8,7 @@ export type DsfrRadioButtonProps = {
   value: string | number | boolean
   label?: string
   hint?: string
+  rich?: boolean
   img?: string
   imgTitle?: string
   svgPath?: string

src/components/DsfrRadioButton/DsfrRadioButton.vue

@@ -14,14 +14,15 @@ const props = withDefaults(defineProps<DsfrRadioButtonProps>(), {
   hint: '',
   img: undefined,
   svgPath: undefined,
+  rich: false,
   svgAttrs: () => ({ viewBox: '0 0 80 80', width: '80px', height: '80px' }),
 })
 
 defineEmits<{ (e: 'update:modelValue', payload: string | number | boolean): void }>()
 
 const defaultSvgAttrs = { viewBox: '0 0 80 80', width: '80px', height: '80px' }
 
-const rich = computed(() => !!props.img || !!props.svgPath)
+const richComputed = computed(() => props.rich || (!!props.img || !!props.svgPath))
 </script>
 
 <template>
@@ -32,7 +33,7 @@ const rich = computed(() => !!props.img || !!props.svgPath)
     <div
       class="fr-radio-group"
       :class="{
-        'fr-radio-rich': rich,
+        'fr-radio-rich': richComputed,
         'fr-radio-group--sm': small,
       }"
     >