@leabankab/component-library 8.10.0 → 8.11.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;