@sk-web-gui/core 0.1.37 → 0.1.38

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { CSSRuleObject } from 'tailwindcss/types/config';
+export interface tailwindModuleType {
+    [key: string]: tailwindModuleType | string | string[];
+}
+export default CSSRuleObject;

package/dist/types/core/src/components/user-menu.d.ts

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

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

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

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

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

package/dist/types/core/src/with-opacity.d.ts

@@ -0,0 +1,3 @@
+export declare const withOpacity: (variableName: string) => ({ opacityValue }: {
+    opacityValue: number;
+}) => string;

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

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

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

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IDividerProps extends DefaultProps {
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface DividerProps extends React.HTMLAttributes<HTMLHRElement>, IDividerProps {
+}
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+export {};

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

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

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { DividerProps } from '../src';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    (args: DividerProps): JSX.Element;
+    storyName: string;
+    argTypes: {
+        orientation: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,12 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IDotProps extends DefaultProps {
+    color?: string;
+    variant?: 'outline' | 'solid';
+    size?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    bordered?: boolean;
+}
+export interface DotProps extends React.HTMLAttributes<HTMLSpanElement>, IDotProps {
+}
+export declare const Dot: React.ForwardRefExoticComponent<DotProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

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

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

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../src").DotProps & import("react").RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Vanlig: () => JSX.Element;
+export declare const Färgad: () => JSX.Element;
+export declare const Kantlinje: () => JSX.Element;
+export declare const Helfärgad: () => JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+export interface FooterProps extends DefaultProps {
+    color?: string;
+    children?: React.ReactNode;
+    bottomLinks?: React.ReactNode;
+    bottomLinksColor?: string;
+    bottomLinksClasses?: string;
+    wrapperClasses?: string;
+}
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,95 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { FooterProps } from '../src';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Template: {
+    ({ ...args }: FooterProps): JSX.Element;
+    argTypes: {
+        color: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        className: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: string;
+        };
+        wrapperClasses: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: string;
+        };
+        bottomLinks: {
+            type: {
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: undefined;
+        };
+        bottomLinksColor: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        bottomLinksClasses: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: string;
+        };
+    };
+    storyName: string;
+};

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

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

