@onewelcome/react-lib-components 0.0.0-experimental-8e3a0fd

package/dist/components/_BaseStyling_/BaseStyling.d.ts

@@ -0,0 +1,208 @@
+import { default as React, HTMLAttributes, ReactElement } from 'react';
+import { ButtonColorProps } from './buttonBaseStyling';
+export interface CSSProperties extends ButtonColorProps {
+    colorFocus?: string;
+    colorPrimary?: string;
+    colorSuccess?: string;
+    colorWarning?: string;
+    colorDanger?: string;
+    colorPrimary100?: string;
+    colorPrimary300?: string;
+    colorPrimary500?: string;
+    colorPrimary600?: string;
+    colorPrimary700?: string;
+    colorPrimary900?: string;
+    colorPrimary50?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey50?: string;
+    colorBlueGrey100?: string;
+    colorBlueGrey200?: string;
+    colorBlueGrey300?: string;
+    colorBlueGrey400?: string;
+    colorBlueGrey500?: string;
+    colorBlueGrey700?: string;
+    colorBlueGrey800?: string;
+    colorBlueGrey900?: string;
+    colorGreen50?: string;
+    colorGreen100?: string;
+    colorGreen200?: string;
+    colorGreen500?: string;
+    colorGreen600?: string;
+    colorGreen700?: string;
+    colorOrange50?: string;
+    colorOrange100?: string;
+    colorOrange500?: string;
+    colorOrange600?: string;
+    colorOrange700?: string;
+    colorRed50?: string;
+    colorRed100?: string;
+    colorRed200?: string;
+    colorRed500?: string;
+    colorRed600?: string;
+    colorRed700?: string;
+    colorRed900?: string;
+    colorWhite?: string;
+    colorBlack100?: string;
+    colorBlack50?: string;
+    colorBlack20?: string;
+    colorBlack10?: string;
+    defaultPressedColor?: string;
+    defaultHoverColor?: string;
+    defaultLineHeight?: string;
+    dataGridLineHeight?: string;
+    focusBorderRadius?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    /**@deprecated*/
+    buttonOutlineHoverTextColor?: string;
+    buttonFillTextColor?: string;
+    checkboxUncheckedColor?: string;
+    checkboxUncheckedHoverColor?: string;
+    checkboxUncheckedPressedColor?: string;
+    checkboxCheckedColor?: string;
+    checkboxCheckedHoverColor?: string;
+    checkboxCheckedPressedColor?: string;
+    radioHoverBackgroundColor?: string;
+    radioPressedBackgroundColor?: string;
+    radioHoverColor?: string;
+    radioCheckedColor?: string;
+    radioPressedColor?: string;
+    defaultBorderRadius?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderWidthFocus?: string;
+    inputBorderStyle?: string;
+    inputBorderColor?: string;
+    inputBackgroundColor?: string;
+    inputHelperTextColor?: string;
+    inputHoverBackgroundColor?: string;
+    inputDisabledBackgroundColor?: string;
+    inputFontSize?: string;
+    dragBorderStyle?: string;
+    modalTitleColor?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalBackdropColor?: string;
+    modalContentFontSize?: string;
+    sideSheetShadowColorOne?: string;
+    sideSheetShadowColorTwo?: string;
+    skeletonBackgroundColor?: string;
+    skeletonAnimationColorRgb?: string;
+    alertFontSize?: string;
+    alertTextColor?: string;
+    alertTextInvertedColor?: string;
+    alertNeutralBackgroundColor?: string;
+    alertInfoBackgroundColor?: string;
+    alertSuccessBackgroundColor?: string;
+    alertErrorBackgroundColor?: string;
+    alertWarningBackgroundColor?: string;
+    alertNeutralInvertedColor?: string;
+    alertInfoInvertedColor?: string;
+    alertSuccessInvertedColor?: string;
+    alertErrorInvertedColor?: string;
+    alertWarningInvertedColor?: string;
+    alertBorderWidth?: string;
+    alertBorderRadius?: string;
+    stepperWaitingColor?: string;
+    stepperWaitingHoverColor?: string;
+    stepperWaitingActiveColor?: string;
+    stepperWaitingDisabledColor?: string;
+    stepperCurrentColor?: string;
+    stepperCurrentHoverColor?: string;
+    stepperCurrentActiveColor?: string;
+    stepperCurrentDisabledColor?: string;
+    stepperDoneColor?: string;
+    stepperDoneHoverColor?: string;
+    stepperDoneActiveColor?: string;
+    stepperDoneDisabledColor?: string;
+    stepperErrorColor?: string;
+    stepperErrorHoverColor?: string;
+    stepperErrorActiveColor?: string;
+    stepperErrorDisabledColor?: string;
+    stepperDefaultTextColor?: string;
+    stepperLineColor?: string;
+    stepperLineBoldColor?: string;
+    stepperLineDisabledColor?: string;
+    stepperLineBoldDisabledColor?: string;
+    stepperLabelColor?: string;
+    stepperCaptionColor?: string;
+    stepperCaptionErrorColor?: string;
+    stepperLabelDisabledColor?: string;
+    stepperCaptionDisabledColor?: string;
+    stepperCaptionErrorDisabledColor?: string;
+    bannerBorderRadius?: string;
+    bannerBorderWidth?: string;
+    dataGridRowBackgroundColor?: string;
+    dataGridRowHoverBackgroundColor?: string;
+    progressBarBackgroundColor?: string;
+    tabsBackgroundColor?: string;
+    tabActiveBorderHeight?: string;
+    tabActiveBorderColor?: string;
+    tabActiveTextColor?: string;
+    tablistBorderWidth?: string;
+    tablistBorderStyle?: string;
+    tablistBorderColor?: string;
+    tabTextColor?: string;
+    tabHoverColor?: string;
+    tabPressedColor?: string;
+    toggleBackgroundColor?: string;
+    tooltipBackgroundColor?: string;
+    contextMenuHoverColor?: string;
+    contextMenuActiveColor?: string;
+    contextMenuPressedColor?: string;
+    contextMenuFontSize?: string;
+    linkFontSize?: string;
+    linkPrimaryDefaultColor?: string;
+    linkPrimaryVisitedColor?: string;
+    linkSuccessDefaultColor?: string;
+    linkSuccessVisitedColor?: string;
+    linkDangerDefaultColor?: string;
+    linkDangerVisitedColor?: string;
+    linkWarningDefaultColor?: string;
+    linkWarningVisitedColor?: string;
+    leftNavItemActiveRibbonColor?: string;
+    leftNavItemActiveBackgroundColor?: string;
+    default?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    disabled?: string;
+    greyedOut?: string;
+    lightGreyBorder?: string;
+    warning?: string;
+    light?: string;
+    fontFamily?: string;
+    fontFamilyCode?: string;
+    fontSizeFormLabel?: string;
+    fontSize?: string;
+    fontColorBody?: string;
+    fontSizeH1?: string;
+    fontColorH1?: string;
+    fontSizeH2?: string;
+    fontColorH2?: string;
+    fontSizeH3?: string;
+    fontColorH3?: string;
+    fontSizeH4?: string;
+    fontColorH4?: string;
+    fontSizeSub?: string;
+    fontColorSub?: string;
+    fontSizeCode?: string;
+    fontColorCode?: string;
+    fontSizeSmall?: string;
+    fontSizeBig?: string;
+    formControlFontSize?: string;
+    fileUploadBorderWidth?: string;
+    dragDropBorderStyle?: string;
+    fontSizeDataGrid?: string;
+    readOnlyBorderColor?: string;
+    readOnlyTextColor?: string;
+    iconFontBig?: string;
+    tooltipIndex?: string;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
+    properties?: CSSProperties;
+}
+export declare const BaseStyling: ({ children, properties }: Props) => React.JSX.Element;

