Merge pull request #539 from dnum-mi/develop

Develop

Author: laruiss

src/components/DsfrAlert/DsfrAlert.stories.js

@@ -78,7 +78,6 @@ export const Alerte = (args) => ({
     },
   },
 
-
 })
 Alerte.args = {
   title: 'Titre alerte',
@@ -128,7 +127,6 @@ export const Alertes = (args) => ({
     </div>
   `,
 
-
 })
 Alertes.args = {
 }
@@ -171,7 +169,6 @@ export const PetitesAlertes = (args) => ({
     </div>
   `,
 
-
 })
 PetitesAlertes.args = {
 }
@@ -269,8 +266,6 @@ export const AlertesFermables = (args) => ({
     </div>
   `,
 
-
-
   methods: {
     close (idx) {
       this.closed[idx] = true

src/components/DsfrBreadcrumb/DsfrBreadcrumb.stories.js

@@ -46,7 +46,6 @@ export const FilDAriane = (args) => ({
     />
   `,
 
-
 })
 
 FilDAriane.args = {

src/components/DsfrButton/DsfrButton.stories.js

@@ -72,7 +72,6 @@ export const BoutonPrimaire = (args) => ({
     />
   `,
 
-
 })
 BoutonPrimaire.args = {
   label: 'Label bouton',
@@ -105,7 +104,6 @@ export const BoutonPrimaireAvecIcone = (args) => ({
     />
   `,
 
-
 })
 BoutonPrimaireAvecIcone.args = {
   label: 'Label bouton',
@@ -134,7 +132,6 @@ export const BoutonSecondaire = (args) => ({
     />
   `,
 
-
 })
 BoutonSecondaire.args = {
   label: 'Label bouton secondaire',
@@ -162,7 +159,6 @@ export const BoutonTertiaire = (args) => ({
     />
   `,
 
-
 })
 BoutonTertiaire.args = {
   label: 'Label bouton secondaire',
@@ -190,7 +186,6 @@ export const BoutonTertiaireSansBordure = (args) => ({
     />
   `,
 
-
 })
 BoutonTertiaireSansBordure.args = {
   label: 'Label bouton secondaire',
@@ -225,7 +220,6 @@ export const SuiteDeBoutons = (args) => ({
     </div>
   `,
 
-
 })
 
 SuiteDeBoutons.args = {

src/components/DsfrButton/DsfrButtonGroup.stories.js

@@ -72,7 +72,6 @@ export const GroupeDeBoutons = (args) => ({
     />
   `,
 
-
 })
 GroupeDeBoutons.args = {
   align: 'center',

src/components/DsfrCallout/DsfrCallout.stories.js

@@ -65,7 +65,6 @@ export const MiseEnAvantSimple = (args) => ({
     />
   `,
 
-
 })
 MiseEnAvantSimple.args = {
   title: 'Titre de la mise en avant',
@@ -101,7 +100,6 @@ export const MiseEnAvant = (args) => ({
     />
   `,
 
-
 })
 MiseEnAvant.args = {
   title: 'Titre de la mise en avant',

src/components/DsfrCard/DsfrCard.stories.js

@@ -66,7 +66,6 @@ export const Card = (args) => ({
     />
   `,
 
-
 })
 Card.args = {
   altImg: '',
@@ -99,7 +98,6 @@ export const CardSansFleche = (args) => ({
     />
   `,
 
-
 })
 CardSansFleche.args = {
   altImg: '',

src/components/DsfrCheckbox/DsfrCheckbox.stories.js

@@ -31,6 +31,10 @@ export default {
       control: 'boolean',
       description: 'Indique si le champ est obligatoire',
     },
+    small: {
+      control: 'boolean',
+      description: 'Utilise la version réduite de la case à cocher',
+    },
     errorMessage: {
       control: 'text',
       description: 'Texte du message à afficher en cas d’erreur',
@@ -60,6 +64,7 @@ export const Checkbox = (args) => ({
         :label="label"
         :disabled="disabled"
         :required="required"
+        :small="small"
         :hint="hint"
         :name="name || 'name1'"
         v-model="modelValue"
@@ -75,6 +80,7 @@ Checkbox.args = {
   disabled: false,
   modelValue: false,
   required: false,
+  small: false,
   label: 'Checkbox 1',
   name: 'name1',
   hint: 'Description 1',

src/components/DsfrCheckbox/DsfrCheckbox.vue

@@ -18,6 +18,7 @@ export default defineComponent({
     },
     required: Boolean,
     modelValue: Boolean,
+    small: Boolean,
     label: {
       type: String,
       default: '',
@@ -55,6 +56,7 @@ export default defineComponent({
     :class="{
       'fr-checkbox-group--error': errorMessage,
       'fr-checkbox-group--valid': validMessage,
+      'fr-checkbox-group--sm': small,
     }"
   >
     <input

src/components/DsfrCheckbox/DsfrCheckboxSet.stories.js

@@ -24,6 +24,10 @@ export default {
       control: 'boolean',
       description: 'Indique si les checkboxes doivent apparaître sur une seule ligne (`true`) ou non (`false`, défaut)',
     },
+    small: {
+      control: 'boolean',
+      description: 'Utilise la version réduite des checkboxes',
+    },
     // legend: {
     //   control: 'text',
     //   description: 'Titre de l’ensemble (Set) des checkboxes',
@@ -58,6 +62,7 @@ export const CheckboxSet = (args) => ({
       :options="options"
       :inline="inline"
       :disabled="disabled"
+      :small="small"
       :required="required"
       :errorMessage="errorMessage"
       :validMessage="validMessage"
@@ -75,6 +80,7 @@ CheckboxSet.args = {
   disabled: false,
   inline: false,
   required: false,
+  small: false,
   errorMessage: '',
   validMessage: '',
   modelValue: ['name1'],

src/components/DsfrCheckbox/DsfrCheckboxSet.vue

@@ -21,6 +21,7 @@ export default defineComponent({
     disabled: Boolean,
     inline: Boolean,
     required: Boolean,
+    small: Boolean,
     errorMessage: {
       type: String,
       default: '',
@@ -104,6 +105,7 @@ export default defineComponent({
           :name="option.name"
           :label="option.label"
           :disabled="option.disabled"
+          :small="small"
           :model-value="modelValue.includes(option.name)"
           :hint="option.hint"
           @update:model-value="onChange({ name: option.name, checked: $event })"