@lab-anssi/ui-kit 1.24.0 → 1.25.0

package/dist/composants/Hero.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from "svelte";
+interface Props {
+    titre: string;
+    baliseTitre: string;
+    description: string;
+    actions?: Snippet;
+    inverse?: boolean;
+    urlImage?: string | undefined;
+    sansImage?: boolean;
+}
+declare const Hero: import("svelte").Component<Props, {}, "">;
+type Hero = ReturnType<typeof Hero>;
+export default Hero;

package/dist/dsfr/DsfrAlert.svelte

@@ -0,0 +1,50 @@
+<svelte:options
+  customElement={{
+    tag: "dsfr-alert",
+    shadow: "none",
+    props: {
+      buttonCloseLabel: { attribute: "button-close-label", type: "String" },
+      hasTitle: { attribute: "has-title", type: "Boolean" },
+      title: { attribute: "title", type: "String" },
+      hasDescription: { attribute: "has-description", type: "Boolean" },
+      text: { attribute: "text", type: "String" },
+      type: { attribute: "type", type: "String" },
+      size: { attribute: "size", type: "String" },
+      id: { attribute: "id", type: "String" },
+      dismissible: { attribute: "dismissible", type: "Boolean" },
+      icon: { attribute: "icon", type: "String" },
+    },
+  }}
+/>
+
+<script lang="ts">import { setIconClass } from "../utilitaires";
+let {
+  hasTitle = true,
+  hasDescription = true,
+  title,
+  text,
+  type = "default",
+  size = "md",
+  id,
+  icon,
+  dismissible = false,
+  buttonCloseLabel
+} = $props();
+let iconClass = $derived(setIconClass(icon));
+let typeClass = $derived(`fr-alert--${type}`);
+let sizeClass = $derived(`fr-alert--${size}`);
+</script>
+
+<div {id} class={["fr-alert", iconClass, typeClass, sizeClass]}>
+  {#if hasTitle || size === "md"}
+    <h3 class="fr-alert__title">{title}</h3>
+  {/if}
+  {#if hasDescription || size === "sm"}
+    <p>{text}</p>
+  {/if}
+  {#if dismissible}
+    <button title={buttonCloseLabel} type="button" class="fr-btn--close fr-btn">
+      {buttonCloseLabel}
+    </button>
+  {/if}
+</div>

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

@@ -0,0 +1,17 @@
+import type { Size } from "../types";
+type AlertSize = Extract<Size, "sm" | "md">;
+interface Props {
+    buttonCloseLabel?: string;
+    hasTitle?: boolean;
+    title?: string;
+    hasDescription?: boolean;
+    text?: string;
+    type?: "default" | "success" | "error" | "info" | "warning";
+    size?: AlertSize;
+    id?: string;
+    dismissible?: boolean;
+    icon?: string;
+}
+declare const DsfrAlert: import("svelte").Component<Props, {}, "">;
+type DsfrAlert = ReturnType<typeof DsfrAlert>;
+export default DsfrAlert;

package/dist/dsfr/DsfrBadge.svelte

@@ -0,0 +1,47 @@
+<svelte:options
+  customElement={{
+    tag: "dsfr-badge",
+    shadow: "none",
+    props: {
+      label: { attribute: "label", type: "String" },
+      accent: { attribute: "accent", type: "String" },
+      ellipsis: { attribute: "ellipsis", type: "Boolean" },
+      hasIcon: { attribute: "has-icon", type: "Boolean" },
+      icon: { attribute: "icon", type: "String" },
+      size: { attribute: "size", type: "String" },
+      status: { attribute: "status", type: "String" },
+      type: { attribute: "type", type: "String" },
+    },
+  }}
+/>
+
+<script lang="ts">import { setIconClass } from "../utilitaires";
+let {
+  accent,
+  ellipsis = false,
+  hasIcon = false,
+  icon,
+  label,
+  size,
+  status,
+  type
+} = $props();
+let accentClass = $derived.by(() => {
+  return type === "accent" && accent && `fr-badge--${accent}`;
+});
+let iconClass = $derived.by(() => {
+  return hasIcon && icon && `fr-badge--icon-left ${setIconClass(icon)}`;
+});
+let sizeClass = $derived(`fr-badge--${size}`);
+let statusClass = $derived.by(() => {
+  return type === "status" && status && `fr-badge--${status}`;
+});
+</script>
+
+<p class={["fr-badge", accentClass, iconClass, sizeClass, statusClass]}>
+  {#if ellipsis}
+    <span class="fr-ellipsis">{label}</span>
+  {:else}
+    {label}
+  {/if}
+</p>

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

@@ -0,0 +1,16 @@
+import type { Accent, Size, Status } from "../types";
+type BadgeSize = Extract<Size, "sm" | "md">;
+type BadgeType = "default" | "accent" | "status";
+interface Props {
+    label: string;
+    accent?: Accent;
+    ellipsis?: boolean;
+    hasIcon?: boolean;
+    icon?: string;
+    size?: BadgeSize;
+    status?: Status;
+    type?: BadgeType;
+}
+declare const DsfrBadge: import("svelte").Component<Props, {}, "">;
+type DsfrBadge = ReturnType<typeof DsfrBadge>;
+export default DsfrBadge;