package/dist/components/_BaseStyling_/BaseStyling.test.d.ts

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

package/dist/components/_BaseStyling_/buttonBaseStyling.d.ts

@@ -0,0 +1,14 @@
+type ButtonType = "primary" | "success" | "danger" | "warning" | "default";
+type ButtonVariant = "fill" | "outline" | "text";
+type ButtonState = "default" | "hover" | "focused" | "pressed";
+type CapitalizeString<T extends string> = T extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : T;
+type Flattened<K extends string> = {
+    [Key in K]?: string;
+};
+type BaseButtonProps = Omit<Flattened<`button${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>, "buttonDefaultDefaultColor"> & {
+    buttonDefaultColor?: string;
+};
+type VariantButtonProps = Flattened<`button${CapitalizeString<ButtonVariant>}${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>;
+export type ButtonColorProps = BaseButtonProps & VariantButtonProps;
+export declare const defaultButtonColors: Required<ButtonColorProps>;
+export {};

package/dist/components/admin/layout/LeftNav/LeftNav.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { MenuItem } from './LeftNav.interfaces';
+import { ScreenSize } from '../../../../variables';
+export interface Props extends ComponentPropsWithRef<"nav"> {
+    isSideMenuOpen?: boolean;
+    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
+    items: MenuItem[];
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
+    marginTop?: string;
+    internalLinkPrefix?: string;
+}
+export declare const LeftNav: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/admin/layout/LeftNav/LeftNav.interfaces.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+export interface MenuItem {
+    key: string;
+    path?: string;
+    active?: boolean;
+    /**
+     * @deprecated it can be removed in next release
+     */
+    disabled?: boolean;
+    title: string;
+    iconComponent?: ReactElement;
+    items?: MenuItem[];
+}

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ForwardRefExoticComponent, HTMLProps } from 'react';
+import { MenuItem } from '../LeftNav.interfaces';
+import { UseRefItemsReturnType } from '../useRefItems';
+import { LeftNavItemProps } from './LeftNavItem.interface';
+export interface Props extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;
+    closeParentList?: () => void;
+    internalLinkPrefix?: string;
+}
+export declare const ButtonLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { LeftNavItemProps } from './LeftNavItem.interface';
+export declare const LeftNavItem: React.ForwardRefExoticComponent<Omit<LeftNavItemProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts

