@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/css/tailwind.css +0 -4
- package/dist/css/tokens.css +57 -274
- package/dist/index.cjs.js +32 -32
- package/dist/index.d.ts +20 -26
- package/dist/index.es.js +3306 -3040
- package/dist/tailwind.config.js +1 -11
- package/dist/tailwind.tokens.js +9 -206
- package/dist/tokens.utilities.js +211 -383
- package/package.json +1 -1
- package/tailwind.config.js +1 -1
- package/tailwind.tokens.js +5 -2
- package/tokens.utilities.js +1 -1
- package/dist/css/badge.css +0 -20
- package/dist/css/button.css +0 -0
- package/dist/css/components/.DS_Store +0 -0
- package/dist/css/components/portal/tabs.css +0 -220
- package/dist/css/experimental/collapsed-card.css +0 -16
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
|
-
|
|
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?:
|
|
18
|
-
color?:
|
|
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
|
-
|
|
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
|
|
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 = "
|
|
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,
|
|
396
|
-
export type { AccordionItemProps, AccordionProps, AlertProps, AlertVariant,
|
|
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 };
|