@lab-anssi/ui-kit 1.24.0 → 1.25.1

package/dist/dsfr/DsfrButton.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { Size } from "../types";
+type ButtonSize = Extract<Size, "sm" | "md" | "lg">;
+interface Props {
+    hasIcon: boolean;
+    icon: string;
+    iconPlace: "only" | "left" | "right";
+    markup: "button" | "a" | "input";
+    type: "button" | "submit" | "reset";
+    href: string;
+    target: "self" | "blank";
+    label: string;
+    kind: "primary" | "secondary" | "tertiary" | "tertiary-no-outline" | "inverted";
+    size: ButtonSize;
+    id?: string;
+    title: string;
+    disabled: boolean;
+}
+declare const DsfrButton: import("svelte").Component<Props, {}, "">;
+type DsfrButton = ReturnType<typeof DsfrButton>;
+export default DsfrButton;

package/dist/dsfr/DsfrContainer.svelte

@@ -0,0 +1,15 @@
+<svelte:options
+  customElement={{
+    tag: "dsfr-container",
+    props: {
+      fluid: { attribute: "fluid", type: "Boolean" },
+    },
+  }}
+/>
+
+<script lang="ts">let { fluid = false, children } = $props();
+</script>
+
+<div class={[!fluid && "fr-container", fluid && "fr-container--fluid"]}>
+  {@render children?.()}
+</div>

package/dist/dsfr/DsfrContainer.svelte.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    /**
+     * Permet de définir le conteneur comme "fluide" ou non
+     */
+    fluid?: boolean;
+    /**
+     * Permet de définir le contenu du conteneur
+     */
+    children?: import("svelte").Snippet;
+}
+declare const DsfrContainer: import("svelte").Component<Props, {}, "">;
+type DsfrContainer = ReturnType<typeof DsfrContainer>;
+export default DsfrContainer;

package/dist/index.d.ts

@@ -20,3 +20,10 @@ export { default as Icone } from "./lab/Icone.svelte";
 export { default as Bouton } from "./lab/Bouton.svelte";
 export { default as Lien } from "./lab/Lien.svelte";
 export { default as Tag } from "./lab/Tag.svelte";
+export { default as AncresParcours } from "./composants/AncresParcours.svelte";
+export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
+export { default as Hero } from "./composants/Hero.svelte";
+export { default as DsfrAlert } from "./dsfr/DsfrAlert.svelte";
+export { default as DsfrBadge } from "./dsfr/DsfrBadge.svelte";
+export { default as DsfrButton } from "./dsfr/DsfrButton.svelte";
+export { default as DsfrContainer } from "./dsfr/DsfrContainer.svelte";

package/dist/index.js

@@ -20,3 +20,10 @@ export { default as Icone } from "./lab/Icone.svelte";
 export { default as Bouton } from "./lab/Bouton.svelte";
 export { default as Lien } from "./lab/Lien.svelte";
 export { default as Tag } from "./lab/Tag.svelte";
+export { default as AncresParcours } from "./composants/AncresParcours.svelte";
+export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
+export { default as Hero } from "./composants/Hero.svelte";
+export { default as DsfrAlert } from "./dsfr/DsfrAlert.svelte";
+export { default as DsfrBadge } from "./dsfr/DsfrBadge.svelte";
+export { default as DsfrButton } from "./dsfr/DsfrButton.svelte";
+export { default as DsfrContainer } from "./dsfr/DsfrContainer.svelte";

package/dist/lab/Bouton.svelte

@@ -13,14 +13,16 @@
   }}
 />
 
-<script>import Icone from "./Icone.svelte";
-export let titre;
-export let variante;
-export let taille;
-export let icone = void 0;
-export let positionIcone = "sans";
-export let actif = true;
-export let largeurMaximale = false;
+<script lang="ts">import Icone from "./Icone.svelte";
+let {
+  titre,
+  variante,
+  taille,
+  icone = void 0,
+  positionIcone = "sans",
+  actif = true,
+  largeurMaximale = false
+} = $props();
 </script>
 
 <button

package/dist/lab/Bouton.svelte.d.ts

@@ -1,24 +1,12 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        titre: string;
-        variante: "primaire" | "secondaire" | "tertiaire" | "tertiaire-sans-bordure";
-        taille: "sm" | "md" | "lg";
-        icone?: string | undefined;
-        positionIcone?: "sans" | "seule" | "droite" | "gauche";
-        actif?: boolean;
-        largeurMaximale?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type BoutonProps = typeof __propDef.props;
-export type BoutonEvents = typeof __propDef.events;
-export type BoutonSlots = typeof __propDef.slots;
-export default class Bouton extends SvelteComponent<BoutonProps, BoutonEvents, BoutonSlots> {
+interface Props {
+    titre: string;
+    variante: "primaire" | "tertiaire" | "tertiaire-sans-bordure";
+    taille: "sm" | "md" | "lg";
+    icone?: string | undefined;
+    positionIcone?: "sans" | "seule" | "droite" | "gauche";
+    actif?: boolean;
+    largeurMaximale?: boolean;
 }
-export {};
+declare const Bouton: import("svelte").Component<Props, {}, "">;
+type Bouton = ReturnType<typeof Bouton>;
+export default Bouton;