@bfrs/agentic-components 0.1.3 → 0.1.4
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.
- package/BFRS_AGENTIC_COMPONENTS.md +5 -4
- package/dist/components/ui/feedback/Skeleton/Skeleton.d.ts +6 -2
- package/dist/index.js +1370 -1366
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -635,11 +635,13 @@ Shimmer placeholder while content loads. Match the variant to the shape of the r
|
|
|
635
635
|
<Skeleton variant="card" /> // card-height block
|
|
636
636
|
<Skeleton variant="avatar" /> // circle
|
|
637
637
|
<Skeleton variant="block" /> // rectangular block
|
|
638
|
+
<Skeleton variant="text" animated={false} /> // static shimmer
|
|
638
639
|
```
|
|
639
640
|
|
|
640
641
|
| Prop | Type | Default |
|
|
641
642
|
|------|------|---------|
|
|
642
643
|
| `variant` | `"text" \| "block" \| "card" \| "avatar"` | `"block"` |
|
|
644
|
+
| `animated` | `boolean` | `true` |
|
|
643
645
|
|
|
644
646
|
---
|
|
645
647
|
|
|
@@ -1107,10 +1109,9 @@ Branded full-screen loading screen. Use during auth redirects and account setup.
|
|
|
1107
1109
|
Rich business identity card with centered profile identity, metadata chips, and compact label-value details. Uses the standard card surface (faded green-grey gradient stroke, white gradient background, green-glow shadow) and the Figma-derived green header wash.
|
|
1108
1110
|
|
|
1109
1111
|
Built-in loading behavior:
|
|
1110
|
-
- `businessName=""` renders
|
|
1111
|
-
- Missing or empty `initials` renders a shimmer avatar circle when no `logoSrc` is provided.
|
|
1112
|
-
- `
|
|
1113
|
-
- `value: undefined` renders the label and separator with a shimmer placeholder for that value.
|
|
1112
|
+
- Bootstrap loading with `businessName=""` and `sections={[]}` renders static shimmer placeholders for avatar, name, subtitle/email, order-volume chip, category chip, and six detail rows.
|
|
1113
|
+
- Missing or empty `initials` renders a static shimmer avatar circle when no `logoSrc` is provided.
|
|
1114
|
+
- Missing item values (`value: undefined`, `null`, `false`, or `""`) render skeletons for both the key and value. Field labels only appear once their values are present.
|
|
1114
1115
|
|
|
1115
1116
|
```tsx
|
|
1116
1117
|
<BusinessInfoDisplayCard
|
|
@@ -3,8 +3,12 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
declare const skeletonVariants: (props?: ({
|
|
4
4
|
variant?: "text" | "block" | "card" | "avatar" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants
|
|
6
|
+
export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants> & {
|
|
7
|
+
animated?: boolean;
|
|
8
|
+
};
|
|
7
9
|
export declare const Skeleton: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
8
10
|
variant?: "text" | "block" | "card" | "avatar" | null | undefined;
|
|
9
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string> &
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
|
|
12
|
+
animated?: boolean;
|
|
13
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
14
|
export {};
|