@@ -0,0 +1,11 @@
+import { HTMLProps } from 'react';
+import { MenuItem } from '../LeftNav.interfaces';
+import { UseRefItemsReturnType } from '../useRefItems';
+export interface LeftNavItemProps extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+    internalLinkPrefix?: string;
+}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts

@@ -0,0 +1,12 @@
+import { default as React, HTMLProps } from 'react';
+import { MenuItem } from '../LeftNav.interfaces';
+import { UseRefItemsReturnType } from '../useRefItems';
+export interface Props extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+    internalLinkPrefix?: string;
+}
+export declare const LinkLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts

@@ -0,0 +1,13 @@
+import { KeyboardEvent } from 'react';
+import { MenuItem } from '../LeftNav.interfaces';
+import { UseRefItemsReturnType } from '../useRefItems';
+interface Props {
+    item: MenuItem;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+    onExpandIconClickHandler?: () => void;
+}
+export declare const useKeyboardNavigation: ({ refItems, item, closeParentList, onExpandIconClickHandler }: Props) => {
+    onKeyPressNavigation: (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+};
+export {};

package/dist/components/admin/layout/LeftNav/useRefItems.d.ts

@@ -0,0 +1,22 @@
+import { MenuItem } from './LeftNav.interfaces';
+interface Props {
+    items: MenuItem[];
+}
+interface LinkedMapValue {
+    item: MenuItem;
+    level: number;
+    prev?: MenuItem;
+    next?: MenuItem;
+}
+export type UseRefItemsReturnType = ReturnType<typeof useRefItems>;
+export declare const useRefItems: ({ items }: Props) => {
+    addElementReference: (el: HTMLElement | null, key: string) => void;
+    getNextElement: (currentKey: string, whenHavingChildren?: boolean) => HTMLElement | undefined;
+    getNextElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getPrevElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getFirstElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getLastElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getParentElement: (currentKey: string) => HTMLElement | undefined;
+    getItemMap: () => Record<string, LinkedMapValue>;
+};
+export {};

package/dist/components/admin/layout/LeftNav/useRefItems.test.d.ts

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

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.d.ts

@@ -0,0 +1,8 @@
+import { default as React, ReactElement } from 'react';
+export interface Props {
+    header?: ReactElement | ReactElement[];
+    children: ReactElement | ReactElement[];
+    contentMargins?: boolean;
+    contentMaxWidth?: boolean;
+}
+export declare const MicrofrontendContainer: ({ header, children, contentMargins, contentMaxWidth, ...rest }: Props) => React.JSX.Element;

package/dist/components/miscellaneous/IdentityProviderButton.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+export interface SupportedCustomizationKeys {
+    backgroundColor: string;
+    focusBorderColor: string;
+    focusBackgroundColor: string;
+    hoverBackgroundColor: string;
+    pressedBackgroundColor: string;
+    textColor: string;
+    borderColor: string;
+}
+export interface Props extends Omit<ComponentPropsWithRef<"button">, "color"> {
+    iconUrl?: string;
+    imgAltText?: string;
+    idpType: string;
+    customization?: SupportedCustomizationKeys;
+    loading?: boolean;
+}
+export declare const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props>;

package/dist/components/miscellaneous/IdentityProviderButton.test.d.ts

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

package/dist/components/withReadOnly.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ComponentType } from 'react';
+export interface WithReadOnlyProps {
+    readOnlyView?: boolean;
+    required?: boolean;
+    helperText?: string;
+    type?: string;
+}
+type WithReadOnlyOptions = {
+    isWrapperComponent: boolean;
+};
+export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>, options?: WithReadOnlyOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<unknown>>;
+export {};

