karsten-design-system 1.0.2 → 1.0.3
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/auto-Ccr0jDWk.js +14782 -0
- package/dist/auto-Ccr0jDWk.js.map +1 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.js +15067 -2962
- package/dist/index.js.map +1 -1
- package/dist/mock/mockedComponente/mockedInternalMenu.d.ts +1 -0
- package/dist/mock/mockedComponente/screenContainer.d.ts +5 -0
- package/dist/stories/components/accordion.d.ts +1 -1
- package/dist/stories/components/autoComplete.d.ts +1 -1
- package/dist/stories/components/breadcrumb.d.ts +1 -1
- package/dist/stories/components/breadcrumb.stories.d.ts +1 -1
- package/dist/stories/components/button.d.ts +1 -1
- package/dist/stories/components/button.stories.d.ts +1 -1
- package/dist/stories/components/card.d.ts +1 -1
- package/dist/stories/components/chart.d.ts +1 -1
- package/dist/stories/components/dateInput.d.ts +1 -1
- package/dist/stories/components/dialog.d.ts +1 -1
- package/dist/stories/components/divider.d.ts +1 -1
- package/dist/stories/components/filterButton.d.ts +1 -1
- package/dist/stories/components/header.d.ts +1 -1
- package/dist/stories/components/iconButton.d.ts +1 -1
- package/dist/stories/components/iconButton.stories.d.ts +1 -1
- package/dist/stories/components/infoCard.d.ts +1 -1
- package/dist/stories/components/input.d.ts +1 -1
- package/dist/stories/components/internalMenu.d.ts +1 -1
- package/dist/stories/components/link.d.ts +1 -1
- package/dist/stories/components/megaMenu.d.ts +1 -1
- package/dist/stories/components/megaMenu.stories.d.ts +1 -1
- package/dist/stories/components/notification.d.ts +2 -2
- package/dist/stories/components/paginator.d.ts +1 -1
- package/dist/stories/components/radioButton.d.ts +1 -1
- package/dist/stories/components/select.d.ts +1 -1
- package/dist/stories/components/sidebar.d.ts +1 -1
- package/dist/stories/components/skeleton.d.ts +1 -1
- package/dist/stories/components/spinner.d.ts +1 -1
- package/dist/stories/components/spinner.stories.d.ts +1 -1
- package/dist/stories/components/table.d.ts +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function MockedInternalMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,5 +6,5 @@ type AccordionProps = {
|
|
|
6
6
|
activeIndex?: number | number[];
|
|
7
7
|
className?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export declare function Accordion({ tabsChindren, headers, multiple, activeIndex, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -4,5 +4,5 @@ type AutoCompleteProps = {
|
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
5
|
error?: string;
|
|
6
6
|
} & Omit<InputTextProps, 'onChange'>;
|
|
7
|
-
export
|
|
7
|
+
export declare function AutoComplete({ items, onChange, error, ...props }: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -2,5 +2,5 @@ import { BreadcrumpItems } from '../../types';
|
|
|
2
2
|
type BreadcrumbProps = {
|
|
3
3
|
items: BreadcrumpItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -13,5 +13,5 @@ type ButtonProps = {
|
|
|
13
13
|
selected?: boolean;
|
|
14
14
|
rightIcon?: string;
|
|
15
15
|
} & PrimeButtonProps;
|
|
16
|
-
export
|
|
16
|
+
export declare function Button({ variant, selected, rightIcon, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -2,5 +2,5 @@ type CardProp = {
|
|
|
2
2
|
children: React.ReactNode;
|
|
3
3
|
className?: string;
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function Card({ children, className }: CardProp): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChartProps as PrimeChartProps } from 'primereact/chart';
|
|
2
2
|
export type ChartProps = PrimeChartProps;
|
|
3
|
-
export
|
|
3
|
+
export declare function Chart(props: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,5 +2,5 @@ import { CalendarProps } from 'primereact/calendar';
|
|
|
2
2
|
type DateInputProps = {
|
|
3
3
|
error?: boolean;
|
|
4
4
|
} & CalendarProps;
|
|
5
|
-
export
|
|
5
|
+
export declare function DateInput({ error, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -5,5 +5,5 @@ type DialogProps = {
|
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
onClick: () => void;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export declare function Dialog({ title, description, labelConfirmButton, onClose, onClick, }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { DividerProps } from 'primereact/divider';
|
|
2
|
-
export
|
|
2
|
+
export declare function Divider({ ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,5 +14,5 @@ type FilterButtonProps = {
|
|
|
14
14
|
icon: React.ReactNode | string;
|
|
15
15
|
label: string;
|
|
16
16
|
} & Omit<PrimeButtonProps, 'icon'>;
|
|
17
|
-
export
|
|
17
|
+
export declare function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -5,5 +5,5 @@ type MenubarProps = {
|
|
|
5
5
|
username: string;
|
|
6
6
|
setOpenNotifications: (value: boolean) => void;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export declare function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -7,5 +7,5 @@ type ButtonProps = {
|
|
|
7
7
|
variant: keyof typeof variants;
|
|
8
8
|
icon: string;
|
|
9
9
|
} & PrimeButtonProps;
|
|
10
|
-
export
|
|
10
|
+
export declare function IconButton({ variant, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -6,5 +6,5 @@ type InfoCardProps = {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
titleClassName?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export declare function InfoCard({ title, children, icon, className, titleClassName, }: InfoCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -13,5 +13,5 @@ declare const variants: {
|
|
|
13
13
|
green: string;
|
|
14
14
|
gray: string;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export declare function Input({ onChange, placeholder, disabled, error, icon, onClickIcon, iconColor, label, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -2,5 +2,5 @@ import { InternalMenuItems } from '../../types/internalMenu';
|
|
|
2
2
|
type InternalMenuProp = {
|
|
3
3
|
item: InternalMenuItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function InternalMenu({ item }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -3,5 +3,5 @@ interface LinkProps {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export declare function Link({ href, children, className }: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -2,5 +2,5 @@ import { MegaMenuItems } from '../../types';
|
|
|
2
2
|
type MegaMenuProps = {
|
|
3
3
|
items: MegaMenuItems[];
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function MegaMenu({ items }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -6,11 +6,11 @@ type NotificationProps = {
|
|
|
6
6
|
onDeleteNotificationbyId: (id: string) => void;
|
|
7
7
|
onClickNotification: (id: string) => void;
|
|
8
8
|
notifications: NotificationType[];
|
|
9
|
-
setFilter: (value: Option) => void;
|
|
9
|
+
setFilter: (value: Option | null) => void;
|
|
10
10
|
filter: Option | null;
|
|
11
11
|
setInputValue: (value: string) => void;
|
|
12
12
|
inputValue: string;
|
|
13
13
|
filterOptions: Option[];
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export declare function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { PaginatorProps } from 'primereact/paginator';
|
|
2
|
-
export
|
|
2
|
+
export declare function Paginator(props: PaginatorProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,5 +11,5 @@ interface RadioButtonProps {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
error?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export declare function RadioButton({ label, value, checked, onChange, disabled, error, variant, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -7,5 +7,5 @@ type SelectProps = {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
error?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export declare function Select({ options, value, onChange, placeholder, disabled, error, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -3,5 +3,5 @@ type sidebarProps = {
|
|
|
3
3
|
item?: InternalMenuItems[];
|
|
4
4
|
onClose?: () => void;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export declare function Sidebar({ item, onClose }: sidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SkeletonProps } from 'primereact/skeleton';
|
|
2
|
-
export
|
|
2
|
+
export declare function Skeleton({ shape, width, height, borderRadius, animation, size, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,5 +11,5 @@ declare const sizeVariants: {
|
|
|
11
11
|
md: string;
|
|
12
12
|
lg: string;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export declare function Spinner({ size, color }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -7,5 +7,5 @@ type tableProps = {
|
|
|
7
7
|
onEdit: (index: number) => void;
|
|
8
8
|
onExport: (index: number) => void;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export declare function Table({ columns, data, onDelete, onEdit, onExport, columnStyles, }: tableProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "karsten-design-system",
|
|
3
3
|
"description": "Kasrten Design System Components",
|
|
4
|
-
"version": "1.0.
|
|
5
|
-
"main": "dist/index.js",
|
|
4
|
+
"version": "1.0.3",
|
|
5
|
+
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"type": "module",
|