@nd-storybook/storybook 0.3.2 → 0.3.5

package/dist/index.d.ts

@@ -7,27 +7,38 @@ import * as mitt from 'mitt';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'ghost' | 'dark' | 'pill';
-    icon?: string | null;
+    iconLeft?: string | null;
+    iconRight?: string | null;
+    iconLeftVariant?: 'outline' | 'fill';
+    iconRightVariant?: 'outline' | 'fill';
     iconOnly?: boolean;
+    label?: string | react__default.ReactNode;
+    isActive?: boolean;
+    onToggle?: (isActive: boolean) => void;
 }
 declare const Button: react__default.FC<ButtonProps>;
 
+type IconSize = 's' | 'm' | 'l' | 'xl' | 'xxl';
+type IconColor = 'default' | 'gray' | 'brand' | 'warning' | 'inverse';
+type IconVariant = 'outline' | 'fill';
 interface IconProps {
     name: string;
-    size?: number;
-    color?: string;
+    size?: IconSize;
+    color?: IconColor;
+    variant?: IconVariant;
     className?: string;
-    variant?: "fill" | "outline";
 }
 declare const Icon: react__default.FC<IconProps>;
 
 declare function keys(variant?: 'outline' | 'fill'): string[];
 
-interface PremiumBadgeProps {
+type BadgeVariant = 'premium' | 'dnk';
+interface BadgeProps {
     className?: string;
     size?: 'small' | 'large';
+    variant?: BadgeVariant;
 }
-declare const PremiumBadge: react__default.FC<PremiumBadgeProps>;
+declare const Badge: react__default.FC<BadgeProps>;
 
 type SkeletonSize = 'sm' | 'md' | 'lg' | Array<'sm' | 'md' | 'lg'>;
 interface SkeletonProps {
@@ -199,7 +210,7 @@ interface AlertProps {
     children: ReactNode;
     variant?: AlertVariant;
 }
-type AlertVariant = "dark" | "danger" | "info" | "success" | "warning";
+type AlertVariant = "info" | "info-dark" | "warning";
 declare const Alert: react__default.FC<AlertProps>;
 
 interface DataFrameItemProps {
@@ -251,23 +262,6 @@ interface DataFramesProps {
 }
 declare function DataFrames(props: DataFramesProps): react_jsx_runtime.JSX.Element;
 
-interface CardProps {
-    children?: ReactNode;
-    image?: ReactNode;
-    title?: ReactNode;
-    footer?: ReactNode;
-}
-declare const Card: react__default.FC<CardProps>;
-
-interface CollapsedCardProps {
-    title?: string;
-    collapsed?: boolean;
-    children?: ReactNode;
-    header?: ReactNode;
-    onToggle?: (isCollapsed: boolean) => void;
-}
-declare const CollapsedCard: react__default.FC<CollapsedCardProps>;
-
 interface InputProps extends react__default.InputHTMLAttributes<HTMLInputElement> {
     value: any;
     setValue: (value: any) => any;
@@ -277,6 +271,26 @@ interface InputProps extends react__default.InputHTMLAttributes<HTMLInputElement
 }
 declare const Input: react__default.FC<InputProps>;
 
+interface ArticleCardProps {
+    imageUrl?: string;
+    articleType: string;
+    heading: string;
+    variant?: 'default' | 'de-nieuwe-koers';
+    isPremium?: boolean;
+    className?: string;
+}
+declare const ArticleCard: react__default.FC<ArticleCardProps>;
+
+interface ArticleSliderProps {
+    articles: ArticleCardProps[];
+    title?: string;
+    showButton?: boolean;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    className?: string;
+}
+declare const ArticleSlider: react__default.FC<ArticleSliderProps>;
+
 interface Config$3 {
     url: string | (() => string);
     params?: object | (() => object);
@@ -392,5 +406,5 @@ declare const formatDate: (dateString: string | null | undefined) => string | nu
 
 declare const eventbus: mitt.Emitter<Record<mitt.EventType, unknown>>;
 
-export { Accordion, AccordionItem, Alert, ArticleCity, ArticleType, BodyArticle, BodyArticleIntro, BodyArticleQuote, BodyStandard, BodyStandardBold, BodyStandardRegular, Button, Card, CollapsedCard, ConfirmModal, DataFrame, DataFrameItem, DataFrames, DescriptionList, DescriptionListItem, DescriptionListItems, DropCap, ExampleModal, FAQ, Heading2, Heading3, HeadingArticle, HeadingArticleFeed, HeadingPage, Icon, Input, MetaAuthor, MetaRegular, MetaStandard, ModalManager, NModal, NavigationCards, PortalNavigation, PremiumBadge, Skeleton, Tabs, eventbus, formatDate, keys as iconKeys, setData, useFetchData, useFetchList, useFormFactory, useFormHandler, useModalManager, useSharedState };
-export type { AccordionItemProps, AccordionProps, AlertProps, AlertVariant, ButtonProps, CardProps, CollapsedCardProps, ConfirmModalProps, DataFrameItemProps, DataFrameProps, DataFramesProps, DescriptionListItemProps, DescriptionListItemsProps, DescriptionListProps, FAQProps, IconProps, InputProps, Meta, NModalProps, NavigationCardsProps, PortalNavigationItem, PortalNavigationProps, PremiumBadgeProps, SkeletonProps, SkeletonSize, TabsProps, TypographyProps };
+export { Accordion, AccordionItem, Alert, ArticleCard, ArticleCity, ArticleSlider, ArticleType, Badge, BodyArticle, BodyArticleIntro, BodyArticleQuote, BodyStandard, BodyStandardBold, BodyStandardRegular, Button, ConfirmModal, DataFrame, DataFrameItem, DataFrames, DescriptionList, DescriptionListItem, DescriptionListItems, DropCap, ExampleModal, FAQ, Heading2, Heading3, HeadingArticle, HeadingArticleFeed, HeadingPage, Icon, Input, MetaAuthor, MetaRegular, MetaStandard, ModalManager, NModal, NavigationCards, PortalNavigation, Skeleton, Tabs, eventbus, formatDate, keys as iconKeys, setData, useFetchData, useFetchList, useFormFactory, useFormHandler, useModalManager, useSharedState };
+export type { AccordionItemProps, AccordionProps, AlertProps, AlertVariant, ArticleCardProps, ArticleSliderProps, BadgeProps, BadgeVariant, ButtonProps, ConfirmModalProps, DataFrameItemProps, DataFrameProps, DataFramesProps, DescriptionListItemProps, DescriptionListItemsProps, DescriptionListProps, FAQProps, IconColor, IconProps, IconSize, IconVariant, InputProps, Meta, NModalProps, NavigationCardsProps, PortalNavigationItem, PortalNavigationProps, SkeletonProps, SkeletonSize, TabsProps, TypographyProps };