package/dist/components/withReadOnly.test.d.ts

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

package/dist/hooks/useAnimation.d.ts

@@ -0,0 +1,5 @@
+export declare const useAnimation: <RefElement extends HTMLElement>(callback: () => void) => {
+    ref: import('react').RefObject<RefElement>;
+    animationStarted: boolean;
+    startAnimation: () => void;
+};

package/dist/hooks/useAnimation.test.d.ts

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

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList } from 'react';
+export declare const useClickOutside: (myElementRef: React.RefObject<HTMLElement>, onClickOutside: (event: MouseEvent) => void, dependencies?: DependencyList) => void;

package/dist/hooks/useClickOutside.test.d.ts

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

package/dist/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedCallback: (callback: Function, delay: number, dependencies?: any[]) => (...args: any[]) => void;

package/dist/hooks/useDebouncedCallback.test.d.ts

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

package/dist/hooks/useDetermineStatusIcon.d.ts

@@ -0,0 +1,3 @@
+import { FormElement } from '../components/Form/form.interfaces';
+import { ReactElement } from 'react';
+export declare const useDetermineStatusIcon: (params: Partial<FormElement>) => ReactElement | null;

package/dist/hooks/useDetermineStatusIcon.test.d.ts

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

package/dist/hooks/useFormSelector.d.ts

@@ -0,0 +1,13 @@
+export interface ConfigObject {
+    name: string | undefined;
+    errorMessage?: string;
+    error?: boolean;
+    parentErrorId?: string;
+    helperText?: string;
+    parentHelperId?: string;
+}
+export declare const useFormSelector: (configObject: ConfigObject) => {
+    describedBy: string;
+    errorId: string;
+    identifier: string;
+};

package/dist/hooks/useFormSelector.test.d.ts

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

package/dist/hooks/useFullHeightCollapse.d.ts

@@ -0,0 +1,4 @@
+export declare const useFullHeightCollapse: (isCollapsed?: boolean) => {
+    collapsed: boolean;
+    handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
+};

package/dist/hooks/useFullHeightCollapse.test.d.ts

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

package/dist/hooks/useGetDomRoot.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetDomRoot: (passedDomRoot: HTMLElement | undefined, relativeElement: React.RefObject<HTMLDivElement> | null) => {
+    root: HTMLElement;
+};

package/dist/hooks/usePosition.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+export interface ConfigObject {
+    relativeElement: RefElement;
+    elementToBePositioned: RefElement;
+    transformOrigin?: Placement;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+}
+export declare enum horizontal {
+    LEFT = "left",
+    CENTER = "center",
+    CENTER_H = "centerh",
+    RIGHT = "right"
+}
+export declare enum vertical {
+    TOP = "top",
+    CENTER = "center",
+    CENTER_V = "centerv",
+    BOTTOM = "bottom"
+}
+export type HorizontalPlacement = `${horizontal}`;
+export type VerticalPlacement = `${vertical}`;
+type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
+export interface Placement {
+    horizontal: HorizontalPlacement;
+    vertical: VerticalPlacement;
+}
+export interface Offset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Position {
+    top: PositionType;
+    right: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+}
+export type PositionType = number | "initial";
+export declare const usePosition: (providedConfigObject?: ConfigObject) => {
+    top: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+    right: PositionType;
+    calculatePosition: (...args: any[]) => void;
+    initialCalculationDone: boolean;
+};
+export {};

