@sk-web-gui/core 0.1.37 → 0.1.38

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

@@ -0,0 +1,21 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IButtonProps extends DefaultProps {
+    loading?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+    loadingText?: string;
+    type?: 'button' | 'reset' | 'submit';
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Controls button appearance */
+    variant?: 'link' | 'solid' | 'outline' | 'light' | 'ghost';
+    children?: React.ReactNode;
+    rounded?: boolean;
+}
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IButtonProps {
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ButtonProps } from './button';
+declare type OmittedProps = 'leftIcon' | 'rightIcon' | 'loadingText';
+interface IIconButtonProps extends Omit<ButtonProps, OmittedProps> {
+    /**
+     * The icon to be used in the button.
+     */
+    icon?: React.ReactElement;
+}
+export interface IconButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IIconButtonProps {
+    /**
+     * A11y: A label that describes the button
+     */
+    'aria-label'?: string;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ButtonProps } from './button';
+import { ButtonGroup, ButtonGroupProps } from './button-group';
+import { IconButton, IconButtonProps } from './icon-button';
+interface Button extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>> {
+    Group: typeof ButtonGroup;
+}
+declare const Button: Button;
+export type { ButtonProps, ButtonGroupProps, IconButtonProps };
+export { Button, ButtonGroup, IconButton };

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,6 @@
+/// <reference types="react" />
+export declare const Announcement: ({ color, size, ...rest }: {
+    [x: string]: any;
+    color?: string | undefined;
+    size?: number | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Button } from '../src';
+declare const _default: {
+    title: string;
+    component: Button;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Knappgrupp: () => JSX.Element;
+export declare const Fastsittandes: () => JSX.Element;

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

@@ -0,0 +1,127 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { ButtonProps } from '../src';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Template: {
+    ({ ...args }: ButtonProps): JSX.Element;
+    storyName: string;
+    argTypes: {
+        disabled: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        loading: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        loadingText: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: string;
+        };
+        variant: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        type: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        color: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: (string | undefined)[];
+            control: string;
+            defaultValue: string;
+        };
+        rounded: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+    };
+};

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../src").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Outline: () => JSX.Element;
+export declare const Solid: () => JSX.Element;
+export declare const Light: () => JSX.Element;
+export declare const Ghost: () => JSX.Element;
+export declare const Size: () => JSX.Element;

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

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

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

@@ -0,0 +1,38 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import { LinkProps } from '@sk-web-gui/link';
+import * as React from 'react';
+interface ICardProps extends DefaultProps {
+    clickable?: boolean;
+    outlined?: boolean;
+    borderTop?: boolean;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+}
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, ICardProps {
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface ICardListProps extends DefaultProps {
+    as?: React.ElementType;
+    children?: React.ReactNode;
+}
+export interface CardListProps extends React.HTMLAttributes<HTMLDivElement>, ICardListProps {
+}
+export declare const CardList: React.ForwardRefExoticComponent<CardListProps & React.RefAttributes<HTMLDivElement>>;
+interface ICardBodyProps extends DefaultProps {
+    as?: React.ElementType;
+    children?: React.ReactNode;
+}
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement>, ICardBodyProps {
+}
+export declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+interface ICardImageProps extends DefaultProps {
+    as?: React.ElementType;
+    children?: React.ReactNode;
+    src?: string;
+    alt?: string;
+}
+export interface CardImageProps extends React.HTMLAttributes<HTMLImageElement>, ICardImageProps {
+}
+export declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLImageElement>>;
+export declare const CardLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1 @@
+export * from './card';

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

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

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { CardProps } from '../src';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {};
+};
+export default _default;
+export declare const Template: {
+    (args: CardProps): JSX.Element;
+    argTypes: {
+        clickable: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        borderTop: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        outlined: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+    };
+    storyName: string;
+};

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

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

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

