@foris/avocado-suite 1.8.21 → 1.8.22

package/dist/components/data-card/DataCard.d.ts

@@ -1,26 +1,5 @@
 import type { FC } from 'react';
-import type { IconTypes, Color } from '../../../../avocado-icons';
-type Variant = 'success' | 'info' | 'warning' | 'error' | 'neutral';
-type HeaderStatusColor = Extract<keyof typeof Color, 'palette_1_50' | 'palette_2_50' | 'palette_3_50' | 'palette_4_50' | 'palette_5_50' | 'palette_6_50' | 'palette_7_50' | 'palette_8_50' | 'palette_9_50' | 'palette_10_50' | 'palette_11_50' | 'palette_12_50' | 'palette_13_50' | 'palette_14_50' | 'palette_15_50' | 'palette_16_50' | 'palette_17_50' | 'palette_18_50'>;
-interface DataCardProps {
-    /** Render content dataCard */
-    children?: React.ReactNode | string;
-    /** Overwrite className */
-    className?: string;
-    /** Render the description */
-    description?: string;
-    /** Set hasTopBar */
-    hasTopBar?: boolean;
-    /** Header status color */
-    headerStatusColor?: HeaderStatusColor;
-    /** Icon of the DataCard */
-    icon?: IconTypes;
-    /** Title of the DataCard */
-    title: string;
-    /** Use the variant of the DataCard */
-    variant: Variant;
-    /** Set content */
-    topContent?: React.ReactNode | string;
-}
+import type { DataCardProps } from './dataCard.types';
 declare const DataCard: FC<DataCardProps>;
 export default DataCard;
+export type { DataCardProps, DataCardV1Props, DataCardV1Variant, DataCardV2Props, DataCardV2HeaderStyle, DataCardV2Status, DataCardPaletteIndex, HeaderStatusColor, } from './dataCard.types';

package/dist/components/data-card/dataCard.types.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+import type { IconTypes, Color } from '../../../../avocado-icons';
+export type DataCardV1Variant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export type DataCardV2Status = 'neutral' | 'success' | 'informative' | 'warning' | 'negative';
+export type DataCardV2HeaderStyle = 'basic' | 'icon' | 'pill';
+export type DataCardPaletteIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17;
+export type HeaderStatusColor = Extract<keyof typeof Color, 'palette_1_50' | 'palette_2_50' | 'palette_3_50' | 'palette_4_50' | 'palette_5_50' | 'palette_6_50' | 'palette_7_50' | 'palette_8_50' | 'palette_9_50' | 'palette_10_50' | 'palette_11_50' | 'palette_12_50' | 'palette_13_50' | 'palette_14_50' | 'palette_15_50' | 'palette_16_50' | 'palette_17_50'>;
+export type DataCardV1Props = {
+    version?: 'v1';
+    variant: DataCardV1Variant;
+    /** @deprecated v2: use `showBorder` */
+    hasTopBar?: boolean;
+    /** @deprecated v1 only — no v2 equivalent */
+    headerStatusColor?: HeaderStatusColor;
+    /** @deprecated v1 only — in v2, compose through `children` */
+    topContent?: ReactNode;
+    /** @deprecated v2: use `descriptionBottom` */
+    description?: string;
+    title: string;
+    icon?: IconTypes;
+    children?: ReactNode;
+    className?: string;
+};
+export type DataCardV2Base = {
+    version: 'v2';
+    status?: DataCardV2Status;
+    headerStyle?: DataCardV2HeaderStyle;
+    title?: string;
+    /** Accessible name when there is no `title` — required on interactive cards */
+    ariaLabel?: string;
+    descriptionTop?: string;
+    descriptionBottom?: string;
+    showBorder?: boolean;
+    /** Palette override for the top border. Implies the border, so `showBorder` is not needed. */
+    borderColor?: DataCardPaletteIndex;
+    icon?: IconTypes;
+    pillLabel?: string;
+    children?: ReactNode;
+    className?: string;
+};
+export type DataCardV2Props = DataCardV2Base & ({
+    onClick?: never;
+    disabled?: never;
+} | {
+    onClick: () => void;
+    disabled?: boolean;
+});
+export type DataCardProps = DataCardV1Props | DataCardV2Props;

package/dist/components/data-card/v2/DataCard.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { DataCardV2Props } from '../dataCard.types';
+declare const DataCardV2: FC<DataCardV2Props>;
+export default DataCardV2;

package/dist/components/data-card/v2/DataCardHeader.d.ts

@@ -0,0 +1,15 @@
+import type { FC } from 'react';
+import type { IconTypes } from '../../../../../avocado-icons';
+import type { DataCardV2HeaderStyle, DataCardV2Status } from '../dataCard.types';
+type DataCardHeaderProps = {
+    headerStyle: DataCardV2HeaderStyle;
+    status: DataCardV2Status;
+    title?: string;
+    descriptionTop?: string;
+    descriptionBottom?: string;
+    disabled?: boolean;
+    icon?: IconTypes;
+    pillLabel?: string;
+};
+declare const DataCardHeader: FC<DataCardHeaderProps>;
+export default DataCardHeader;

package/dist/components/data-card/v2/dataCardStatus.d.ts

@@ -0,0 +1,10 @@
+import type { IconTypes, Color } from '../../../../../avocado-icons';
+import type { DataCardV2Status } from '../dataCard.types';
+export declare const STATUS_ICON: Record<DataCardV2Status, {
+    name: IconTypes;
+    color: Color;
+}>;
+export declare const PILL_COLORS: Record<DataCardV2Status, {
+    color: Color;
+    textColor: Color;
+}>;

package/dist/index.d.ts

@@ -69,6 +69,7 @@ export type { ButtonProps } from './components/button/Button';
 export type { BreadcrumbItem } from './components/breadcrumbs/Breadcrumbs';
 export type { CardAccordionProps } from './components/card-accordion/CardAccordion';
 export type { CardNotificationProps } from './components/card-notification/CardNotification';
+export type { DataCardProps, DataCardV1Props, DataCardV1Variant, DataCardV2Props, DataCardV2HeaderStyle, DataCardV2Status, DataCardPaletteIndex, HeaderStatusColor, } from './components/data-card/DataCard';
 export type { DividerProps } from './components/divider/Divider';
 export type { HeadingProps } from './components/heading/Heading';
 export type { LinkProps } from './components/link/Link';