@cnamts/synapse 1.0.1 → 1.0.2

package/src/components/Tables/SyTable/tests/__snapshots__/SyTable.spec.ts.snap

@@ -1,521 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`SyTable > renders correctly with default props 1`] = `
-<div
-  class="sy-table"
-  headers="[object Object],[object Object],[object Object]"
-  id="sy-table"
-  items="[object Object],[object Object],[object Object]"
->
-  <div class="
-    v-data-table
-    v-table
-    v-table--density-default
-    v-table--has-bottom
-    v-table--has-top
-    v-theme--light
-  ">
-    <!---->
-    <div class="v-table__wrapper">
-      <table>
-        <!---->
-        <thead>
-          <tr>
-            <th>
-              <div class="
-                align-center
-                d-flex
-                h-100
-                v-data-table-header__content
-              ">
-                <i
-                  aria-hidden="false"
-                  aria-label="Trier par colonne"
-                  class="
-                    mdi
-                    mdi-arrow-up
-                    mr-2
-                    notranslate
-                    v-data-table-header__sort-icon
-                    v-icon
-                    v-icon--clickable
-                    v-icon--size-default
-                    v-theme--light
-                  "
-                  role="button"
-                  tabindex="0"
-                  title="Trier par ID"
-                ></i>
-                <div class="col-title">
-                  ID
-                </div>
-                <!-- v-if -->
-              </div>
-            </th>
-            <th>
-              <div class="
-                align-center
-                d-flex
-                h-100
-                v-data-table-header__content
-              ">
-                <i
-                  aria-hidden="false"
-                  aria-label="Trier par colonne"
-                  class="
-                    mdi
-                    mdi-arrow-up
-                    mr-2
-                    notranslate
-                    v-data-table-header__sort-icon
-                    v-icon
-                    v-icon--clickable
-                    v-icon--size-default
-                    v-theme--light
-                  "
-                  role="button"
-                  tabindex="0"
-                  title="Trier par Name"
-                ></i>
-                <div class="col-title">
-                  Name
-                </div>
-                <!-- v-if -->
-              </div>
-            </th>
-            <th>
-              <div class="
-                align-center
-                d-flex
-                h-100
-                v-data-table-header__content
-              ">
-                <i
-                  aria-hidden="false"
-                  aria-label="Trier par colonne"
-                  class="
-                    mdi
-                    mdi-arrow-up
-                    mr-2
-                    notranslate
-                    v-data-table-header__sort-icon
-                    v-icon
-                    v-icon--clickable
-                    v-icon--size-default
-                    v-theme--light
-                  "
-                  role="button"
-                  tabindex="0"
-                  title="Trier par Age"
-                ></i>
-                <div class="col-title">
-                  Age
-                </div>
-                <!-- v-if -->
-              </div>
-            </th>
-          </tr>
-          <!---->
-        </thead>
-        <!---->
-        <tbody>
-          <!---->
-          <tr class="v-data-table__tr">
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              1
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              John Doe
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              25
-            </td>
-          </tr>
-          <!---->
-          <tr class="v-data-table__tr">
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              2
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              Jane Doe
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              30
-            </td>
-          </tr>
-          <!---->
-          <tr class="v-data-table__tr">
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              3
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              John Smith
-            </td>
-            <td class="
-              v-data-table-column--align-start
-              v-data-table__td
-            ">
-              35
-            </td>
-          </tr>
-          <!---->
-          <!---->
-        </tbody>
-        <!---->
-        <!---->
-      </table>
-    </div>
-    <hr
-      aria-orientation="horizontal"
-      class="
-        v-divider
-        v-theme--light
-      "
-      role="separator"
-    />
-    <div class="v-data-table-footer">
-      <!---->
-      <div class="v-data-table-footer__items-per-page">
-        <span>
-          Items per page:
-        </span>
-        <div class="
-          v-input
-          v-input--center-affix
-          v-input--density-compact
-          v-input--dirty
-          v-input--horizontal
-          v-locale--is-ltr
-          v-select
-          v-select--selected
-          v-select--single
-          v-text-field
-          v-theme--light
-        ">
-          <!---->
-          <div class="v-input__control">
-            <div
-              class="
-                v-field
-                v-field--active
-                v-field--appended
-                v-field--center-affix
-                v-field--dirty
-                v-field--no-label
-                v-field--variant-outlined
-                v-locale--is-ltr
-                v-theme--light
-              "
-              role="combobox"
-            >
-              <div class="v-field__overlay"></div>
-              <div class="v-field__loader">
-                <div
-                  aria-hidden="true"
-                  aria-valuemax="100"
-                  aria-valuemin="0"
-                  class="
-                    v-locale--is-ltr
-                    v-progress-linear
-                    v-theme--light
-                  "
-                  role="progressbar"
-                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
-                >
-                  <!---->
-                  <div
-                    class="v-progress-linear__background"
-                    style="opacity: NaN;"
-                  ></div>
-                  <div
-                    class="v-progress-linear__buffer"
-                    style="opacity: NaN; width: 0%;"
-                  ></div>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <div class="v-progress-linear__indeterminate">
-                      <div class="
-                        long
-                        v-progress-linear__indeterminate
-                      "></div>
-                      <div class="
-                        short
-                        v-progress-linear__indeterminate
-                      "></div>
-                    </div>
-                  </transition-stub>
-                  <!---->
-                </div>
-              </div>
-              <!---->
-              <div
-                class="v-field__field"
-                data-no-activator=""
-              >
-                <!---->
-                <!---->
-                <!---->
-                <div
-                  class="v-field__input"
-                  data-no-activator=""
-                >
-                  <!---->
-                  <!---->
-                  <div class="v-select__selection">
-                    <span class="v-select__selection-text">
-                      10
-                      <!---->
-                    </span>
-                  </div>
-                  <input
-                    aria-describedby="input-0-messages"
-                    aria-label="Open"
-                    id="input-0"
-                    inputmode="none"
-                    size="1"
-                    title="Open"
-                    type="text"
-                    value="10"
-                  />
-                </div>
-                <!---->
-              </div>
-              <!---->
-              <div class="v-field__append-inner">
-                <!---->
-                <i
-                  aria-hidden="true"
-                  class="
-                    mdi
-                    mdi-menu-down
-                    notranslate
-                    v-icon
-                    v-icon--size-default
-                    v-select__menu-icon
-                    v-theme--light
-                  "
-                ></i>
-                <!---->
-              </div>
-              <div class="v-field__outline">
-                <div class="v-field__outline__start"></div>
-                <!---->
-                <div class="v-field__outline__end"></div>
-                <!---->
-              </div>
-            </div>
-          </div>
-          <!---->
-          <!---->
-        </div>
-      </div>
-      <div class="v-data-table-footer__info">
-        <div>
-          1-3 of 3
-        </div>
-      </div>
-      <div class="v-data-table-footer__pagination">
-        <nav
-          aria-label="Pagination Navigation"
-          class="
-            v-pagination
-            v-theme--light
-          "
-          role="navigation"
-        >
-          <ul class="v-pagination__list">
-            <li class="v-pagination__first">
-              <button
-                aria-disabled="true"
-                aria-label="First page"
-                class="
-                  v-btn
-                  v-btn--density-comfortable
-                  v-btn--disabled
-                  v-btn--icon
-                  v-btn--rounded
-                  v-btn--size-default
-                  v-btn--variant-plain
-                  v-theme--light
-                "
-                disabled=""
-                type="button"
-              >
-                <span class="v-btn__overlay"></span>
-                <span class="v-btn__underlay"></span>
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  <i
-                    aria-hidden="true"
-                    class="
-                      mdi
-                      mdi-page-first
-                      notranslate
-                      v-icon
-                      v-icon--size-default
-                      v-theme--light
-                    "
-                  ></i>
-                </span>
-                <!---->
-                <!---->
-              </button>
-            </li>
-            <li class="v-pagination__prev">
-              <button
-                aria-disabled="true"
-                aria-label="Previous page"
-                class="
-                  v-btn
-                  v-btn--density-comfortable
-                  v-btn--disabled
-                  v-btn--icon
-                  v-btn--rounded
-                  v-btn--size-default
-                  v-btn--variant-plain
-                  v-theme--light
-                "
-                disabled=""
-                type="button"
-              >
-                <span class="v-btn__overlay"></span>
-                <span class="v-btn__underlay"></span>
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  <i
-                    aria-hidden="true"
-                    class="
-                      mdi
-                      mdi-chevron-left
-                      notranslate
-                      v-icon
-                      v-icon--size-default
-                      v-theme--light
-                    "
-                  ></i>
-                </span>
-                <!---->
-                <!---->
-              </button>
-            </li>
-            <li class="v-pagination__next">
-              <button
-                aria-disabled="true"
-                aria-label="Next page"
-                class="
-                  v-btn
-                  v-btn--density-comfortable
-                  v-btn--disabled
-                  v-btn--icon
-                  v-btn--rounded
-                  v-btn--size-default
-                  v-btn--variant-plain
-                  v-theme--light
-                "
-                disabled=""
-                type="button"
-              >
-                <span class="v-btn__overlay"></span>
-                <span class="v-btn__underlay"></span>
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  <i
-                    aria-hidden="true"
-                    class="
-                      mdi
-                      mdi-chevron-right
-                      notranslate
-                      v-icon
-                      v-icon--size-default
-                      v-theme--light
-                    "
-                  ></i>
-                </span>
-                <!---->
-                <!---->
-              </button>
-            </li>
-            <li class="v-pagination__last">
-              <button
-                aria-disabled="true"
-                aria-label="Last page"
-                class="
-                  v-btn
-                  v-btn--density-comfortable
-                  v-btn--disabled
-                  v-btn--icon
-                  v-btn--rounded
-                  v-btn--size-default
-                  v-btn--variant-plain
-                  v-theme--light
-                "
-                disabled=""
-                type="button"
-              >
-                <span class="v-btn__overlay"></span>
-                <span class="v-btn__underlay"></span>
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  <i
-                    aria-hidden="true"
-                    class="
-                      mdi
-                      mdi-page-last
-                      notranslate
-                      v-icon
-                      v-icon--size-default
-                      v-theme--light
-                    "
-                  ></i>
-                </span>
-                <!---->
-                <!---->
-              </button>
-            </li>
-          </ul>
-        </nav>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/stories/DesignTokens/ThemePA.mdx

@@ -1,35 +0,0 @@
-import {Meta, Source} from '@storybook/addon-docs/blocks';
-
-<Meta title="Design Tokens/Thème Portail Agent" />
-
-# Thème Portail Agent
-
-## Étapes pour changer le thème du Design System aux couleurs Portail Agent
-
-### 1. Modification du fichier nuxt.config.ts
-
-1.	Ouvrez le fichier nuxt.config.ts dans votre éditeur de code.
-2.	Remplacer la valeur du thème par défaut`defaultTheme` par le thème PA : `pa`.
-
-<Source dark code={`
-theme: {
-	defaultTheme: 'pa',
-	...
-}
-`}
-/>
-
-NB : les thèmes `customLightTheme` et `customDarkTheme` sont à votre disposition pour ajouter des couleurs supplémentaires.
-
-### 2. Relancer le projet
-
-Après avoir effectué les modifications dans le fichier de configuration, relancez le serveur de développement pour appliquer les changements :
-
-<Source dark code={`
-pnpm dev
-`}
-/>
-
-### 3. Vérification
-
-Une fois le projet redémarré, vérifiez que la charte PA est bien appliquée.