@@ -0,0 +1,36 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+import { CheckboxProps } from './checkbox';
+export interface CheckboxGroupProps extends DefaultProps {
+    /**
+     * The id of the checkbox group.
+     */
+    id?: CheckboxProps['id'];
+    /**
+     * The name of the checkbox group. This prop is passed to each checbox
+     */
+    name?: CheckboxProps['name'];
+    /**
+     * The content of the checkbox group. Must be the `Checkbox` component
+     */
+    children?: React.ReactNode;
+    /**
+     * The initial value of the checkbox group
+     */
+    defaultValue?: Array<CheckboxProps['value']>;
+    /**
+     * The value of the checkbox group
+     */
+    value?: Array<CheckboxProps['value']>;
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked
+     */
+    onChange?: (value: Array<CheckboxProps['value']>) => void;
+    /**
+     * If `true`, the checkboxes will aligned horizontally.
+     */
+    inline?: boolean;
+    size?: CheckboxProps['size'];
+    color?: CheckboxProps['color'];
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,46 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface ICheckboxProps<T = HTMLInputElement> extends DefaultProps {
+    disabled?: React.InputHTMLAttributes<T>['disabled'];
+    invalid?: boolean;
+    required?: React.InputHTMLAttributes<T>['required'];
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    indeterminate?: boolean;
+    /**
+     * If `true`, the checkbox will be initially checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the checkbox will be checked.
+     * You'll need to pass `onChange` to update it's value (since it's now controlled)
+     */
+    checked?: boolean;
+    id?: string;
+    name?: string;
+    value?: string | number;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * A11y: A label that describes the input
+     */
+    'aria-label'?: string;
+    /**
+     * A11y: The id of the element that describes the input
+     */
+    'aria-describedby'?: string;
+    /**
+     * A11y: Refers to the id of the element that labels the checkbox element.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * The children is the label to be displayed to the right of the checkbox.
+     */
+    children?: React.ReactNode;
+    /**
+     * The callback invoked when the checked state of the `Checkbox` changes..
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+export declare type CheckboxProps = ICheckboxProps & React.HTMLAttributes<HTMLInputElement>;
+export declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxProps<HTMLInputElement> & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { CheckboxProps } from './checkbox';
+import { CheckboxGroup, CheckboxGroupProps } from './checkbox-group';
+interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
+    Group: typeof CheckboxGroup;
+}
+declare const Checkbox: Checkbox;
+export type { CheckboxProps, CheckboxGroupProps };
+export { Checkbox, CheckboxGroup };

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

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

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

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import { Checkbox, CheckboxProps } from '../src';
+declare const _default: {
+    title: string;
+    component: Checkbox;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    (args: CheckboxProps): JSX.Element;
+    argTypes: {
+        required: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        invalid: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        disabled: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        indeterminate: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        defaultChecked: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+    storyName: string;
+};

package/dist/types/cookie-consent/index.d.ts

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

package/dist/types/cookie-consent/src/cookie-consent.d.ts

@@ -0,0 +1,37 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import React from 'react';
+import { CookieSetOptions } from 'universal-cookie';
+export declare const defaultCookieConsentName = "SKCookieConsent";
+export interface ConsentCookie {
+    optional: boolean;
+    displayName: string;
+    description: string;
+    cookieName: string;
+}
+export interface CheckableConsentCookie extends ConsentCookie {
+    isChecked: boolean;
+}
+export declare enum ConsentType {
+    Necessary = "Necessary",
+    All = "All",
+    Custom = "Custom"
+}
+export declare function getConsent(): string[];
+export declare function resetConsent(): void;
+export declare function getCheckableCookies(cookies: ConsentCookie[]): CheckableConsentCookie[];
+interface CookieConsentProps extends DefaultProps {
+    isOpen?: boolean;
+    onConsent: (cookies: ConsentCookie[]) => void;
+    closeable?: boolean;
+    onDecline?: () => void;
+    cookies: ConsentCookie[];
+    title: string;
+    body: React.ReactElement;
+    resetConsentOnInit: boolean;
+    options?: CookieSetOptions;
+}
+export declare function CookieConsent({ title, body, onConsent, cookies, onDecline, closeable, resetConsentOnInit, options, }: CookieConsentProps): JSX.Element;
+export declare namespace CookieConsent {
+    var displayName: string;
+}
+export {};

package/dist/types/cookie-consent/src/index.d.ts

@@ -0,0 +1 @@
+export * from './cookie-consent';

package/dist/types/cookie-consent/src/styles.d.ts

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

package/dist/types/core/src/colors.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Accordion: (colors: string[]) => tailwindModuleType;
+export default Accordion;

package/dist/types/core/src/components/alert.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Alert: (colors: string[]) => tailwindModuleType;
+export default Alert;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Avatar: (colors: string[]) => tailwindModuleType;
+export default Avatar;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Badge: (colors: string[]) => tailwindModuleType;
+export default Badge;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Breadcrumb: (colors: string[]) => tailwindModuleType;
+export default Breadcrumb;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const ButtonGroup: (colors: string[]) => tailwindModuleType;
+export default ButtonGroup;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Button: (colors: string[]) => tailwindModuleType;
+export default Button;

package/dist/types/core/src/components/calendar.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Calendar: (colors: string[]) => tailwindModuleType;
+export default Calendar;

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

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Card: (colors: string[]) => tailwindModuleType;
+export default Card;

package/dist/types/core/src/components/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Checkbox: (colors: string[]) => tailwindModuleType;
+export default Checkbox;

package/dist/types/core/src/components/code.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Code: (colors: string[]) => tailwindModuleType;
+export default Code;

package/dist/types/core/src/components/cookie-consent.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const CookieConsent: (colors: string[]) => tailwindModuleType;
+export default CookieConsent;

package/dist/types/core/src/components/divider.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Divider: (colors: string[]) => tailwindModuleType;
+export default Divider;

package/dist/types/core/src/components/dot.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Dot: (colors: string[]) => tailwindModuleType;
+export default Dot;

package/dist/types/core/src/components/footer.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Footer: (colors: string[]) => tailwindModuleType;
+export default Footer;

package/dist/types/core/src/components/forms.d.ts

@@ -0,0 +1,3 @@
+import { tailwindModuleType } from './types';
+export declare const Forms: (colors: string[]) => tailwindModuleType;
+export default Forms;