@sk-web-gui/core 3.2.0 → 3.4.0

package/dist/esm/components/zebratable.js

@@ -1,135 +0,0 @@
-export var ZebraTable = () => ({
-  '.sk-zebratable-wrapper': {
-    '@apply rounded-groups': {},
-    '@apply border-1': {},
-    '@apply bg-background-content': {},
-    '&-inside': {
-      '@apply border-0 rounded-t-groups': {},
-      '@apply overflow-hidden': {}
-    },
-    '&[data-variant="table"]': {
-      '&:not([data-background="true"])': {
-        '@apply border-0': {},
-        '@apply bg-transparent': {}
-      },
-      '.sk-zebratable-wrapper-inside': {
-        '@apply border-0 rounded-b-groups': {}
-      }
-    }
-  },
-  '.sk-zebratable': {
-    '@apply w-full text-left table-auto': {},
-    '@apply text-dark-secondary': {},
-    '&-thead': {
-      '@apply border-b-1 border-dark-primary': {},
-      '@apply h-48': {},
-      '&-tr': {
-        '@apply table-row': {},
-        '@apply text-label-small': {}
-      },
-      '&-th': {
-        '@apply py-4': {},
-        "&[data-isColumnSortable='true']": {
-          '@apply cursor-pointer': {}
-        }
-      },
-      '@apply bg-transparent': {},
-      '&[data-background="true"]': {
-        '@apply bg-vattjom-background-200 border-b-transparent': {}
-      }
-    },
-    '&-sortbutton': {
-      '@apply flex items-center': {},
-      '@apply focus-visible:ring ring-ring ring-offset-0': {},
-      '@apply focus-visible:bg-vattjom-background-200': {},
-      '@apply rounded-utility': {},
-      '@apply px-16': {},
-      '@apply h-40': {},
-      '&-icon': {
-        '@apply inline-flex pl-sm': {},
-        '&-sort': {
-          '@apply text-dark-secondary': {},
-          '@apply flex flex-col': {},
-          svg: {
-            '@apply h-16 w-16': {},
-            '@apply first-of-type:-mb-4': {},
-            '@apply last-of-type:-mt-4': {}
-          },
-          "&[data-sortmodeascending='true']": {
-            '> *': {
-              '@apply last-of-type:text-dark-ghost': {}
-            }
-          },
-          "&[data-sortmodeascending='false']": {
-            '> *': {
-              '@apply first-of-type:text-dark-ghost': {}
-            }
-          }
-        }
-      }
-    },
-    '&-tbody': {
-      '@apply text-dark-secondary bg-transparent': {},
-      '&-tr': {
-        '@apply bg-transparent': {},
-        '@apply hover:bg-background-100': {},
-        '@apply border-b-1': {},
-        '@apply last-of-type:border-b-transparent': {}
-      },
-      '&-td': {
-        '@apply text-small': {},
-        '&-content': {
-          '@apply inline-flex': {},
-          '@apply justify-start items-center': {},
-          '@apply gap-8': {},
-          '@apply py-8 px-18': {},
-          '@apply h-[6.3rem]': {},
-          '@apply min-h-[6.3rem]': {}
-        }
-      }
-    },
-    '&[data-dense="true"]': {
-      '.sk-zebratable': {
-        '&-thead': {
-          '&-th': {
-            '@apply py-4': {}
-          }
-        },
-        '&-tbody': {
-          '&-td-content': {
-            '@apply py-0': {},
-            '@apply h-[4.7rem]': {},
-            '@apply min-h-[4.7rem]': {}
-          }
-        }
-      }
-    },
-    '&-paginationwrapper': {
-      '@apply w-full max-w-[60rem]': {},
-      '@apply shrink': {}
-    },
-    '&-bottom': {
-      '@apply py-14 px-16': {},
-      '@apply border-t-1': {},
-      '@apply flex flex-row': {},
-      '@apply gap-32': {},
-      '@apply justify-between items-center': {},
-      '&-section': {
-        '@apply shrink-0': {},
-        '@apply flex flex-row': {},
-        '@apply justify-start items-center': {},
-        '@apply gap-8': {},
-        '&-label': {
-          '@apply font-normal': {},
-          '@apply text-small': {},
-          '@apply shrink-0': {}
-        }
-      },
-      '&-pagination': {
-        '@apply grow': {},
-        '@apply shrink': {}
-      }
-    }
-  }
-});
-//# sourceMappingURL=zebratable.js.map

