@lab-anssi/ui-kit 1.61.3 → 1.62.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/README.md +102 -21
  2. package/dist/assets/assets.d.ts +1 -0
  3. package/dist/assets/assets.js +1 -0
  4. package/dist/assets/dsfr-icons.css +1 -0
  5. package/dist/composants/Alerte.svelte +83 -0
  6. package/dist/composants/Alerte.svelte.d.ts +32 -0
  7. package/dist/composants/AncresParcours.svelte +132 -0
  8. package/dist/composants/AncresParcours.svelte.d.ts +11 -0
  9. package/dist/composants/BandeauPage.svelte +218 -0
  10. package/dist/composants/BandeauPage.svelte.d.ts +58 -0
  11. package/dist/composants/BlocFonctionnalites.svelte +570 -0
  12. package/dist/composants/BlocFonctionnalites.svelte.d.ts +105 -0
  13. package/dist/composants/Bouton.svelte +156 -0
  14. package/dist/composants/Bouton.svelte.d.ts +36 -0
  15. package/dist/composants/CentreAide.svelte +223 -0
  16. package/dist/composants/CentreAide.svelte.d.ts +41 -0
  17. package/dist/composants/FiltresCatalogue.svelte +147 -0
  18. package/dist/composants/FiltresCatalogue.svelte.d.ts +15 -0
  19. package/dist/composants/Icone.svelte +42 -0
  20. package/dist/composants/Icone.svelte.d.ts +7 -0
  21. package/dist/composants/Lien.svelte +233 -0
  22. package/dist/composants/Lien.svelte.d.ts +39 -0
  23. package/dist/composants/MultiSelect.svelte +931 -0
  24. package/dist/composants/MultiSelect.svelte.d.ts +51 -0
  25. package/dist/composants/Reactions.svelte +360 -0
  26. package/dist/composants/Reactions.svelte.d.ts +23 -0
  27. package/dist/composants/ResumePssi.svelte +92 -0
  28. package/dist/composants/ResumePssi.svelte.d.ts +6 -0
  29. package/dist/composants/Tag.svelte +113 -0
  30. package/dist/composants/Tag.svelte.d.ts +35 -0
  31. package/dist/composants/blog/BandeauTitre.svelte +150 -0
  32. package/dist/composants/blog/BandeauTitre.svelte.d.ts +29 -0
  33. package/dist/composants/blog/CarteArticle.svelte +69 -0
  34. package/dist/composants/blog/CarteArticle.svelte.d.ts +8 -0
  35. package/dist/composants/blog/IconeChevronBas.svelte +22 -0
  36. package/dist/composants/blog/IconeChevronBas.svelte.d.ts +26 -0
  37. package/dist/composants/blog/IconeMenuLateral.svelte +15 -0
  38. package/dist/composants/blog/IconeMenuLateral.svelte.d.ts +26 -0
  39. package/dist/composants/blog/ListeArticles.svelte +62 -0
  40. package/dist/composants/blog/ListeArticles.svelte.d.ts +9 -0
  41. package/dist/composants/blog/ListeDeroulante.svelte +57 -0
  42. package/dist/composants/blog/ListeDeroulante.svelte.d.ts +10 -0
  43. package/dist/composants/blog/PageCrisp.svelte +244 -0
  44. package/dist/composants/blog/PageCrisp.svelte.d.ts +8 -0
  45. package/dist/composants/blog/SommaireBureau.svelte +64 -0
  46. package/dist/composants/blog/SommaireBureau.svelte.d.ts +9 -0
  47. package/dist/composants/blog/SommaireMobile.svelte +115 -0
  48. package/dist/composants/blog/SommaireMobile.svelte.d.ts +9 -0
  49. package/dist/composants/carrousel-tuiles/CarrouselTuiles.svelte +184 -0
  50. package/dist/composants/carrousel-tuiles/CarrouselTuiles.svelte.d.ts +34 -0
  51. package/dist/composants/carrousel-tuiles/IconeFlecheDroite.svelte +16 -0
  52. package/dist/composants/carrousel-tuiles/IconeFlecheDroite.svelte.d.ts +26 -0
  53. package/dist/composants/carrousel-tuiles/IconeFlecheGauche.svelte +12 -0
  54. package/dist/composants/carrousel-tuiles/IconeFlecheGauche.svelte.d.ts +26 -0
  55. package/dist/composants/carrousel-tuiles/Tuile.svelte +72 -0
  56. package/dist/composants/carrousel-tuiles/Tuile.svelte.d.ts +10 -0
  57. package/dist/composants/icones/Fleche.svelte +25 -0
  58. package/dist/composants/icones/Fleche.svelte.d.ts +6 -0
  59. package/dist/composants/icones/LienExterne.svelte +20 -0
  60. package/dist/composants/icones/LienExterne.svelte.d.ts +6 -0
  61. package/dist/composants/marelle/Etape.svelte +165 -0
  62. package/dist/composants/marelle/Etape.svelte.d.ts +32 -0
  63. package/dist/composants/marelle/Marelle.svelte +97 -0
  64. package/dist/composants/marelle/Marelle.svelte.d.ts +44 -0
  65. package/dist/composants/mes-services-cyber/bandeau/Bandeau.svelte +158 -0
  66. package/dist/composants/mes-services-cyber/bandeau/Bandeau.svelte.d.ts +3 -0
  67. package/dist/composants/mes-services-cyber/lien/LienDiagnosticCyber.svelte +125 -0
  68. package/dist/composants/mes-services-cyber/lien/LienDiagnosticCyber.svelte.d.ts +7 -0
  69. package/dist/composants/pied-de-page/NavigationPiedDePage.svelte +62 -0
  70. package/dist/composants/pied-de-page/NavigationPiedDePage.svelte.d.ts +6 -0
  71. package/dist/composants/suite-cyber/AccueilSuiteCyber.svelte +96 -0
  72. package/dist/composants/suite-cyber/AccueilSuiteCyber.svelte.d.ts +6 -0
  73. package/dist/composants/suite-cyber/LiensSuiteCyber.svelte +99 -0
  74. package/dist/composants/suite-cyber/LiensSuiteCyber.svelte.d.ts +14 -0
  75. package/dist/composants/suite-cyber/SuiteCyber.svelte +296 -0
  76. package/dist/composants/suite-cyber/SuiteCyber.svelte.d.ts +6 -0
  77. package/dist/composants/vitrines-produits/briques/Brique.svelte +50 -0
  78. package/dist/composants/vitrines-produits/briques/Brique.svelte.d.ts +9 -0
  79. package/dist/composants/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte +144 -0
  80. package/dist/composants/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte.d.ts +29 -0
  81. package/dist/composants/vitrines-produits/briques/BriqueHero.svelte +246 -0
  82. package/dist/composants/vitrines-produits/briques/BriqueHero.svelte.d.ts +31 -0
  83. package/dist/composants/vitrines-produits/briques/BriqueTitreMultimedia.svelte +50 -0
  84. package/dist/composants/vitrines-produits/briques/BriqueTitreMultimedia.svelte.d.ts +25 -0
  85. package/dist/composants/vitrines-produits/briques/LecteurVideo.svelte +14 -0
  86. package/dist/composants/vitrines-produits/briques/LecteurVideo.svelte.d.ts +9 -0
  87. package/dist/composants/vitrines-produits/briques/PresentationANSSI.svelte +148 -0
  88. package/dist/composants/vitrines-produits/briques/PresentationANSSI.svelte.d.ts +37 -0
  89. package/dist/composants/vitrines-produits/briques/RejoindreLaCommunaute.svelte +139 -0
  90. package/dist/composants/vitrines-produits/briques/RejoindreLaCommunaute.svelte.d.ts +36 -0
  91. package/dist/composants/vitrines-produits/briques/temoignages/IconeTemoignage.svelte +18 -0
  92. package/dist/composants/vitrines-produits/briques/temoignages/IconeTemoignage.svelte.d.ts +26 -0
  93. package/dist/composants/vitrines-produits/briques/temoignages/Temoignages.svelte +168 -0
  94. package/dist/composants/vitrines-produits/briques/temoignages/Temoignages.svelte.d.ts +13 -0
  95. package/dist/directives/actions.svelte.d.ts +32 -0
  96. package/dist/directives/actions.svelte.js +158 -0
  97. package/dist/dsfr/DsfrAccordion.svelte +889 -0
  98. package/dist/dsfr/DsfrAccordion.svelte.d.ts +40 -0
  99. package/dist/dsfr/DsfrAlert.svelte +2097 -0
  100. package/dist/dsfr/DsfrAlert.svelte.d.ts +36 -0
  101. package/dist/dsfr/DsfrBadge.svelte +532 -0
  102. package/dist/dsfr/DsfrBadge.svelte.d.ts +41 -0
  103. package/dist/dsfr/DsfrBadgesGroup.svelte +610 -0
  104. package/dist/dsfr/DsfrBadgesGroup.svelte.d.ts +25 -0
  105. package/dist/dsfr/DsfrBreadcrumb.svelte +657 -0
  106. package/dist/dsfr/DsfrBreadcrumb.svelte.d.ts +25 -0
  107. package/dist/dsfr/DsfrButton.svelte +1821 -0
  108. package/dist/dsfr/DsfrButton.svelte.d.ts +68 -0
  109. package/dist/dsfr/DsfrButtonsGroup.svelte +1896 -0
  110. package/dist/dsfr/DsfrButtonsGroup.svelte.d.ts +36 -0
  111. package/dist/dsfr/DsfrCallout.svelte +242 -0
  112. package/dist/dsfr/DsfrCallout.svelte.d.ts +46 -0
  113. package/dist/dsfr/DsfrCard.svelte +10223 -0
  114. package/dist/dsfr/DsfrCard.svelte.d.ts +102 -0
  115. package/dist/dsfr/DsfrCheckbox.svelte +1280 -0
  116. package/dist/dsfr/DsfrCheckbox.svelte.d.ts +69 -0
  117. package/dist/dsfr/DsfrCheckboxesGroup.svelte +1532 -0
  118. package/dist/dsfr/DsfrCheckboxesGroup.svelte.d.ts +73 -0
  119. package/dist/dsfr/DsfrConnect.svelte +511 -0
  120. package/dist/dsfr/DsfrConnect.svelte.d.ts +15 -0
  121. package/dist/dsfr/DsfrContainer.svelte +894 -0
  122. package/dist/dsfr/DsfrContainer.svelte.d.ts +31 -0
  123. package/dist/dsfr/DsfrContent.svelte +1140 -0
  124. package/dist/dsfr/DsfrContent.svelte.d.ts +60 -0
  125. package/dist/dsfr/DsfrDropdown.svelte +335 -0
  126. package/dist/dsfr/DsfrDropdown.svelte.d.ts +73 -0
  127. package/dist/dsfr/DsfrFooter.svelte +2370 -0
  128. package/dist/dsfr/DsfrFooter.svelte.d.ts +77 -0
  129. package/dist/dsfr/DsfrHeader.svelte +4162 -0
  130. package/dist/dsfr/DsfrHeader.svelte.d.ts +131 -0
  131. package/dist/dsfr/DsfrHighlight.svelte +294 -0
  132. package/dist/dsfr/DsfrHighlight.svelte.d.ts +33 -0
  133. package/dist/dsfr/DsfrInput.svelte +1270 -0
  134. package/dist/dsfr/DsfrInput.svelte.d.ts +86 -0
  135. package/dist/dsfr/DsfrLabel.svelte +438 -0
  136. package/dist/dsfr/DsfrLabel.svelte.d.ts +65 -0
  137. package/dist/dsfr/DsfrLink.svelte +1007 -0
  138. package/dist/dsfr/DsfrLink.svelte.d.ts +66 -0
  139. package/dist/dsfr/DsfrLogo.svelte +228 -0
  140. package/dist/dsfr/DsfrLogo.svelte.d.ts +11 -0
  141. package/dist/dsfr/DsfrMessagesGroup.svelte +260 -0
  142. package/dist/dsfr/DsfrMessagesGroup.svelte.d.ts +46 -0
  143. package/dist/dsfr/DsfrModal.svelte +2983 -0
  144. package/dist/dsfr/DsfrModal.svelte.d.ts +56 -0
  145. package/dist/dsfr/DsfrNavigation.svelte +7626 -0
  146. package/dist/dsfr/DsfrNotice.svelte +2948 -0
  147. package/dist/dsfr/DsfrNotice.svelte.d.ts +37 -0
  148. package/dist/dsfr/DsfrPagination.svelte +1036 -0
  149. package/dist/dsfr/DsfrPagination.svelte.d.ts +35 -0
  150. package/dist/dsfr/DsfrQuote.svelte +646 -0
  151. package/dist/dsfr/DsfrQuote.svelte.d.ts +29 -0
  152. package/dist/dsfr/DsfrRadio.svelte +1307 -0
  153. package/dist/dsfr/DsfrRadio.svelte.d.ts +37 -0
  154. package/dist/dsfr/DsfrRadiosGroup.svelte +1629 -0
  155. package/dist/dsfr/DsfrRadiosGroup.svelte.d.ts +76 -0
  156. package/dist/dsfr/DsfrRange.svelte +1329 -0
  157. package/dist/dsfr/DsfrRange.svelte.d.ts +77 -0
  158. package/dist/dsfr/DsfrSearch.svelte +2015 -0
  159. package/dist/dsfr/DsfrSearch.svelte.d.ts +51 -0
  160. package/dist/dsfr/DsfrSegmented.svelte +422 -0
  161. package/dist/dsfr/DsfrSegmented.svelte.d.ts +34 -0
  162. package/dist/dsfr/DsfrSelect.svelte +1068 -0
  163. package/dist/dsfr/DsfrSelect.svelte.d.ts +86 -0
  164. package/dist/dsfr/DsfrShare.svelte +2228 -0
  165. package/dist/dsfr/DsfrShare.svelte.d.ts +40 -0
  166. package/dist/dsfr/DsfrSideMenu.svelte +1211 -0
  167. package/dist/dsfr/DsfrSideMenu.svelte.d.ts +34 -0
  168. package/dist/dsfr/DsfrSkipLink.svelte +990 -0
  169. package/dist/dsfr/DsfrSkipLink.svelte.d.ts +13 -0
  170. package/dist/dsfr/DsfrStepper.svelte +340 -0
  171. package/dist/dsfr/DsfrStepper.svelte.d.ts +18 -0
  172. package/dist/dsfr/DsfrTable.svelte +829 -0
  173. package/dist/dsfr/DsfrTable.svelte.d.ts +202 -0
  174. package/dist/dsfr/DsfrTabnav.svelte +1149 -0
  175. package/dist/dsfr/DsfrTabnav.svelte.d.ts +36 -0
  176. package/dist/dsfr/DsfrTabs.svelte +925 -0
  177. package/dist/dsfr/DsfrTabs.svelte.d.ts +28 -0
  178. package/dist/dsfr/DsfrTag.svelte +1269 -0
  179. package/dist/dsfr/DsfrTag.svelte.d.ts +59 -0
  180. package/dist/dsfr/DsfrTagsGroup.svelte +1351 -0
  181. package/dist/dsfr/DsfrTagsGroup.svelte.d.ts +37 -0
  182. package/dist/dsfr/DsfrTextarea.svelte +1385 -0
  183. package/dist/dsfr/DsfrTextarea.svelte.d.ts +72 -0
  184. package/dist/dsfr/DsfrTile.svelte +7645 -0
  185. package/dist/dsfr/DsfrTile.svelte.d.ts +79 -0
  186. package/dist/dsfr/DsfrToggle.svelte +1453 -0
  187. package/dist/dsfr/DsfrToggle.svelte.d.ts +56 -0
  188. package/dist/dsfr/DsfrTooltip.svelte +396 -0
  189. package/dist/dsfr/DsfrTooltip.svelte.d.ts +36 -0
  190. package/dist/dsfr/DsfrTranscription.svelte +2962 -0
  191. package/dist/dsfr/DsfrTranscription.svelte.d.ts +39 -0
  192. package/dist/dsfr/DsfrTranslate.svelte +1384 -0
  193. package/dist/dsfr/DsfrTranslate.svelte.d.ts +19 -0
  194. package/dist/dsfr/DsfrUser.svelte +736 -0
  195. package/dist/dsfr/DsfrUser.svelte.d.ts +65 -0
  196. package/dist/index.d.ts +79 -0
  197. package/dist/index.js +79 -0
  198. package/dist/styles/apparence-bouton.scss +154 -0
  199. package/dist/styles/dsfr-icons.css +1 -0
  200. package/dist/styles/dsfr-icons.scss +4 -0
  201. package/dist/styles/dsfr-variables.scss +28 -0
  202. package/dist/styles/mixins-dsfr.scss +226 -0
  203. package/dist/styles/mixins.scss +51 -0
  204. package/dist/types/commun.d.ts +63 -0
  205. package/dist/types/commun.js +1 -0
  206. package/dist/types/global.d.ts +24 -0
  207. package/dist/types/global.js +9 -0
  208. package/dist/types/index.d.ts +2 -0
  209. package/dist/types/index.js +1 -0
  210. package/dist/ui-kit-components.json +142 -100
  211. package/dist/utilitaires/createFormValidation.svelte.d.ts +34 -0
  212. package/dist/utilitaires/createFormValidation.svelte.js +183 -0
  213. package/dist/utilitaires/icons-stylesheet.d.ts +370 -0
  214. package/dist/utilitaires/icons-stylesheet.js +33 -0
  215. package/dist/utilitaires/index.d.ts +14 -0
  216. package/dist/utilitaires/index.js +26 -0
  217. package/dist/web-types.json +149 -101
  218. package/dist/webcomponents/lab-anssi-ui-kit.iife.js +36 -9
  219. package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts +42 -24
  220. package/package.json +49 -43
  221. package/dist/index.html +0 -0
