@sk-web-gui/core 3.5.0 → 3.7.0

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

@@ -0,0 +1,53 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1,11 @@
+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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1,21 @@
+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;

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

@@ -0,0 +1,42 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMetaCardProps extends DefaultProps {
+    /** React node */
+    children?: React.ReactNode;
+    /** Set background color to card
+     * @default vattjom
+     */
+    color?: 'mono' | 'vattjom';
+    /** If the card should be clickable, will apply hover style
+     * @default false;
+     */
+    useHoverEffect?: boolean;
+    /** Make the card linkable
+     */
+    href?: string;
+}
+export interface MetaCardProps extends Omit<React.ComponentPropsWithRef<'div'>, 'color'>, IMetaCardProps {
+}
+export declare const MetaCard: React.ForwardRefExoticComponent<Omit<MetaCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface IMetaCardBodyProps extends DefaultProps {
+    /** React node */
+    children?: React.ReactNode;
+}
+export interface MetaCardBodyProps extends React.ComponentPropsWithRef<'div'>, IMetaCardBodyProps {
+}
+export declare const MetaCardBody: React.ForwardRefExoticComponent<Omit<MetaCardBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface IMetaCardHeaderProps extends DefaultProps {
+    /** React node */
+    children?: React.ReactNode;
+}
+export interface MetaCardHeaderProps extends React.ComponentPropsWithRef<'div'>, IMetaCardHeaderProps {
+}
+export declare const MetaCardHeader: React.ForwardRefExoticComponent<Omit<MetaCardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface IMetaCardTextProps extends DefaultProps {
+    /** React node */
+    children?: React.ReactNode;
+}
+export interface MetaCardTextProps extends React.ComponentPropsWithRef<'div'>, IMetaCardTextProps {
+}
+export declare const MetaCardText: React.ForwardRefExoticComponent<Omit<MetaCardTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default MetaCard;

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

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

package/dist/types/card/stories/meta-card.stories.d.ts

@@ -0,0 +1,4 @@
+import { MetaCardProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/meta-card").MetaCardProps>;
+export default _default;
+export declare const Template: (args: MetaCardProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ChipProps extends React.ComponentPropsWithRef<'button'> {
+    strong?: boolean;
+    inverted?: boolean;
+    rounded?: boolean;
+}
+export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,4 @@
+import { Chip, ChipProps } from './chip';
+export { Chip };
+export type { ChipProps };
+export default Chip;

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

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