@kystverket/styrbord 1.4.2 → 1.4.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/src/components/designsystemet/Button/Button.d.ts +2 -1
- package/dist/src/components/designsystemet/Button/Button.stories.d.ts +1 -0
- package/dist/src/components/kystverket/ColorTokenCollections/ColorTokenCollections.stories.d.ts +43 -0
- package/dist/src/components/kystverket/SlotDialog/SlotDialog.d.ts +13 -0
- package/dist/src/components/kystverket/SlotDialog/SlotDialog.stories.d.ts +19 -0
- package/dist/src/main.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/style.js +2414 -2393
- package/dist/style.umd.cjs +7 -7
- package/package.json +1 -1
|
@@ -4,8 +4,9 @@ export type ButtonProps = {
|
|
|
4
4
|
variant?: 'filled' | 'subtle' | 'outline' | 'ghost' | 'dashed';
|
|
5
5
|
color?: 'primary' | 'neutral' | 'danger';
|
|
6
6
|
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
disabled?: boolean;
|
|
7
8
|
text?: string;
|
|
8
9
|
href?: string;
|
|
9
10
|
target?: string;
|
|
10
|
-
} & Omit<DsButtonProps, 'variant' | 'data-color' | 'data-size'>;
|
|
11
|
+
} & Omit<DsButtonProps, 'variant' | 'data-color' | 'data-size' | 'disabled'>;
|
|
11
12
|
export declare const Button: FC<ButtonProps>;
|
package/dist/src/components/kystverket/ColorTokenCollections/ColorTokenCollections.stories.d.ts
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
type DataColor = 'primary' | 'neutral' | 'danger';
|
|
3
|
+
type DataColorSchemes = 'light' | 'dark';
|
|
4
|
+
type StoryArgs = {
|
|
5
|
+
dataColor: DataColor;
|
|
6
|
+
dataColorScheme: DataColorSchemes;
|
|
7
|
+
};
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
tags: string[];
|
|
11
|
+
component: ({ dataColor, dataColorScheme }: StoryArgs) => React.JSX.Element;
|
|
12
|
+
args: {
|
|
13
|
+
dataColor: "primary";
|
|
14
|
+
dataColorScheme: "light";
|
|
15
|
+
};
|
|
16
|
+
argTypes: {
|
|
17
|
+
dataColor: {
|
|
18
|
+
options: DataColor[];
|
|
19
|
+
control: {
|
|
20
|
+
type: "inline-radio";
|
|
21
|
+
};
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
dataColorScheme: {
|
|
25
|
+
options: DataColorSchemes[];
|
|
26
|
+
control: {
|
|
27
|
+
type: "inline-radio";
|
|
28
|
+
};
|
|
29
|
+
description: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
parameters: {
|
|
33
|
+
docs: {
|
|
34
|
+
description: {
|
|
35
|
+
component: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
render: (args: StoryArgs) => React.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
export default meta;
|
|
42
|
+
type Story = StoryObj<typeof meta>;
|
|
43
|
+
export declare const AllCollectionTokens: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SlotDialogProps {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
onClose?: () => void;
|
|
5
|
+
ref?: React.Ref<HTMLDialogElement>;
|
|
6
|
+
/**Should be enabled with long content */
|
|
7
|
+
longContent?: boolean;
|
|
8
|
+
title: string;
|
|
9
|
+
subtitle?: string;
|
|
10
|
+
buttons?: ReactNode;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare function SlotDialog({ title, subtitle, open, onClose, ref, buttons, children, longContent }: SlotDialogProps): React.JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { StoryFn } from '@storybook/react-vite';
|
|
2
|
+
import { SlotDialog } from '~/main';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof SlotDialog;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
docs: {
|
|
10
|
+
source: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const Default: StoryFn<typeof SlotDialog>;
|
|
18
|
+
export declare const WithRef: StoryFn<typeof SlotDialog>;
|
|
19
|
+
export declare const LotsOfContentWithLongContentProp: StoryFn<typeof SlotDialog>;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -61,6 +61,7 @@ export { default as Table } from './components/designsystemet/Table/Table';
|
|
|
61
61
|
export { Avatar } from './components/designsystemet/Avatar/Avatar';
|
|
62
62
|
export type { AvatarProps } from './components/designsystemet/Avatar/Avatar';
|
|
63
63
|
export { IdProvider, useIdProvider } from './utils/idContext';
|
|
64
|
+
export { SlotDialog, type SlotDialogProps } from './components/kystverket/SlotDialog/SlotDialog';
|
|
64
65
|
export { EXPERIMENTAL_Suggestion as Suggestion } from '@digdir/designsystemet-react';
|
|
65
66
|
export { RovingFocusItem, RovingFocusRoot, omit, useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from '@digdir/designsystemet-react';
|
|
66
67
|
export type { Size, UseRadioGroupProps, UseCheckboxGroupProps, UsePaginationProps, MergeRight, LabelRequired, } from '@digdir/designsystemet-react';
|