package/dist/types/forms/src/calendar/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { InputProps } from '../input/input';
+export declare type SendCalendarOmittedTypes = 'onChange';
+export declare type InputPropsOmitted = Omit<InputProps, SendCalendarOmittedTypes>;
+export interface CalendarProps extends InputPropsOmitted {
+    onChange: (value: string) => void;
+    localeInstance?: string | object;
+    inputFormat?: string;
+    minDate?: string;
+    value: string;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<Pick<CalendarProps, "disabled" | "color" | "variant" | "as" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "height" | "type" | "max" | "min" | "name" | "width" | "crossOrigin" | "key" | "alt" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "invalid" | "localeInstance" | "inputFormat" | "minDate"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/forms/src/calendar/styles.d.ts

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

package/dist/types/forms/src/form-control/index.d.ts

@@ -0,0 +1,27 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface UseFormControlProps {
+    /** If `true`, this prop is passed to its children. */
+    required?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    disabled?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    invalid?: boolean;
+    /** If `true`, this prop is passed to its children. */
+    readOnly?: boolean;
+    /** The `id` to use for the form control. */
+    id?: string;
+}
+interface UseFormControlData extends UseFormControlProps {
+    labelId?: string;
+    errorId?: string;
+    helpTextId?: string;
+}
+interface IFormControlProps extends DefaultProps, UseFormControlProps {
+    children?: React.ReactNode;
+}
+export interface FormControlProps extends React.HTMLAttributes<HTMLDivElement>, IFormControlProps {
+}
+export declare const useFormControl: (props: UseFormControlProps) => UseFormControlData;
+export declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/forms/src/form-error-message/index.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IFormErrorMessageProps extends DefaultProps {
+    children?: React.ReactNode;
+}
+export interface FormErrorMessageProps extends React.HTMLAttributes<HTMLDivElement>, IFormErrorMessageProps {
+}
+export declare const FormErrorMessage: React.ForwardRefExoticComponent<FormErrorMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/types/forms/src/form-helper-text/index.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IFormHelperTextProps extends DefaultProps {
+    children?: React.ReactNode;
+}
+export interface FormHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement>, IFormHelperTextProps {
+}
+export declare const FormHelperText: React.ForwardRefExoticComponent<FormHelperTextProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/types/forms/src/form-label/index.d.ts

@@ -0,0 +1,13 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IFormLabelProps extends DefaultProps {
+    disabled?: boolean;
+    children?: React.ReactNode;
+    htmlFor?: string;
+    showRequired?: boolean;
+}
+export interface FormLabelProps extends React.HTMLAttributes<HTMLLabelElement>, IFormLabelProps {
+}
+export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const RequiredIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+export {};

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

@@ -0,0 +1,8 @@
+export * from './input';
+export * from './textarea';
+export * from './select';
+export * from './calendar';
+export * from './form-control';
+export * from './form-error-message';
+export * from './form-helper-text';
+export * from './form-label';

package/dist/types/forms/src/input/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { InputProps } from './input';
+import { InputGroup, InputGroupProps } from '../input-group';
+import { InputLeftAddon, InputRightAddon, InputAddonProps } from '../input-addon';
+import { InputLeftElement, InputRightElement, InputElementProps } from '../input-element';
+interface Input extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLElement>> {
+    Group: typeof InputGroup;
+    LeftAddon: typeof InputLeftAddon;
+    RightAddon: typeof InputRightAddon;
+    LeftElement: typeof InputLeftElement;
+    RightElement: typeof InputRightElement;
+}
+declare const Input: Input;
+export type { InputProps, InputGroupProps, InputAddonProps, InputElementProps };
+export { Input };

package/dist/types/forms/src/input/input.d.ts

@@ -0,0 +1,30 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+export interface IInputProps<T = HTMLInputElement> extends DefaultProps {
+    disabled?: React.InputHTMLAttributes<T>['disabled'];
+    invalid?: boolean;
+    required?: React.InputHTMLAttributes<T>['required'];
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Controls input appearance */
+    variant?: 'outline' | 'solid';
+    /**
+     * The element or component to use in place of `input`
+     */
+    as?: React.ElementType;
+    /** */
+    type?: string;
+    /**
+     * A11y: A label that describes the input
+     */
+    'aria-label'?: string;
+    /**
+     * A11y: The id of the element that describes the input
+     */
+    'aria-describedby'?: string;
+}
+export declare type OmittedTypes = 'size' | 'disabled' | 'required' | 'checked' | 'defaultChecked' | 'readOnly';
+export declare type InputHTMLAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedTypes>;
+export declare type InputProps<T = HTMLElement> = IInputProps & InputHTMLAttributes & React.RefAttributes<T>;
+export declare const Input: React.ForwardRefExoticComponent<Pick<InputProps<HTMLElement>, "children" | "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "height" | "max" | "min" | "name" | "width" | "crossOrigin" | "key" | "alt" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "step" | keyof IInputProps<HTMLInputElement>> & React.RefAttributes<HTMLElement>>;

package/dist/types/forms/src/input/styles.d.ts

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

package/dist/types/forms/src/input-addon/index.d.ts

@@ -0,0 +1,13 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+import { InputProps } from '../input/input';
+declare type Placement = 'left' | 'right';
+export interface IInputAddonProps extends DefaultProps {
+    placement?: Placement;
+    size?: InputProps['size'];
+}
+export interface InputAddonProps extends React.HTMLAttributes<HTMLDivElement>, IInputAddonProps {
+}
+export declare const InputLeftAddon: React.FC<InputAddonProps>;
+export declare const InputRightAddon: React.FC<InputAddonProps>;
+export {};

package/dist/types/forms/src/input-element/index.d.ts

@@ -0,0 +1,15 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+import { InputProps } from '../input/input';
+declare type Placement = 'left' | 'right';
+interface IInputElementProps extends DefaultProps {
+    placement?: Placement;
+    size?: InputProps['size'];
+    children?: React.ReactNode;
+    disabledPointerEvents?: boolean;
+}
+export interface InputElementProps extends React.HTMLAttributes<HTMLDivElement>, IInputElementProps {
+}
+export declare const InputLeftElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InputRightElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/forms/src/input-group/index.d.ts

@@ -0,0 +1,11 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+import { InputProps } from '../input/input';
+interface IInputGroupProps extends DefaultProps {
+    size?: InputProps['size'];
+    children?: React.ReactNode;
+}
+export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement>, IInputGroupProps {
+}
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/forms/src/select/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { InputProps } from '../input/input';
+export declare type SelectProps = Omit<InputProps, 'onChange'> & {
+    onChange: (value: string) => void;
+};
+export declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "height" | "max" | "min" | "name" | "width" | "crossOrigin" | "key" | "alt" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "step" | keyof import("../input/input").IInputProps<HTMLInputElement>> & React.RefAttributes<HTMLElement>>;

package/dist/types/forms/src/select/styles.d.ts

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

package/dist/types/forms/src/textarea/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IInputProps, OmittedTypes } from '../input/input';
+declare type TextareaHTMLAttributes<T = HTMLTextAreaElement> = Omit<React.TextareaHTMLAttributes<T>, OmittedTypes>;
+declare type ITextareaProps = {
+    showCount?: boolean;
+    maxLength?: number;
+    value?: string;
+    onChange?: (e: React.BaseSyntheticEvent) => void;
+    maxLengthWarningText?: string;
+};
+export declare type TextareaProps<T = HTMLTextAreaElement> = IInputProps<T> & TextareaHTMLAttributes<T> & ITextareaProps & React.RefAttributes<T>;
+export declare const Textarea: React.ForwardRefExoticComponent<Pick<TextareaProps<HTMLTextAreaElement>, "children" | "form" | "slot" | "style" | "title" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "key" | "autoFocus" | "autoComplete" | "minLength" | "rows" | "cols" | "dirName" | "wrap" | keyof IInputProps<HTMLTextAreaElement> | keyof ITextareaProps> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};