package/dist/esm/components/zebratable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/types/accordion/src/accordion/accordion-item.d.ts

@@ -1,8 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import { DisclosureProps } from '../disclosure/disclosure';
-import { UseAccordionProps } from '../accordion/accordion';
-import React from 'react';
-export interface AccordionItemProps extends DefaultProps, UseAccordionProps, React.ComponentPropsWithRef<'div'>, Omit<DisclosureProps, 'size' | 'variant'> {
-}
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AccordionItem;

package/dist/types/accordion/src/accordion/accordion.d.ts

@@ -1,25 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-import { DisclosureProps } from '../disclosure/disclosure';
-export interface UseAccordionProps extends Pick<DisclosureProps, 'headerAs'> {
-    /**
-     * Will close any item open when another is opened
-     * @deafult false
-     */
-    allowMultipleOpen?: boolean;
-    /**
-     * Size of the accordion
-     * @default md
-     */
-    size?: 'sm' | 'md';
-}
-interface UseAccordionData extends UseAccordionProps {
-    open?: string[];
-    onClose?: (id: string) => void;
-    onOpen?: (id: string) => void;
-}
-export interface AccordionInternalProps extends DefaultProps, UseAccordionProps, React.ComponentPropsWithRef<'ul'> {
-}
-export declare const useAccordion: () => UseAccordionData;
-export declare const AccordionComponent: React.ForwardRefExoticComponent<Omit<AccordionInternalProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export default AccordionComponent;

package/dist/types/accordion/src/accordion/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AccordionComponent, AccordionInternalProps } from './accordion';
-import AccordionItem from './accordion-item';
-interface AccordionProps extends React.ForwardRefExoticComponent<AccordionInternalProps> {
-    Component: typeof AccordionComponent;
-    Item: typeof AccordionItem;
-}
-export declare const Accordion: AccordionProps;
-export type { AccordionProps };
-export default Accordion;

package/dist/types/accordion/src/disclosure/disclosure.d.ts

@@ -1,53 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-import { Label } from '@sk-web-gui/label';
-import { IconProps } from '@sk-web-gui/icon';
-export interface DisclosureProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /**
-     * Open disclosure from start
-     * @default false
-     */
-    initalOpen?: boolean;
-    /**
-     * Control open state externally
-     * @default undefined
-     */
-    open?: boolean;
-    /** Header. */
-    header: React.ReactNode;
-    /** Makes disclosure disabled */
-    disabled?: boolean;
-    /**
-     * Element to wrap header in.
-     * @default label
-     */
-    headerAs?: React.ElementType;
-    children?: React.ReactNode;
-    id?: string;
-    onToggleOpen?: (open: boolean) => void;
-    /**
-     * Size of the disclosure
-     * @default md
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Style variant,
-     */
-    variant?: 'default' | 'alt';
-    /** Leading icon. Will be displayed before the header */
-    icon?: React.ComponentProps<IconProps>['name'];
-    /** Support text. Will be displayed after the header. */
-    supportText?: string;
-    /** Label. Will be displayed after the header. */
-    label?: string;
-    /** Color of the label
-     * @default gronsta
-     */
-    labelColor?: React.ComponentProps<typeof Label>['color'];
-    /** Inverts the colors of the label
-     * @default true
-     */
-    labelInverted?: React.ComponentProps<typeof Label>['inverted'];
-}
-export declare const Disclosure: React.ForwardRefExoticComponent<Omit<DisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Disclosure;