package/dist/hooks/usePosition.test.d.ts

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

package/dist/hooks/useRepeatFocus.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
+ * the focus will be repeated and the user will not lose their entire focusable element to an element in the background
+ * that is being blocked by the modal.
+ */
+export declare const useRepeatFocus: (ref: RefObject<HTMLDivElement>) => void;

package/dist/hooks/useRepeater.d.ts

@@ -0,0 +1,10 @@
+import { default as React, JSX } from 'react';
+interface Arguments {
+    componentToRepeat: React.ReactElement;
+}
+export declare const useRepeater: <T>({ componentToRepeat }: Arguments) => {
+    repeatedComponents: JSX.Element[];
+    repeat: () => void;
+    remove: (componentToRemove: React.ReactElement<T>) => void;
+};
+export {};

package/dist/hooks/useRepeater.test.d.ts

@@ -0,0 +1,6 @@
+export interface RepeatedComponentProps {
+    onChange?: (state: {
+        [key: string]: unknown;
+    }) => void;
+    identifier?: string;
+}

package/dist/hooks/useScreenSize.d.ts

@@ -0,0 +1,9 @@
+import { ScreenSize } from '../variables';
+interface Props {
+    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
+}
+export declare const useScreenSize: ({ onScreenSizeChange }?: Props) => {
+    screenSize: ScreenSize;
+    isDesktopScreenSize: () => boolean;
+};
+export {};

package/dist/hooks/useScreenSize.test.d.ts

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

package/dist/hooks/useScroll.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const useScroll: (callbackFunction: (event: Event) => unknown, dependingStateVariable?: React.ComponentState[]) => void;

package/dist/hooks/useScroll.test.d.ts

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

package/dist/hooks/useSpacing.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+export type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
+type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
+export interface Spacing {
+    padding?: MultiValueSpacingMultiplier;
+    paddingTop?: SpacingMultiplierStringOrNumber;
+    paddingBottom?: SpacingMultiplierStringOrNumber;
+    paddingLeft?: SpacingMultiplierStringOrNumber;
+    paddingRight?: SpacingMultiplierStringOrNumber;
+    margin?: MultiValueSpacingMultiplier;
+    marginTop?: SpacingMultiplierStringOrNumber;
+    marginBottom?: SpacingMultiplierStringOrNumber;
+    marginLeft?: SpacingMultiplierStringOrNumber;
+    marginRight?: SpacingMultiplierStringOrNumber;
+}
+export declare const useSpacing: (spacingProps?: Spacing, style?: CSSProperties) => CSSProperties | undefined;
+export {};

package/dist/hooks/useSpacing.test.d.ts

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

package/dist/hooks/useUploadFile.d.ts

@@ -0,0 +1,27 @@
+import { FileType } from '../components/Form/FileUpload/FileUpload';
+export type UploadResponseStatus = XMLHttpRequest["status"];
+export type UploadResponseJson = Record<string, unknown>;
+export interface UploadResponseType {
+    fileList: FileType[];
+    status: UploadResponseStatus;
+    responseJson: UploadResponseJson;
+}
+export interface OnErrorMessageMapperType {
+    responseStatus: UploadResponseStatus;
+    responseJson: UploadResponseJson;
+}
+export interface UseUploadFileCallback {
+    onComplete?: (response: UploadResponseType) => void;
+    onProgress?: (fileName: string, progress: number) => void;
+    onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;
+}
+export interface UploadFileRequestParams {
+    url: string;
+    headers?: Headers;
+    withCredentials?: boolean;
+}
+export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
+    updatedFiles: FileType[];
+    setUpdatedFiles: import('react').Dispatch<import('react').SetStateAction<FileType[]>>;
+    uploadingFiles: FileType[];
+};

package/dist/hooks/useUploadFile.test.d.ts

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

package/dist/hooks/useWrapper.d.ts

@@ -0,0 +1,7 @@
+export declare const useWrapper: () => {
+    helperId: string;
+    errorId: string;
+    labelId: string;
+    hasFocus: boolean;
+    setHasFocus: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/hooks/useWrapper.test.d.ts

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