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