package/dist/types/accordion/src/disclosure/index.d.ts

@@ -1,4 +0,0 @@
-import { Disclosure, DisclosureProps } from './disclosure';
-export { Disclosure };
-export type { DisclosureProps };
-export default Disclosure;

package/dist/types/accordion/src/disclosure/styles.d.ts

@@ -1 +0,0 @@
-export declare const useDisclosureClass: (args?: any) => string;

package/dist/types/accordion/src/index.d.ts

@@ -1,4 +0,0 @@
-export * from './disclosure';
-export type * from './disclosure';
-export * from './accordion';
-export type * from './accordion';

package/dist/types/accordion/stories/accordion.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { AccordionProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<import("../src/accordion/accordion").AccordionInternalProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export default _default;
-export declare const Template: {
-    (args: React.ComponentPropsWithRef<AccordionProps['Component']>): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/accordion/stories/disclosure.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DisclosureProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<DisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Template: {
-    (args: DisclosureProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
-export declare const AlternativeVariant: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './src';
-export type * from './src';

package/dist/types/avatar/src/avatar.d.ts

@@ -1,17 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-interface IAvatarProps extends DefaultProps {
-    imageAlt?: string;
-    imageElement?: React.ReactElement;
-    placeholderImage?: string;
-    imageUrl?: string;
-    initials?: string;
-    size?: 'sm' | 'md' | 'lg';
-    color?: 'juniskar' | 'bjornstigen' | 'gronsta' | 'vattjom';
-    accent?: boolean;
-    rounded?: boolean;
-}
-export interface AvatarProps extends Omit<React.ComponentPropsWithRef<'div'>, 'color'>, IAvatarProps {
-}
-export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Avatar;

package/dist/types/avatar/src/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Avatar, AvatarProps } from './avatar';
-export { Avatar };
-export type { AvatarProps };
-declare const _default: {
-    Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-};
-export default _default;

package/dist/types/avatar/stories/avatar.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { AvatarProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Template: {
-    (args: AvatarProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './src';
-export type * from './src';

package/dist/types/badge/src/badge.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DefaultProps } from '@sk-web-gui/utils';
-interface IBadgeProps extends DefaultProps {
-    color?: 'tertiary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    counter?: string | number;
-    inverted?: boolean;
-    rounded?: boolean;
-}
-export interface BadgeProps extends Omit<React.ComponentPropsWithRef<'span'>, 'color'>, IBadgeProps {
-}
-export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export default Badge;

package/dist/types/badge/src/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Badge, BadgeProps } from './badge';
-export { Badge };
-export type { BadgeProps };
-declare const _default: {
-    Badge: import("react").ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-};
-export default _default;

package/dist/types/badge/stories/badge.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { BadgeProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export default _default;
-export declare const Template: {
-    (args: BadgeProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/breadcrumb/src/breadcrumb.d.ts

@@ -1,41 +0,0 @@
-import { LinkProps } from '@sk-web-gui/link';
-import { PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-export interface BreadcrumbSeparatorProps extends DefaultProps, React.ComponentPropsWithRef<'span'> {
-    children?: React.ReactNode;
-}
-export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-interface BreadcrumbLinkProps extends LinkProps {
-    /**
-     * If `true`, indicates that the breadcrumb item is active, adds
-     * `aria-current=page` and renders a `span`
-     */
-    currentPage?: boolean;
-}
-export type IBreadcrumbLinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, BreadcrumbLinkProps>;
-export type { BreadcrumbLinkProps };
-export declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<IBreadcrumbLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
-interface IBreadcrumbProps extends DefaultProps {
-    /** @default / */
-    separator?: string | React.ReactElement;
-    /** @default true */
-    addSeparator?: boolean;
-    /** @default primary */
-    color?: 'primary' | 'vattjom';
-    /** React Node */
-    children?: React.ReactNode;
-}
-export interface BreadcrumbProps extends Omit<React.ComponentPropsWithRef<'nav'>, 'color'>, IBreadcrumbProps {
-}
-export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Breadcrumb;
-export interface BreadcrumbItemProps extends IBreadcrumbProps, Omit<React.ComponentPropsWithRef<'li'>, 'color'> {
-    /**
-     * If `true`, indicates that the breadcrumb item is active, adds
-     * `aria-current=page` and renders a `span`
-     */
-    currentPage?: boolean;
-    lastChild?: boolean;
-}
-export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/types/breadcrumb/src/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Breadcrumb as InternalBreadcrumb, BreadcrumbProps as InternalBreadcrumbProps } from './breadcrumb';
-interface BreadcrumbProps extends React.ForwardRefExoticComponent<InternalBreadcrumbProps> {
-    Component: typeof InternalBreadcrumb;
-    Item: typeof BreadcrumbItem;
-    Link: typeof BreadcrumbLink;
-    Separator: typeof BreadcrumbSeparator;
-}
-export declare const Breadcrumb: BreadcrumbProps;
-export type { BreadcrumbProps };
-export default Breadcrumb;

package/dist/types/breadcrumb/stories/breadcrumb.stories.d.ts

@@ -1,7 +0,0 @@
-import { BreadcrumbProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/breadcrumb").BreadcrumbProps>;
-export default _default;
-export declare const Template: {
-    (args: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/button/src/button-group.d.ts

@@ -1,15 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-import { ButtonProps } from './button';
-export interface ButtonGroupProps extends DefaultProps {
-    /** Set all wrapped button disabled */
-    disabled?: boolean;
-    /** Set all wrapped button size */
-    size?: ButtonProps['size'];
-    /** Set all wrapped button appearance */
-    variant?: ButtonProps['variant'];
-    inverted?: boolean;
-    children?: React.ReactNode;
-}
-export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default ButtonGroup;

package/dist/types/button/src/button.d.ts

@@ -1,49 +0,0 @@
-import { DefaultProps, PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
-import React from 'react';
-export interface ButtonProps extends DefaultProps, React.ComponentPropsWithRef<'button'> {
-    loading?: boolean;
-    /** Makes button disabled */
-    disabled?: boolean;
-    /** Makes button active */
-    active?: boolean;
-    /** The label to show in the button when loading is true */
-    loadingText?: string;
-    /** Set the original html type of button */
-    /** Adds icon before button label */
-    leftIcon?: React.ReactElement;
-    /** Adds icon after button label */
-    rightIcon?: React.ReactElement;
-    /** Set the button color */
-    color?: 'info' | 'success' | 'primary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    /** Size of the button */
-    size?: 'sm' | 'md' | 'lg';
-    /** Controls button appearance */
-    variant?: 'link' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
-    /** React node */
-    children?: React.ReactNode;
-    /** Sets the button to the rounded variant */
-    rounded?: boolean;
-    /** Sets if inverted look */
-    inverted?: boolean;
-    /** Sets if this is an icon button */
-    iconButton?: boolean;
-    /** Make sure to use aria-describedby or such for accessibility */
-    'aria-disabled'?: React.ButtonHTMLAttributes<HTMLButtonElement>['aria-disabled'];
-    /**
-     * If the background of the button should be shown
-     * @default true
-     */
-    showBackground?: boolean;
-}
-export interface ButtonContentProps {
-    loading?: ButtonProps['loading'];
-    loadingText?: ButtonProps['loadingText'];
-    leftIcon?: ButtonProps['leftIcon'];
-    rightIcon?: ButtonProps['rightIcon'];
-    children?: ButtonProps['children'];
-    size?: ButtonProps['size'];
-}
-export declare const ButtonContent: React.FC<ButtonContentProps>;
-export type IButtonProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ButtonProps>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
-export default Button;

package/dist/types/button/src/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ButtonContent, Button as InternalButton, ButtonProps as InternalButtonProps } from './button';
-import { ButtonGroup } from './button-group';
-interface ButtonProps extends React.ForwardRefExoticComponent<InternalButtonProps> {
-    Component: typeof InternalButton;
-    Group: typeof ButtonGroup;
-    Content: typeof ButtonContent;
-}
-export declare const Button: ButtonProps;
-export type { ButtonProps };
-export default Button;

package/dist/types/button/src/styles.d.ts

@@ -1 +0,0 @@
-export declare const useButtonClass: (args?: any) => string;

package/dist/types/button/stories/announcement.d.ts

@@ -1,5 +0,0 @@
-export declare const Announcement: ({ color, size, ...rest }: {
-    [x: string]: any;
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/button/stories/button-group.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/button-group").ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Template: {
-    ({ ...args }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/button/stories/button.stories.d.ts

@@ -1,7 +0,0 @@
-import { ButtonProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/button").ButtonProps>;
-export default _default;
-export declare const Template: {
-    ({ children, ...args }: React.ComponentPropsWithRef<ButtonProps>): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

package/dist/types/card/src/card.d.ts

@@ -1,60 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-export interface CardProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** Set background color to card
-     * @default mono
-     */
-    color?: 'mono' | 'tertiary' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    /** Make the card inverted
-     * @default false
-     */
-    invert?: boolean;
-    /** Change layout of card
-     * @default vertical
-     */
-    layout?: 'vertical' | 'horizontal';
-    /** If the card should be clickable, will apply hover style
-     * @default false;
-     */
-    useHoverEffect?: boolean;
-    /** Make the card linkable
-     */
-    href?: string;
-}
-export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardImageProps extends DefaultProps, React.ComponentPropsWithRef<'img'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** The image `src` attribute */
-    src?: string;
-    /** The alt text for the image */
-    alt?: string;
-    /** Make the card inverted */
-    inverted?: string;
-}
-export declare const CardImage: React.ForwardRefExoticComponent<Omit<CardImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
-export interface CardBodyProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'>, Pick<CardProps, 'color'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** Make the card inverted */
-    inverted?: string;
-}
-export declare const CardBody: React.ForwardRefExoticComponent<Omit<CardBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardMetaProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** Insert date object and it will apply date and time to the card */
-    datetime?: Date;
-}
-export declare const CardMeta: React.ForwardRefExoticComponent<Omit<CardMetaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardHeaderProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** React node */
-    children?: React.ReactNode;
-}
-export declare const CardHeader: React.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardTextProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** React node */
-    children?: React.ReactNode;
-}
-export declare const CardText: React.ForwardRefExoticComponent<Omit<CardTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Card;

package/dist/types/card/src/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Card as InternalCard, CardProps as InternalCardProps, CardImage, CardBody, CardHeader, CardText, CardMeta } from './card';
-import { MetaCard as InternalMetaCard, MetaCardProps as InternalMetaCardProps, MetaCardBody, MetaCardHeader, MetaCardText } from './meta-card';
-interface CardProps extends React.ForwardRefExoticComponent<InternalCardProps> {
-    Component: typeof InternalCard;
-    Image: typeof CardImage;
-    Body: typeof CardBody;
-    Header: typeof CardHeader;
-    Text: typeof CardText;
-    Meta: typeof CardMeta;
-}
-interface MetaCardProps extends React.ForwardRefExoticComponent<InternalMetaCardProps> {
-    Component: typeof InternalMetaCard;
-    Body: typeof MetaCardBody;
-    Header: typeof MetaCardHeader;
-    Text: typeof MetaCardText;
-}
-export declare const Card: CardProps;
-export declare const MetaCard: MetaCardProps;
-export type { CardProps, MetaCardProps };
-export default Card;