@@ -0,0 +1,73 @@
1
+ import type { Size, TextSize, TextWeight } from "../types";
2
+ type CheckboxesSize = Extract<Size, "sm" | "md">;
3
+ type SelectedValues = string[];
4
+ type Checkbox = {
5
+ label: string;
6
+ id: string;
7
+ name?: string;
8
+ value: string;
9
+ hint?: string;
10
+ disabled?: boolean;
11
+ form?: string;
12
+ required?: boolean;
13
+ };
14
+ interface Props {
15
+ /** Attribut id du formulaire */
16
+ id: string;
17
+ /** Légende de l'ensemble des checkboxes */
18
+ legend: string;
19
+ /** Liste de checkbox */
20
+ checkboxes: Checkbox[];
21
+ /** Texte additionnel sous la légende */
22
+ hint?: string;
23
+ /** Taille des checkboxes */
24
+ size?: CheckboxesSize;
25
+ /** Eléments du formulaire en ligne */
26
+ inline?: boolean;
27
+ /** Désactive l'ensemble des checkboxes */
28
+ disabled?: boolean;
29
+ /** Valeur des checkboxes */
30
+ values?: SelectedValues;
31
+ /** Statut du message */
32
+ status?: "default" | "valid" | "error";
33
+ /** Texte du message d'erreur */
34
+ errorMessage?: string;
35
+ /** Texte du message de succès */
36
+ validMessage?: string;
37
+ /** Attribut name du composant */
38
+ name?: string;
39
+ /** Attribut form du composant */
40
+ form?: string;
41
+ /** Rend le groupe de checkboxes obligatoire (au moins une sélection requise) */
42
+ required?: boolean;
43
+ /** `ElementInternals` interface pour l'association du composant aux formulaires */
44
+ internals?: ElementInternals;
45
+ /** Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur la légende */
46
+ legendSize?: TextSize;
47
+ /** Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur la légende */
48
+ legendWeight?: TextWeight;
49
+ /** Callback appelé lors du changement des valeurs sélectionnées */
50
+ onvalueschanged?: (values: string[]) => void;
51
+ }
52
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
53
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
54
+ $$bindings?: Bindings;
55
+ } & Exports;
56
+ (internal: unknown, props: Props & {
57
+ $$events?: Events;
58
+ $$slots?: Slots;
59
+ }): Exports & {
60
+ $set?: any;
61
+ $on?: any;
62
+ };
63
+ z_$$bindings?: Bindings;
64
+ }
65
+ declare const DsfrCheckboxesGroup: $$__sveltets_2_IsomorphicComponent<Props, {
66
+ [evt: string]: CustomEvent<any>;
67
+ }, {
68
+ 'messages-group': {};
69
+ }, {
70
+ setCustomValidity: (message: string) => void;
71
+ }, "values">;
72
+ type DsfrCheckboxesGroup = InstanceType<typeof DsfrCheckboxesGroup>;
73
+ export default DsfrCheckboxesGroup;
@@ -0,0 +1,511 @@
1
+ <svelte:options
2
+ customElement={{
3
+ tag: "dsfr-connect",
4
+ props: {
5
+ id: { attribute: "id", type: "String" },
6
+ href: { attribute: "href", type: "String" },
7
+ variant: { attribute: "variant", type: "String" },
8
+ markup: { attribute: "markup", type: "String" },
9
+ disabled: { attribute: "disabled", type: "Boolean" },
10
+ },
11
+ }}
12
+ />
13
+
14
+ <script lang="ts">import DsfrLink from "./DsfrLink.svelte";
15
+ let { id, href, variant = "pro", markup = "a", disabled } = $props();
16
+ const brand = $derived.by(() => {
17
+ switch (variant) {
18
+ case "pro": return {
19
+ name: "ProConnect",
20
+ label: "ProConnect",
21
+ href: "https://www.proconnect.gouv.fr/"
22
+ };
23
+ case "plus": return {
24
+ name: "FranceConnect+",
25
+ label: "FranceConnect",
26
+ href: "https://franceconnect.gouv.fr/franceconnect-plus"
27
+ };
28
+ default: return {
29
+ name: "FranceConnect",
30
+ label: "FranceConnect",
31
+ href: "https://franceconnect.gouv.fr/"
32
+ };
33
+ }
34
+ });
35
+ </script>
36
+
37
+ <div class="fr-connect-group">
38
+ <svelte:element
39
+ this={markup}
40
+ {id}
41
+ href={markup === "a" && href && !disabled ? href : undefined}
42
+ class="fr-connect"
43
+ class:fr-connect--plus={variant === "plus"}
44
+ class:fr-connect--pro={variant === "pro"}
45
+ type={markup === "button" ? "button" : undefined}
46
+ disabled={markup === "button" && disabled ? true : undefined}
47
+ >
48
+ <span class="fr-connect__login">S'identifier avec</span>
49
+ <span class="fr-connect__brand">{brand.label}</span>
50
+ </svelte:element>
51
+ <p>
52
+ <DsfrLink
53
+ href={brand.href}
54
+ label={`Qu’est-ce que ${brand.name} ?`}
55
+ blank={true}
56
+ title={`Qu’est-ce que ${brand.name} ? - nouvelle fenêtre`}
57
+ size="sm"
58
+ {disabled}
59
+ />
60
+ </p>
61
+ </div>
62
+
63
+ <style>@charset "UTF-8";
64
+ /*!
65
+ * DSFR v1.14.4 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
66
+ */
67
+ /* ¯¯¯¯¯¯¯¯¯ *\
68
+ CONNECT
69
+ \* ˍˍˍˍˍˍˍˍˍ */
70
+ .fr-connect {
71
+ position: relative;
72
+ padding: 0.625em 0.75em 0.625em 4em;
73
+ display: inline-flex;
74
+ flex-direction: column;
75
+ align-items: flex-start;
76
+ justify-content: center;
77
+ margin-bottom: 0.75rem;
78
+
79
+ --underline-img: none;
80
+ --hover-tint: var(--hover);
81
+ --active-tint: var(--active);
82
+ --external-link-content: none;
83
+ background-color: var(--background-action-high-blue-france);
84
+
85
+ --idle: transparent;
86
+ --hover: var(--background-action-high-blue-france-hover);
87
+ --active: var(--background-action-high-blue-france-active);
88
+ color: var(--text-inverted-blue-france);
89
+ }
90
+
91
+ .fr-connect:hover {
92
+ background-color: var(--hover-tint);
93
+ }
94
+
95
+ .fr-connect:active {
96
+ background-color: var(--active-tint);
97
+ }
98
+
99
+ .fr-connect::before {
100
+ content: "";
101
+ display: block;
102
+ position: absolute;
103
+ top: 50%;
104
+ bottom: 0.25em;
105
+ left: 0.75em;
106
+ width: 2.5em;
107
+ height: 3em;
108
+ margin-top: -1.5em;
109
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath fill='%232a2f82' d='M34.965 15.1 19.971 6.423 4.977 15.184a.606.606 0 0 0-.306.524v16.948a.666.666 0 0 0 .306.524l14.992 8.6 14.994-8.706a.665.665 0 0 0 .306-.524V15.628a.605.605 0 0 0-.304-.528Z'/%3E%3Cpath fill='%23df1f26' d='m14.614 15.6-5.029 8.628-4.557-9.175 5.39-3.113 4.489 3.16ZM35.27 32.58V15.622a.6.6 0 0 0-.306-.523L19.971 6.423'/%3E%3Cpath fill='%232e65b0' d='m4.673 32.58 15.3-26.157v35.362L4.977 33.18a.666.666 0 0 1-.306-.524V15.708Zm24.669-20.735L34.8 15l-4.489 9.15-5.387-9.236Z'/%3E%3Cpath fill='%23fff' d='m39.606 12.305-19.19-11.02a.933.933 0 0 0-.832 0L.394 12.305A.886.886 0 0 0 0 13v22a.886.886 0 0 0 .394.7l19.189 11.02a.933.933 0 0 0 .832 0L39.606 35.7A.886.886 0 0 0 40 35V13a.886.886 0 0 0-.394-.695ZM10.762 30.061h.079c-.042 0-.079.007-.079.05 0 .1.151 0 .2.1a.912.912 0 0 0-.629.276c0 .051.1.051.151.051-.075.1-.226.05-.277.151a.177.177 0 0 0 .1.05c-.05 0-.1 0-.1.051v.151c-.126 0-.176.1-.277.151.2.151.327 0 .528 0-.528.2-.956.478-1.484.629-.1 0 0 .151-.1.151.151.1.227-.05.377-.05-.654.377-1.333.7-2.037 1.132a.351.351 0 0 0-.1.2h-.2c-.1.05-.05.176-.151.277.226.151.5-.2.654 0 .05 0-.1.05-.2.05-.05 0-.05.1-.1.1h-.154c-.1.075-.2.126-.2.276a.219.219 0 0 0-.226.1 9.034 9.034 0 0 0 3.144-.578 7.685 7.685 0 0 0 2.088-1.559.176.176 0 0 1 .05.1 2.168 2.168 0 0 1-.806 1.08c-.277.151-.478.377-.7.478a4.045 4.045 0 0 0-.428.276 10.761 10.761 0 0 1-1.939.412l-.305.044c-.225.033-.449.069-.671.108L4.977 33.18a.648.648 0 0 1-.288-.411.574.574 0 0 0 .094-.063.265.265 0 0 0-.113-.071v-.65a12.786 12.786 0 0 0 3.038-.942A8.746 8.746 0 0 0 4.671 29.7v-1.515a11.662 11.662 0 0 1 1.639.392 6.415 6.415 0 0 1 1.182.578 3.113 3.113 0 0 0 .478.377.91.91 0 0 0 .8.05h.33a3.961 3.961 0 0 0 1.937-.905c0 .05.05.05.1.05a3.63 3.63 0 0 1-.428 1.132c.003.051-.048.152.053.202Zm2.817 3.571c.251-.1.4-.277.629-.377-.05.05-.05.151-.1.2a3.691 3.691 0 0 0-.528.4 15.96 15.96 0 0 0-1.585 1.61c-.252.3-.528.578-.8.855a2.385 2.385 0 0 1-.31.245l-2.527-1.45a4.047 4.047 0 0 0 1.076-.053 4.984 4.984 0 0 0 .855-.327v.1c.7-.277 1.232-.906 1.937-1.132.025 0 .126.1.226.05a1.883 1.883 0 0 1 1.509-.7c0 .05 0 .1.05.1h.025c-.151.126-.327.251-.5.377-.057.052-.007.102.043.102Zm-8.908-6.164v-.186a5.814 5.814 0 0 1 1.588-.188 1.52 1.52 0 0 1 .478 0 5.861 5.861 0 0 0-2.066.374Zm30.6 5.088a.665.665 0 0 1-.306.524l-10.079 5.851a32.3 32.3 0 0 1-3.408-1.185 2.826 2.826 0 0 1-.05-2.245 3.794 3.794 0 0 1 .352-.883c.025-.025.05-.05.05-.076a.025.025 0 0 0 .025-.025 4.316 4.316 0 0 1 .377-.555l.015-.015.02-.021.015-.015c0-.025.025-.05.05-.076.025-.051.075-.076.1-.126a3.771 3.771 0 0 1 .579-.5 4.07 4.07 0 0 1 .654-.177 19.817 19.817 0 0 1 2.415.328.751.751 0 0 1 .277.1 1.849 1.849 0 0 0 .905-.05 1.137 1.137 0 0 0 .855-.706 1.212 1.212 0 0 0 .05-1.059c-.178-.276-.013-.437.181-.59l.068-.055a1.17 1.17 0 0 0 .231-.216c.126-.252-.1-.4-.151-.63-.05-.1-.226-.05-.327-.2.352-.151.855-.429.629-.857-.151-.227-.377-.63-.1-.857.352-.2.855-.151 1.006-.479a1.138 1.138 0 0 0-.292-1.085l-.075-.108a4.754 4.754 0 0 1-.211-.32 6.914 6.914 0 0 0-.528-.757 4.3 4.3 0 0 1-.528-1.009c-.151-.378.05-.706.05-1.084a6.347 6.347 0 0 0-.327-2.144c-.126-.353-.176-.731-.327-1.059a1.12 1.12 0 0 0-.226-.58.375.375 0 0 1 0-.328 4.874 4.874 0 0 0 .579-.479.567.567 0 0 0-.2-.706c-.327-.151-.3.328-.528.429h-.151c-.05-.126.05-.177.151-.277 0-.05 0-.151-.05-.151-.2 0-.377-.051-.428-.151a3.957 3.957 0 0 0-1.861-1.286 2.319 2.319 0 0 0 .579.1 1.67 1.67 0 0 0 1.006-.1c.227-.076.277-.479.377-.706a.8.8 0 0 0-.151-.631 2.189 2.189 0 0 0-.906-.756 9.13 9.13 0 0 1-.679-.353.952.952 0 0 0-.251-.126c-2.965-1.485-9.069-.2-9.534 0h-.009a8.244 8.244 0 0 0-1.249.475 3.922 3.922 0 0 0-2.365 2.465 3.829 3.829 0 0 0-1.333 1.509c-.428.8-1.056 1.509-.956 2.414.1.78.277 1.484.428 2.289a4.668 4.668 0 0 0 .2.8c.1.276 0 .629.151.855.075.151.025.327.227.428v.2c.05.05.05.1.151.1v.2a6.446 6.446 0 0 1 1.107 1.434c.1.276-.478.151-.7.05a5.979 5.979 0 0 1-1.132-.956.175.175 0 0 0-.051.1c.2.352.906.78.528 1.006-.2.1-.428-.151-.629.051-.05.075 0 .176 0 .276-.277-.2-.578-.1-.855-.2-.2-.05-.252-.427-.478-.427a15.162 15.162 0 0 0-1.811-.327 15.137 15.137 0 0 0-1.739-.159V15.708a.606.606 0 0 1 .306-.524l14.987-8.761L34.965 15.1a.605.605 0 0 1 .306.524Zm-7.954-8.261a.325.325 0 0 1-.282.149 2.843 2.843 0 0 0-.282.273c.1 0 0 .149.1.149-.205.223.077.694-.205.793a2.176 2.176 0 0 1-1.127 0 .722.722 0 0 1 .167-.016h.085a.382.382 0 0 0 .337-.132v-.2c0-.05-.051-.05-.1-.05a.161.161 0 0 1-.1.05.223.223 0 0 0-.154-.2.807.807 0 0 1-.718-.273.67.67 0 0 1 .436-.05c.128 0 .077-.223.231-.322h.154c.307-.372.871-.471.974-.843 0-.1-.282-.1-.487-.149a2.259 2.259 0 0 0-.82.05 4.65 4.65 0 0 0-1.051.273 3.225 3.225 0 0 1 .923-.471 3.886 3.886 0 0 1 .718-.2l.132-.026.133-.027a.971.971 0 0 1 .556 0c.231.1.615.1.666.248.1.273-.154.545-.435.744-.057.081.148.135.148.23Z'/%3E%3C/svg%3E");
110
+ background-repeat: no-repeat;
111
+ background-position: 50% 50%;
112
+ background-size: 2.5em 3em;
113
+ }
114
+
115
+ .fr-connect__login,
116
+ .fr-connect__brand {
117
+ line-height: 1;
118
+ z-index: 1;
119
+ white-space: nowrap;
120
+ }
121
+
122
+ .fr-connect__login {
123
+ font-size: 1.0625em;
124
+ }
125
+
126
+ .fr-connect__brand {
127
+ font-weight: bold;
128
+ font-size: 1.125em;
129
+ }
130
+
131
+ .fr-connect--plus {
132
+ padding-right: 3em;
133
+ }
134
+
135
+ .fr-connect--plus::after {
136
+ content: "+";
137
+ display: block;
138
+ position: absolute;
139
+ right: 0.25em;
140
+ bottom: 0;
141
+ font-size: 3em;
142
+ font-weight: bold;
143
+ line-height: 1;
144
+ transform: translate(5%, -17%);
145
+ }
146
+
147
+ .fr-connect-group {
148
+ --text-spacing: 0 0 1rem 0;
149
+ }
150
+
151
+ .fr-connect-group p {
152
+ font-size: 0.75rem;
153
+ line-height: 1.25rem;
154
+ color: var(--text-mention-grey);
155
+ }
156
+
157
+ .fr-connect-group .fr-connect + p a {
158
+ font-size: 0.875rem;
159
+ line-height: 1.5rem;
160
+ color: var(--text-action-high-blue-france);
161
+ }
162
+
163
+ .fr-connect:disabled,
164
+ a.fr-connect:not([href]) {
165
+ background-color: var(--background-disabled-grey);
166
+
167
+ --idle: transparent;
168
+ --hover: var(--background-disabled-grey-hover);
169
+ --active: var(--background-disabled-grey-active);
170
+ color: var(--text-disabled-grey);
171
+ }
172
+ @media (min-width: 36em) {
173
+ /*! media sm */
174
+ }
175
+ @media (min-width: 48em) {
176
+ /*! media md */
177
+ }
178
+ @media (min-width: 62em) {
179
+ /*! media lg */
180
+ }
181
+ @media (min-width: 78em) {
182
+ /*! media xl */
183
+ }
184
+ @media (-ms-high-contrast: active), (forced-colors: active) {
185
+ .fr-connect {
186
+ border: 1px solid;
187
+ }
188
+
189
+ .fr-connect__login,
190
+ .fr-connect__brand {
191
+ line-height: 1.1;
192
+ }
193
+
194
+ .fr-connect--plus::after {
195
+ forced-color-adjust: none;
196
+ color: buttontext;
197
+ }
198
+
199
+ .fr-connect-group .fr-connect + p a {
200
+ text-decoration: underline;
201
+ text-underline-offset: 5px;
202
+ }
203
+ }
204
+ a {
205
+ text-decoration: var(--text-decoration);
206
+ color: inherit;
207
+ }
208
+ @media (-ms-high-contrast: active), (forced-colors: active) {
209
+ a:not([href]) {
210
+ color: graytext;
211
+ }
212
+ }
213
+
214
+ :root {
215
+ --underline-max-width: 100%;
216
+ --underline-hover-width: 0;
217
+ --underline-idle-width: var(--underline-max-width);
218
+ --underline-x: calc(var(--underline-max-width) * 0);
219
+ --underline-thickness: 0.0625em;
220
+ --underline-img: linear-gradient(0deg, currentColor, currentColor);
221
+ --external-link-content: '';
222
+ --text-decoration: none;
223
+ }
224
+
225
+ [href] {
226
+ background-image: var(--underline-img), var(--underline-img);
227
+ background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
228
+ background-repeat: no-repeat, no-repeat;
229
+ transition: background-size 0s;
230
+ background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
231
+ }
232
+ @media (-ms-high-contrast: active), (forced-colors: active) {
233
+ [href], [href]:visited {
234
+ color: linktext;
235
+ }
236
+ }
237
+
238
+ [target=_blank]::after {
239
+ flex: 0 0 auto;
240
+ display: inline-block;
241
+ vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
242
+ background-color: currentColor;
243
+ width: var(--icon-size);
244
+ height: var(--icon-size);
245
+ -webkit-mask-size: 100% 100%;
246
+ mask-size: 100% 100%;
247
+ }
248
+ [target=_blank]::after {
249
+ --icon-size: 1rem;
250
+ }
251
+ [target=_blank]::after {
252
+ -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
253
+ mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
254
+ }
255
+ @media (-ms-high-contrast: active), (forced-colors: active) {
256
+ [target=_blank]::after {
257
+ forced-color-adjust: none;
258
+ background-color: linktext;
259
+ }
260
+ }
261
+ [target=_blank]::after {
262
+ content: var(--external-link-content);
263
+ margin-left: 0.25rem;
264
+ }
265
+ [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
266
+ flex: 0 0 auto;
267
+ display: inline-block;
268
+ vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
269
+ background-color: currentColor;
270
+ width: var(--icon-size);
271
+ height: var(--icon-size);
272
+ -webkit-mask-size: 100% 100%;
273
+ mask-size: 100% 100%;
274
+ }
275
+ [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
276
+ --icon-size: 1rem;
277
+ }
278
+ [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
279
+ -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
280
+ mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
281
+ }
282
+ @media (-ms-high-contrast: active), (forced-colors: active) {
283
+ [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
284
+ forced-color-adjust: none;
285
+ background-color: linktext;
286
+ }
287
+ }
288
+ [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
289
+ content: var(--external-link-content);
290
+ margin-left: 0.25rem;
291
+ }
292
+
293
+ form[target=_blank]::after {
294
+ content: none;
295
+ }
296
+
297
+ .fr-raw-link {
298
+ --text-decoration: none;
299
+ }
300
+ .fr-raw-link[href],
301
+ .fr-raw-link [href] {
302
+ --underline-img: none;
303
+ --external-link-content: none;
304
+ }
305
+
306
+ .fr-reset-link {
307
+ --text-decoration: underline;
308
+ }
309
+ .fr-reset-link[href],
310
+ .fr-reset-link [href] {
311
+ --underline-img: none;
312
+ text-underline-offset: 2px;
313
+ }
314
+
315
+ button {
316
+ -webkit-appearance: none;
317
+ -moz-appearance: none;
318
+ appearance: none;
319
+ border: none;
320
+ margin: 0;
321
+ color: inherit;
322
+ background-color: transparent;
323
+ font-family: inherit;
324
+ font-size: inherit;
325
+ }
326
+ @media (-ms-high-contrast: active), (forced-colors: active) {
327
+ button {
328
+ color: buttontext;
329
+ }
330
+ }
331
+
332
+ @media (-ms-high-contrast: active), (forced-colors: active) {
333
+ button:disabled {
334
+ color: graytext;
335
+ }
336
+ }
337
+
338
+ input[type=range]:focus::-webkit-slider-thumb {
339
+ outline-offset: 2px;
340
+ outline-width: 2px;
341
+ outline-color: #0a76f6;
342
+ }
343
+
344
+ input[type=range]:focus::-moz-range-thumb {
345
+ outline-offset: 2px;
346
+ outline-width: 2px;
347
+ outline-color: #0a76f6;
348
+ }
349
+
350
+ input[type=range]:focus::-ms-thumb {
351
+ outline-offset: 2px;
352
+ outline-width: 2px;
353
+ outline-color: #0a76f6;
354
+ }
355
+
356
+ a:focus, button:focus, input:focus, input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before, input[type=button]:focus, input[type=image]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus, textarea:focus, [tabindex]:focus, video:focus[controls], audio:focus[controls], [contenteditable]:not([contenteditable=false]):focus, details:focus, details > summary:first-of-type:focus {
357
+ outline-offset: 2px;
358
+ outline-width: 2px;
359
+ outline-color: #0a76f6;
360
+ }
361
+
362
+ input[type=range]:focus::-webkit-slider-thumb {
363
+ outline-style: solid;
364
+ }
365
+
366
+ input[type=range]:focus::-moz-range-thumb {
367
+ outline-style: solid;
368
+ }
369
+
370
+ input[type=range]:focus::-ms-thumb {
371
+ outline-style: solid;
372
+ }
373
+
374
+ a:focus, button:focus, input:focus, input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before, input[type=button]:focus, input[type=image]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus, textarea:focus, [tabindex]:focus, video:focus[controls], audio:focus[controls], [contenteditable]:not([contenteditable=false]):focus, details:focus, details > summary:first-of-type:focus {
375
+ outline-style: solid;
376
+ }
377
+
378
+ input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb {
379
+ outline-style: none;
380
+ }
381
+
382
+ input[type=range]:focus:not(:focus-visible)::-moz-range-thumb {
383
+ outline-style: none;
384
+ }
385
+
386
+ input[type=range]:focus:not(:focus-visible)::-ms-thumb {
387
+ outline-style: none;
388
+ }
389
+
390
+ a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), input[type=checkbox]:focus:not(:focus-visible) + label::before, input[type=radio]:focus:not(:focus-visible) + label::before, input[type=button]:focus:not(:focus-visible), input[type=image]:focus:not(:focus-visible), input[type=reset]:focus:not(:focus-visible), input[type=submit]:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible), video:focus:not(:focus-visible)[controls], audio:focus:not(:focus-visible)[controls], [contenteditable]:not([contenteditable=false]):focus:not(:focus-visible), details:focus:not(:focus-visible), details > summary:first-of-type:focus:not(:focus-visible) {
391
+ outline-style: none;
392
+ }
393
+
394
+ input[type=range]:focus-visible::-webkit-slider-thumb {
395
+ outline-style: solid;
396
+ }
397
+
398
+ input[type=range]:focus-visible::-moz-range-thumb {
399
+ outline-style: solid;
400
+ }
401
+
402
+ input[type=range]:focus-visible::-ms-thumb {
403
+ outline-style: solid;
404
+ }
405
+
406
+ a:focus-visible, button:focus-visible, input:focus-visible, input[type=checkbox]:focus-visible + label::before, input[type=radio]:focus-visible + label::before, input[type=button]:focus-visible, input[type=image]:focus-visible, input[type=reset]:focus-visible, input[type=submit]:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, video:focus-visible[controls], audio:focus-visible[controls], [contenteditable]:not([contenteditable=false]):focus-visible, details:focus-visible, details > summary:first-of-type:focus-visible {
407
+ outline-style: solid;
408
+ }
409
+
410
+ a, button, input[type=checkbox], input[type=checkbox] + label, input[type=radio], input[type=radio] + label, input[type=file], input[type=range], input[type=button], input[type=image], input[type=reset], input[type=submit], select, video[controls], audio[controls], details, details > summary:first-of-type {
411
+ cursor: pointer;
412
+ }
413
+
414
+ input[type=range]:disabled::-webkit-slider-thumb, input[type=range]:disabled::-webkit-slider-thumb:active {
415
+ cursor: not-allowed;
416
+ }
417
+
418
+ input[type=range]:disabled::-moz-range-thumb, input[type=range]:disabled::-moz-range-thumb:active {
419
+ cursor: not-allowed;
420
+ }
421
+
422
+ input[type=range]:disabled::-ms-thumb, input[type=range]:disabled::-ms-thumb:active {
423
+ cursor: not-allowed;
424
+ }
425
+
426
+ a:not([href]), button:disabled, input:disabled, input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled, input[type=radio]:disabled + label, input[type=file]:disabled, input[type=range]:disabled, input[type=button]:disabled, input[type=image]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, select:disabled, textarea:disabled, video:not([href])[controls], audio:not([href])[controls] {
427
+ cursor: not-allowed;
428
+ }
429
+
430
+ input[type=range]::-webkit-slider-thumb {
431
+ cursor: grab;
432
+ }
433
+
434
+ input[type=range]::-moz-range-thumb {
435
+ cursor: grab;
436
+ }
437
+
438
+ input[type=range]::-ms-thumb {
439
+ cursor: grab;
440
+ }
441
+
442
+ input[type=range]::-webkit-slider-thumb:active {
443
+ cursor: grabbing;
444
+ }
445
+
446
+ input[type=range]::-moz-range-thumb:active {
447
+ cursor: grabbing;
448
+ }
449
+
450
+ input[type=range]::-ms-thumb:active {
451
+ cursor: grabbing;
452
+ }
453
+
454
+ /**
455
+ * Override de l'opacité chrome sur un élément disabled
456
+ */
457
+ a:not([href]), button:disabled, input:disabled, input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled, input[type=radio]:disabled + label, select:disabled, textarea:disabled, video:not([href]), audio:not([href]) {
458
+ opacity: 1;
459
+ }
460
+
461
+ p {
462
+ font-size: 1rem;
463
+ line-height: 1.5rem;
464
+ margin: var(--text-spacing);
465
+ }
466
+
467
+ *,
468
+ *::before,
469
+ *::after {
470
+ box-sizing: inherit;
471
+ }
472
+
473
+ :root {
474
+ box-sizing: border-box;
475
+ }
476
+
477
+ input,
478
+ select,
479
+ textarea,
480
+ label,
481
+ button,
482
+ a {
483
+ -webkit-tap-highlight-color: transparent;
484
+ }
485
+
486
+ :host {
487
+ display: block;
488
+ text-rendering: optimizeLegibility;
489
+ -webkit-font-smoothing: antialiased;
490
+ -moz-osx-font-smoothing: grayscale;
491
+ -webkit-text-size-adjust: 100%;
492
+ font-size: 1rem;
493
+ line-height: 1.5rem;
494
+ background-color: var(--background-default-grey);
495
+ --idle: transparent;
496
+ --hover: var(--background-default-grey-hover);
497
+ --active: var(--background-default-grey-active);
498
+ color: var(--text-default-grey);
499
+ background-color: transparent;
500
+ }
501
+
502
+ .fr-connect-group {
503
+ box-sizing: border-box;
504
+ }
505
+
506
+ .fr-connect--pro::before {
507
+ width: 3.375em !important;
508
+ background-size: 3.375em 3em !important;
509
+ left: 0.625em !important;
510
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2254%22%20height%3D%2248%22%20viewBox%3D%220%200%2054%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M34.992%2015.0979L19.998%206.42087L5.004%2015.1819C4.91144%2015.2346%204.83441%2015.3108%204.78069%2015.4028C4.72697%2015.4948%204.69845%2015.5993%204.698%2015.7059V32.6539C4.70386%2032.7592%204.73465%2032.8616%204.78786%2032.9527C4.84106%2033.0439%204.91514%2033.121%205.004%2033.1779L19.996%2041.7779L34.99%2033.0719C35.0789%2033.0151%2035.153%2032.9379%2035.2063%2032.8468C35.2595%2032.7557%2035.2902%2032.6532%2035.296%2032.5479V15.6259C35.2966%2015.5188%2035.2687%2015.4136%2035.2153%2015.3208C35.1619%2015.2281%2035.0848%2015.1511%2034.992%2015.0979Z%22%20fill%3D%22%23000091%22%2F%3E%0A%3Cpath%20d%3D%22M14.641%2015.5979L9.612%2024.2259L5.055%2015.0509L10.445%2011.9379L14.934%2015.0979L14.641%2015.5979ZM35.297%2032.5779V15.6199C35.297%2015.5134%2035.2686%2015.4088%2035.2149%2015.3169C35.1611%2015.225%2035.0838%2015.1491%2034.991%2015.0969L19.998%206.42087%22%20fill%3D%22%23FCC63A%22%2F%3E%0A%3Cpath%20d%3D%22M4.7%2032.5779L20%206.42087V41.7829L5.004%2033.1779C4.91514%2033.121%204.84106%2033.0439%204.78786%2032.9527C4.73465%2032.8616%204.70386%2032.7592%204.698%2032.6539V15.7059L4.7%2032.5779ZM29.369%2011.8429L34.827%2014.9979L30.338%2024.1479L24.951%2014.9119L29.369%2011.8429Z%22%20fill%3D%22%230063CB%22%2F%3E%0A%3Cpath%20d%3D%22M39.606%2012.3029L20.416%201.28287C20.2868%201.2185%2020.1444%201.185%2020%201.185C19.8556%201.185%2019.7132%201.2185%2019.584%201.28287L0.394%2012.3029C0.278488%2012.3798%200.182654%2012.4827%200.114219%2012.6034C0.0457831%2012.7242%200.00665952%2012.8593%200%2012.9979V34.9979C0.00588693%2035.1373%200.0446444%2035.2734%200.113114%2035.3951C0.181583%2035.5167%200.277826%2035.6205%200.394%2035.6979L19.583%2046.7179C19.7122%2046.7822%2019.8546%2046.8157%2019.999%2046.8157C20.1434%2046.8157%2020.2858%2046.7822%2020.415%2046.7179L39.606%2035.6979C39.7222%2035.6205%2039.8184%2035.5167%2039.8869%2035.3951C39.9554%2035.2734%2039.9941%2035.1373%2040%2034.9979V12.9979C39.9933%2012.8593%2039.9542%2012.7242%2039.8858%2012.6034C39.8173%2012.4827%2039.7215%2012.3798%2039.606%2012.3029ZM10.789%2030.0589H10.868C10.826%2030.0589%2010.789%2030.0659%2010.789%2030.1089C10.789%2030.2089%2010.94%2030.1089%2010.989%2030.2089C10.7514%2030.2154%2010.5257%2030.3144%2010.36%2030.4849C10.36%2030.5359%2010.46%2030.5359%2010.511%2030.5359C10.436%2030.6359%2010.285%2030.5859%2010.234%2030.6869C10.2611%2030.7139%2010.2961%2030.7314%2010.334%2030.7369C10.284%2030.7369%2010.234%2030.7369%2010.234%2030.7879V30.9389C10.108%2030.9389%2010.058%2031.0389%209.957%2031.0899C10.157%2031.2409%2010.284%2031.0899%2010.485%2031.0899C9.957%2031.2899%209.529%2031.5679%209.001%2031.7189C8.901%2031.7189%209.001%2031.8699%208.901%2031.8699C9.052%2031.9699%209.128%2031.8199%209.278%2031.8199C8.624%2032.1969%207.945%2032.5199%207.241%2032.9519C7.18676%2033.0059%207.15164%2033.0761%207.141%2033.1519H6.941C6.841%2033.2019%206.891%2033.3279%206.79%2033.4289C7.016%2033.5799%207.29%2033.2289%207.444%2033.4289C7.494%2033.4289%207.344%2033.4789%207.244%2033.4789C7.194%2033.4789%207.194%2033.5789%207.144%2033.5789H6.99C6.89%2033.6539%206.79%2033.7049%206.79%2033.8549C6.74664%2033.8469%206.70187%2033.8521%206.66155%2033.8699C6.62122%2033.8878%206.58723%2033.9174%206.564%2033.9549C7.63803%2033.9506%208.70269%2033.7549%209.708%2033.3769C10.4877%2032.9799%2011.1938%2032.4526%2011.796%2031.8179C11.8231%2031.8449%2011.8406%2031.88%2011.846%2031.9179C11.6989%2032.3544%2011.4166%2032.7326%2011.04%2032.9979C10.763%2033.1489%2010.562%2033.3749%2010.34%2033.4759C10.1917%2033.5588%2010.0487%2033.651%209.912%2033.7519C9.27972%2033.9486%208.63063%2034.0865%207.973%2034.1639L7.668%2034.2079C7.443%2034.2409%207.219%2034.2769%206.997%2034.3159L5.004%2033.1779C4.93108%2033.132%204.86805%2033.072%204.8186%2033.0014C4.76914%2032.9308%204.73427%2032.8511%204.716%2032.7669C4.74933%2032.749%204.78082%2032.7279%204.81%2032.7039C4.77901%2032.671%204.74011%2032.6465%204.697%2032.6329V31.9829C5.74493%2031.7965%206.76549%2031.4801%207.735%2031.0409C6.81772%2030.4034%205.78681%2029.9475%204.698%2029.6979V28.1829C5.25307%2028.2738%205.80084%2028.4049%206.337%2028.5749C6.74977%2028.7265%207.14585%2028.9202%207.519%2029.1529C7.66563%2029.2939%207.82573%2029.4201%207.997%2029.5299C8.11768%2029.5987%208.25253%2029.639%208.3912%2029.6477C8.52987%2029.6564%208.66869%2029.6332%208.797%2029.5799H9.127C9.84341%2029.4615%2010.5135%2029.1484%2011.064%2028.6749C11.064%2028.7249%2011.114%2028.7249%2011.164%2028.7249C11.0857%2029.1235%2010.941%2029.5061%2010.736%2029.8569C10.739%2029.9079%2010.688%2030.0089%2010.789%2030.0589ZM13.606%2033.6299C13.857%2033.5299%2014.006%2033.3529%2014.235%2033.2529C14.185%2033.3029%2014.185%2033.4039%2014.135%2033.4529C13.9474%2033.5701%2013.7707%2033.704%2013.607%2033.8529C13.0413%2034.3514%2012.5116%2034.8894%2012.022%2035.4629C11.77%2035.7629%2011.494%2036.0409%2011.222%2036.3179C11.1256%2036.408%2011.0219%2036.4899%2010.912%2036.5629L8.385%2035.1129C8.74443%2035.1432%209.1063%2035.1254%209.461%2035.0599C9.75543%2034.9773%2010.0416%2034.8679%2010.316%2034.7329V34.8329C11.016%2034.5559%2011.548%2033.9269%2012.253%2033.7009C12.278%2033.7009%2012.379%2033.8009%2012.479%2033.7509C12.6601%2033.5264%2012.8904%2033.3466%2013.152%2033.2252C13.4136%2033.1038%2013.6997%2033.0442%2013.988%2033.0509C13.988%2033.1009%2013.988%2033.1509%2014.038%2033.1509H14.063C13.912%2033.2769%2013.736%2033.4019%2013.563%2033.5279C13.506%2033.5799%2013.556%2033.6299%2013.606%2033.6299ZM4.698%2027.4659V27.2799C5.21615%2027.1444%205.75053%2027.0811%206.286%2027.0919C6.44434%2027.0667%206.60566%2027.0667%206.764%2027.0919C6.05844%2027.0912%205.35854%2027.2179%204.698%2027.4659ZM35.298%2032.5539C35.2922%2032.6592%2035.2615%2032.7617%2035.2083%2032.8528C35.155%2032.9439%2035.0809%2033.0211%2034.992%2033.0779L24.913%2038.9289C23.7558%2038.5977%2022.618%2038.2021%2021.505%2037.7439C21.3437%2037.3929%2021.256%2037.0127%2021.2474%2036.6266C21.2388%2036.2404%2021.3095%2035.8566%2021.455%2035.4989C21.5349%2035.1909%2021.6531%2034.8943%2021.807%2034.6159C21.832%2034.5909%2021.857%2034.5659%2021.857%2034.5399C21.8636%2034.5399%2021.87%2034.5372%2021.8747%2034.5326C21.8794%2034.5279%2021.882%2034.5215%2021.882%2034.5149C21.9931%2034.3204%2022.1191%2034.1348%2022.259%2033.9599L22.274%2033.9449L22.294%2033.9239L22.309%2033.9089C22.309%2033.8839%2022.334%2033.8589%2022.359%2033.8329C22.384%2033.7819%2022.434%2033.7569%2022.459%2033.7069C22.6346%2033.521%2022.8285%2033.3535%2023.038%2033.2069C23.2507%2033.1298%2023.4695%2033.0706%2023.692%2033.0299C24.503%2033.0896%2025.3095%2033.1991%2026.107%2033.3579C26.205%2033.3726%2026.2992%2033.4066%2026.384%2033.4579C26.6851%2033.5165%2026.9962%2033.4994%2027.289%2033.4079C27.4799%2033.373%2027.6587%2033.2897%2027.8084%2033.1662C27.9581%2033.0426%2028.0736%2032.8827%2028.144%2032.7019C28.232%2032.5407%2028.2823%2032.3616%2028.2909%2032.1781C28.2996%2031.9947%2028.2664%2031.8116%2028.194%2031.6429C28.016%2031.3669%2028.181%2031.2059%2028.375%2031.0529L28.443%2030.9979C28.5294%2030.9367%2028.6071%2030.864%2028.674%2030.7819C28.8%2030.5299%2028.574%2030.3819%2028.523%2030.1519C28.473%2030.0519%2028.297%2030.1019%2028.196%2029.9519C28.548%2029.8009%2029.051%2029.5229%2028.825%2029.0949C28.674%2028.8679%2028.448%2028.4649%2028.725%2028.2379C29.077%2028.0379%2029.58%2028.0869%2029.731%2027.7589C29.7804%2027.5682%2029.7794%2027.368%2029.7282%2027.1778C29.6771%2026.9876%2029.5774%2026.814%2029.439%2026.6739L29.364%2026.5659C29.289%2026.4589%2029.215%2026.3519%2029.153%2026.2459C28.9941%2025.9821%2028.8177%2025.7292%2028.625%2025.4889C28.405%2025.1774%2028.2275%2024.8381%2028.097%2024.4799C27.946%2024.1019%2028.147%2023.7739%2028.147%2023.3959C28.1618%2022.6677%2028.0512%2021.9425%2027.82%2021.2519C27.694%2020.8989%2027.644%2020.5209%2027.493%2020.1929C27.474%2019.9821%2027.3956%2019.781%2027.267%2019.6129C27.2422%2019.5618%2027.2292%2019.5057%2027.2292%2019.4489C27.2292%2019.3921%2027.2422%2019.336%2027.267%2019.2849C27.472%2019.1403%2027.6656%2018.9802%2027.846%2018.8059C27.9017%2018.6836%2027.9122%2018.5455%2027.8756%2018.4162C27.839%2018.2869%2027.7576%2018.1748%2027.646%2018.0999C27.319%2017.9489%2027.346%2018.4279%2027.118%2018.5289H26.967C26.917%2018.4029%2027.017%2018.3519%2027.118%2018.2519C27.118%2018.2019%2027.118%2018.1009%2027.068%2018.1009C26.868%2018.1009%2026.691%2018.0499%2026.64%2017.9499C26.158%2017.3492%2025.5113%2016.9023%2024.779%2016.6639C24.967%2016.7216%2025.1615%2016.7552%2025.358%2016.7639C25.6956%2016.8353%2026.0471%2016.8003%2026.364%2016.6639C26.591%2016.5879%2026.641%2016.1849%2026.741%2015.9579C26.7613%2015.848%2026.7583%2015.7351%2026.7323%2015.6264C26.7063%2015.5177%2026.6578%2015.4157%2026.59%2015.3269C26.3629%2014.9967%2026.0495%2014.7352%2025.684%2014.5709C25.508%2014.4949%2025.231%2014.3439%2025.005%2014.2179C24.928%2014.1637%2024.8434%2014.1212%2024.754%2014.0919C21.789%2012.6069%2015.685%2013.8919%2015.22%2014.0919H15.211C14.7825%2014.2161%2014.3648%2014.375%2013.962%2014.5669C13.4074%2014.7728%2012.9066%2015.1015%2012.497%2015.5284C12.0875%2015.9552%2011.7798%2016.4692%2011.597%2017.0319C11.026%2017.407%2010.5658%2017.928%2010.264%2018.5409C9.836%2019.3409%209.208%2020.0499%209.308%2020.9549C9.408%2021.7349%209.585%2022.4389%209.736%2023.2439C9.77894%2023.5159%209.84586%2023.7836%209.936%2024.0439C10.036%2024.3199%209.936%2024.6729%2010.087%2024.8989C10.162%2025.0499%2010.112%2025.2259%2010.314%2025.3269V25.5269C10.364%2025.5769%2010.364%2025.6269%2010.465%2025.6269V25.8269C10.8997%2026.2504%2011.2723%2026.7331%2011.572%2027.2609C11.672%2027.5369%2011.094%2027.4119%2010.872%2027.3109C10.4565%2027.0404%2010.0762%2026.7192%209.74%2026.3549C9.71248%2026.3817%209.69456%2026.4168%209.689%2026.4549C9.889%2026.8069%2010.595%2027.2349%2010.217%2027.4609C10.017%2027.5609%209.789%2027.3099%209.588%2027.5119C9.538%2027.5869%209.588%2027.6879%209.588%2027.7879C9.311%2027.5879%209.01%2027.6879%208.733%2027.5879C8.533%2027.5379%208.481%2027.1609%208.255%2027.1609C7.65851%2027.0153%207.05373%2026.9061%206.444%2026.8339C5.86788%2026.7475%205.28724%2026.6944%204.705%2026.6749V15.7059C4.70545%2015.5993%204.73397%2015.4948%204.78769%2015.4028C4.84141%2015.3108%204.91844%2015.2346%205.011%2015.1819L19.998%206.42087L34.992%2015.0979C35.0846%2015.1505%2035.1617%2015.2267%2035.2154%2015.3187C35.2692%2015.4107%2035.2977%2015.5153%2035.298%2015.6219V32.5539ZM27.344%2024.2929C27.3138%2024.3399%2027.2719%2024.3782%2027.2225%2024.4043C27.1731%2024.4304%2027.1178%2024.4434%2027.062%2024.4419C26.9618%2024.5263%2026.8676%2024.6175%2026.78%2024.7149C26.88%2024.7149%2026.78%2024.8639%2026.88%2024.8639C26.675%2025.0869%2026.957%2025.5579%2026.675%2025.6569C26.3059%2025.7558%2025.9171%2025.7558%2025.548%2025.6569C25.6029%2025.6451%2025.6589%2025.6397%2025.715%2025.6409H25.8C25.8627%2025.6484%2025.9263%2025.6404%2025.9851%2025.6173C26.0439%2025.5943%2026.0961%2025.557%2026.137%2025.5089V25.3089C26.137%2025.2589%2026.086%2025.2589%2026.037%2025.2589C26.0107%2025.287%2025.9752%2025.3047%2025.937%2025.3089C25.9345%2025.2639%2025.9185%2025.2207%2025.891%2025.185C25.8635%2025.1493%2025.8259%2025.1227%2025.783%2025.1089C25.6501%2025.1266%2025.5148%2025.1109%2025.3894%2025.0633C25.2641%2025.0156%2025.1526%2024.9375%2025.065%2024.8359C25.2006%2024.7707%2025.3542%2024.7531%2025.501%2024.7859C25.629%2024.7859%2025.578%2024.5629%2025.732%2024.4639H25.886C26.193%2024.0919%2026.757%2023.9929%2026.86%2023.6209C26.86%2023.5209%2026.578%2023.5209%2026.373%2023.4719C26.0989%2023.4383%2025.821%2023.4552%2025.553%2023.5219C25.1932%2023.5715%2024.8405%2023.6631%2024.502%2023.7949C24.7823%2023.5891%2025.094%2023.4301%2025.425%2023.3239C25.6574%2023.2344%2025.8978%2023.1674%2026.143%2023.1239L26.275%2023.0979L26.408%2023.0709C26.5894%2023.0167%2026.7826%2023.0167%2026.964%2023.0709C27.195%2023.1709%2027.579%2023.1709%2027.63%2023.3189C27.73%2023.5919%2027.476%2023.8639%2027.195%2024.0629C27.138%2024.1439%2027.344%2024.1979%2027.344%2024.2929Z%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2224%22%20y%3D%221%22%20width%3D%2229.56%22%20height%3D%2213.302%22%20rx%3D%222%22%20fill%3D%22%23FCC63A%22%2F%3E%0A%3Cpath%20d%3D%22M26.562%2012.1676V3.31589H29.4831C30.4526%203.31589%2031.2155%203.55194%2031.7719%204.02403C32.3367%204.49612%2032.6191%205.14104%2032.6191%205.95877C32.6191%206.76807%2032.3367%207.40876%2031.7719%207.88085C31.2155%208.35295%2030.4526%208.58899%2029.4831%208.58899H28.3576V12.1676H26.562ZM29.559%204.84598H28.3576V7.05891H29.559C29.9383%207.05891%2030.2334%206.96196%2030.4441%206.76807C30.6633%206.57417%2030.7729%206.29597%2030.7729%205.93348C30.7729%205.59627%2030.6633%205.33072%2030.4441%205.13682C30.2334%204.94293%2029.9383%204.84598%2029.559%204.84598Z%22%20fill%3D%22%23161616%22%2F%3E%0A%3Cpath%20d%3D%22M34.2307%2012.1676V3.31589H36.9368C37.9063%203.31589%2038.6734%203.55194%2039.2383%204.02403C39.8031%204.49612%2040.0855%205.14104%2040.0855%205.95877C40.0855%206.48987%2039.959%206.95353%2039.7061%207.34975C39.4617%207.73754%2039.116%208.03681%2038.6692%208.24757L41.4512%2012.1676H39.3015L36.9494%208.58899H36.0263V12.1676H34.2307ZM37.038%204.84598H36.0263V7.05891H37.038C37.4173%207.05891%2037.7124%206.96196%2037.9231%206.76807C38.1339%206.57417%2038.2393%206.29597%2038.2393%205.93348C38.2393%205.59627%2038.1339%205.33072%2037.9231%205.13682C37.7124%204.94293%2037.4173%204.84598%2037.038%204.84598Z%22%20fill%3D%22%23161616%22%2F%3E%0A%3Cpath%20d%3D%22M46.5486%203.06299C47.2399%203.06299%2047.8722%203.18944%2048.4454%203.44235C49.0271%203.69525%2049.5245%204.03246%2049.9376%204.45397C50.3507%204.87548%2050.671%205.37287%2050.8986%205.94612C51.1262%206.51095%2051.24%207.10949%2051.24%207.74176C51.24%208.37402%2051.1262%208.97678%2050.8986%209.55004C50.671%2010.1149%2050.3507%2010.608%2049.9376%2011.0295C49.5245%2011.451%2049.0271%2011.7883%2048.4454%2012.0412C47.8722%2012.2941%2047.2399%2012.4205%2046.5486%2012.4205C45.8574%2012.4205%2045.2209%2012.2941%2044.6392%2012.0412C44.0575%2011.7883%2043.5601%2011.451%2043.147%2011.0295C42.734%2010.608%2042.4136%2010.1149%2042.186%209.55004C41.9584%208.97678%2041.8446%208.37402%2041.8446%207.74176C41.8446%207.10949%2041.9584%206.51095%2042.186%205.94612C42.4136%205.37287%2042.734%204.87548%2043.147%204.45397C43.5601%204.03246%2044.0575%203.69525%2044.6392%203.44235C45.2209%203.18944%2045.8574%203.06299%2046.5486%203.06299ZM46.5486%2010.7387C46.9617%2010.7387%2047.3411%2010.6628%2047.6867%2010.5111C48.0408%2010.3509%2048.34%2010.1402%2048.5845%209.87882C48.8374%209.60905%2049.0355%209.29292%2049.1789%208.93042C49.3222%208.55949%2049.3938%208.16327%2049.3938%207.74176C49.3938%207.32025%2049.3222%206.92824%2049.1789%206.56574C49.0355%206.19481%2048.8374%205.87868%2048.5845%205.61734C48.34%205.34758%2048.0408%205.13682%2047.6867%204.98508C47.3411%204.8249%2046.9617%204.74482%2046.5486%204.74482C46.1355%204.74482%2045.752%204.8249%2045.3979%204.98508C45.0438%205.13682%2044.7403%205.34758%2044.4874%205.61734C44.243%205.87868%2044.0491%206.19481%2043.9058%206.56574C43.7624%206.92824%2043.6908%207.32025%2043.6908%207.74176C43.6908%208.16327%2043.7624%208.55949%2043.9058%208.93042C44.0491%209.29292%2044.243%209.60905%2044.4874%209.87882C44.7403%2010.1402%2045.0438%2010.3509%2045.3979%2010.5111C45.752%2010.6628%2046.1355%2010.7387%2046.5486%2010.7387Z%22%20fill%3D%22%23161616%22%2F%3E%0A%3C%2Fsvg%3E") !important;
511
+ }</style>
@@ -0,0 +1,15 @@
1
+ interface Props {
2
+ /** Attribut id du bouton franceConnect */
3
+ id?: string;
4
+ /** Lien du bouton */
5
+ href?: string;
6
+ /** Variation de bouton franceConnect */
7
+ variant?: "default" | "plus" | "pro";
8
+ /** Type de balise HTML */
9
+ markup?: "button" | "a";
10
+ /** Désactive le bouton */
11
+ disabled?: boolean;
12
+ }
13
+ declare const DsfrConnect: import("svelte").Component<Props, {}, "">;
14
+ type DsfrConnect = ReturnType<typeof DsfrConnect>;
15
+ export default DsfrConnect;