@leabankab/component-library 8.10.0 → 8.12.0

package/dist/components/animations/index.d.ts

@@ -1,2 +1,5 @@
-export * from './icons';
-export * from './illustrations';
+export * from './check-animation/check-animation';
+export * from './loader/loader';
+export * from './pulse-animation/pulse-animation';
+export * from './status-animation/status-animation';
+export * from './status-icon/status-icon';

package/dist/components/animations/loader/loader.d.ts

@@ -0,0 +1,43 @@
+import { AnimationColor, AnimationSize } from '../shared';
+export type LoaderStatus = "loading" | "done";
+export type LoaderProps = {
+    /**
+     * `"loading"` shows the pulse. `"done"` cross-fades into the check and fires
+     * its one-time confetti.
+     * @default "loading"
+     */
+    status?: LoaderStatus;
+    /**
+     * `"sm"` is 90px, `"lg"` 150px.
+     * @default "lg"
+     */
+    size?: AnimationSize;
+    /**
+     * Colour of the pulse and of the check (and its halo).
+     * @default "primary"
+     */
+    color?: AnimationColor;
+    /**
+     * Minimum time (ms) the pulse stays visible once mounted in the loading
+     * state, so a very fast response doesn't make the spinner flash. The check
+     * appears as soon as `status` is `"done"` *and* this minimum has elapsed.
+     */
+    minLoadingMs?: number;
+    /**
+     * Visually-hidden status text announced while loading. Defaults to the
+     * translated word for "loading" in the `LeaProvider` language.
+     */
+    loadingLabel?: string;
+    /**
+     * Visually-hidden status text announced once done. Defaults to the translated
+     * word for "done".
+     */
+    doneLabel?: string;
+};
+/**
+ * The library's loading indicator: shows {@link PulseAnimation} while
+ * `status` is `"loading"`, then cross-fades into {@link CheckAnimation}
+ * (firing its one-time confetti) once `status` becomes `"done"`. Announces
+ * state changes politely and respects `prefers-reduced-motion`.
+ */
+export declare const Loader: ({ status, size, color, minLoadingMs, loadingLabel, doneLabel, }: LoaderProps) => import("react").JSX.Element;

package/dist/components/animations/pulse-animation/pulse-animation.d.ts

@@ -0,0 +1,21 @@
+import { AnimationColor, AnimationSize } from '../shared';
+type PulseAnimationProps = {
+    /**
+     * `"sm"` is 90px, `"lg"` 150px.
+     * @default "lg"
+     */
+    size?: AnimationSize;
+    /**
+     * Colour of the rings and the centre circle.
+     * @default "primary"
+     */
+    color?: AnimationColor;
+    /**
+     * Accessible name for the spinner; defaults to the translated word for
+     * "loading" in the `LeaProvider` language. `Loader` hides the pulse from
+     * assistive tech and announces its own status text instead.
+     */
+    label?: string;
+};
+export declare const PulseAnimation: ({ size, color, label, }: PulseAnimationProps) => import("react").JSX.Element;
+export {};

package/dist/components/animations/{illustrations → status-animation}/status-animation.d.ts

@@ -8,7 +8,7 @@ type StatusAnimationProps = {
      */
     size?: AnimationSize;
     /**
-     * Colour of the resulting check (and its halo).
+     * Colour of the pulse and of the resulting check (and its halo).
      * @default "primary"
      */
     color?: AnimationColor;
@@ -30,10 +30,11 @@ type StatusAnimationProps = {
     doneLabel?: string;
 };
 /**
- * A controlled loading → success indicator: shows {@link PulseAnimation} while
- * `loading`, then cross-fades into {@link CheckAnimation} (firing its one-time
- * confetti) once `loading` becomes `false`. Announces state changes politely
- * and respects `prefers-reduced-motion`.
+ * A controlled loading → success indicator: the pulse while `loading`, then
+ * the check once `loading` becomes `false`.
+ *
+ * @deprecated Use {@link Loader}, which renders the same thing:
+ * `<Loader status={loading ? "loading" : "done"} />`.
  */
-export declare const StatusAnimation: ({ loading, size, color, minLoadingMs, loadingLabel, doneLabel, }: StatusAnimationProps) => import("react").JSX.Element;
+export declare const StatusAnimation: ({ loading, ...rest }: StatusAnimationProps) => import("react").JSX.Element;
 export {};

package/dist/components/feedback/alert-parts.d.ts

@@ -52,10 +52,10 @@ export declare function resolveAlert({ severity, color, variant, size, icon, act
         "data-color": AlertColor;
         "data-variant": AlertVariant;
         "data-size": AlertSize;
+        title?: string | undefined | undefined;
         className?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         style?: import('react').CSSProperties | undefined;
-        title?: string | undefined | undefined;
         onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;

package/dist/i18n/languages.d.ts

@@ -7,3 +7,37 @@ export declare const LANGUAGES: readonly ["no", "se", "fi", "es"];
 export type Language = (typeof LANGUAGES)[number];
 /** Fallback language used when no provider is present or a key is missing. */
 export declare const DEFAULT_LANGUAGE = "no";
+/**
+ * The language each first part of a locale code stands for. Bokmål, Nynorsk
+ * and Norwegian are all `no`. Swedish is `se`, the library's name for it,
+ * which some apps also use as their locale.
+ */
+declare const LANGUAGE_BY_SUBTAG: {
+    readonly no: "no";
+    readonly nb: "no";
+    readonly nn: "no";
+    readonly sv: "se";
+    readonly se: "se";
+    readonly fi: "fi";
+    readonly es: "es";
+};
+type LanguageSubtag = keyof typeof LANGUAGE_BY_SUBTAG;
+/**
+ * The library language a locale code stands for, read from its first part:
+ * `nb`, `nb-NO`, `nn` and `no` are `"no"`; `sv`, `sv-SE` and `se` are `"se"`;
+ * `fi-FI` is `"fi"` and `es-ES` is `"es"`. `never` for a code the library has
+ * no language for, such as `en`. The type of what `toLanguage` returns.
+ */
+export type LanguageOfLocale<L extends string> = L extends `${infer Subtag}-${string}` ? Subtag extends LanguageSubtag ? (typeof LANGUAGE_BY_SUBTAG)[Subtag] : never : L extends LanguageSubtag ? (typeof LANGUAGE_BY_SUBTAG)[L] : never;
+/**
+ * The library language for a locale code as an app writes it for next-intl
+ * or `Intl`, by the rules of `LanguageOfLocale`, in upper or lower case. A
+ * code the library has no language for gives `DEFAULT_LANGUAGE`.
+ *
+ * ```tsx
+ * toLanguage("nb"); // "no"
+ * toLanguage("sv-SE"); // "se"
+ * ```
+ */
+export declare function toLanguage(locale: string): Language;
+export {};