@nd-storybook/storybook 0.3.0 → 0.3.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/dist/index.d.ts CHANGED
@@ -7,27 +7,38 @@ import * as mitt from 'mitt';
7
7
 
8
8
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
9
9
  variant?: 'primary' | 'secondary' | 'ghost' | 'dark' | 'pill';
10
- icon?: string | null;
10
+ iconLeft?: string | null;
11
+ iconRight?: string | null;
12
+ iconLeftVariant?: 'outline' | 'fill';
13
+ iconRightVariant?: 'outline' | 'fill';
11
14
  iconOnly?: boolean;
15
+ label?: string | react__default.ReactNode;
16
+ isActive?: boolean;
17
+ onToggle?: (isActive: boolean) => void;
12
18
  }
13
19
  declare const Button: react__default.FC<ButtonProps>;
14
20
 
21
+ type IconSize = 's' | 'm' | 'l' | 'xl' | 'xxl';
22
+ type IconColor = 'default' | 'gray' | 'brand' | 'warning' | 'inverse';
23
+ type IconVariant = 'outline' | 'fill';
15
24
  interface IconProps {
16
25
  name: string;
17
- size?: number;
18
- color?: string;
26
+ size?: IconSize;
27
+ color?: IconColor;
28
+ variant?: IconVariant;
19
29
  className?: string;
20
- variant?: "fill" | "outline";
21
30
  }
22
31
  declare const Icon: react__default.FC<IconProps>;
23
32
 
24
33
  declare function keys(variant?: 'outline' | 'fill'): string[];
25
34
 
26
- interface PremiumBadgeProps {
35
+ type BadgeVariant = 'premium' | 'dnk';
36
+ interface BadgeProps {
27
37
  className?: string;
28
38
  size?: 'small' | 'large';
39
+ variant?: BadgeVariant;
29
40
  }
30
- declare const PremiumBadge: react__default.FC<PremiumBadgeProps>;
41
+ declare const Badge: react__default.FC<BadgeProps>;
31
42
 
32
43
  type SkeletonSize = 'sm' | 'md' | 'lg' | Array<'sm' | 'md' | 'lg'>;
33
44
  interface SkeletonProps {
@@ -199,7 +210,7 @@ interface AlertProps {
199
210
  children: ReactNode;
200
211
  variant?: AlertVariant;
201
212
  }
202
- type AlertVariant = "dark" | "danger" | "info" | "success" | "warning";
213
+ type AlertVariant = "info" | "info-dark" | "warning";
203
214
  declare const Alert: react__default.FC<AlertProps>;
204
215
 
205
216
  interface DataFrameItemProps {
@@ -251,23 +262,6 @@ interface DataFramesProps {
251
262
  }
252
263
  declare function DataFrames(props: DataFramesProps): react_jsx_runtime.JSX.Element;
253
264
 
254
- interface CardProps {
255
- children?: ReactNode;
256
- image?: ReactNode;
257
- title?: ReactNode;
258
- footer?: ReactNode;
259
- }
260
- declare const Card: react__default.FC<CardProps>;
261
-
262
- interface CollapsedCardProps {
263
- title?: string;
264
- collapsed?: boolean;
265
- children?: ReactNode;
266
- header?: ReactNode;
267
- onToggle?: (isCollapsed: boolean) => void;
268
- }
269
- declare const CollapsedCard: react__default.FC<CollapsedCardProps>;
270
-
271
265
  interface InputProps extends react__default.InputHTMLAttributes<HTMLInputElement> {
272
266
  value: any;
273
267
  setValue: (value: any) => any;
@@ -392,5 +386,5 @@ declare const formatDate: (dateString: string | null | undefined) => string | nu
392
386
 
393
387
  declare const eventbus: mitt.Emitter<Record<mitt.EventType, unknown>>;
394
388
 
395
- 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 };
396
- 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 };
389
+ export { Accordion, AccordionItem, Alert, ArticleCity, 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 };
390
+ export type { AccordionItemProps, AccordionProps, AlertProps, AlertVariant, 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 };