ajout de bouton réserver et ajout du formulaire lycée

design-system/primitives/DsButton.vue

@@ -60,7 +60,7 @@
     const isButton = computed(() => !props.to && !props.href) // <button> si pas "href" et pas "to"
     // décision de l'élément en fonction de la prop fournie
     const componentTag = computed(() => {
-      if (isNuxtLink.value) resolveComponent('NuxtLink')
+      if (isNuxtLink.value) return resolveComponent('NuxtLink')
       if (isAnchor.value) return 'a'
       return 'button'
     })
@@ -121,6 +121,12 @@
       padding-inline: var(--sp-14);
       min-height: 2rem;
     }
+    &--xs {
+      font-size: var(--text-sm);
+      padding: 5px 8px;
+      min-height: 30px;
+      max-height: 30px;
+    }
     &--sm {
       font-size: var(--text-sm);
       padding: var(--sp-4) var(--sp-8);
@@ -141,7 +147,6 @@
 
     /* Variants */
     &--primary {
-      background: var(--c-brand);
       color: var(--ds-button-text, var(--c-brand-contrast));
       border-color: var(--ds-button-border, transparent);
     }
@@ -156,6 +161,15 @@
       background: var(--c-hover);
     }
 
+    &--third {
+      background: var(--c-gris);
+      color: var(--ds-button-text, var(--c-brand-contrast));
+      border-color: var(--ds-button-border, transparent);
+    }
+    &--white {
+      background: var(--c-surface);
+    }
+
     &--ghost {
       background: transparent;
       color: var(--ds-button-text, var(--c-text));
@@ -189,6 +203,7 @@
     &--text-info { --ds-button-text: var(--c-info); }
 
     &--border-default { --ds-button-border: var(--c-text); }
+    &--border-none { --ds-button-border: none; }
     &--border-muted { --ds-button-border: var(--c-text-muted); }
     &--border-invert { --ds-button-border: var(--c-text-invert); }
     &--border-brand_rouge { --ds-button-border: var(--c-brand_rouge); }