@onewelcome/react-lib-components 4.3.0 → 5.1.0

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { SnackbarOptionsProps } from "../interfaces";
+import { Item } from "./SnackbarProvider";
+interface SnackbarContextProps {
+    enqueueSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueSuccessSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueWarningSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueErrorSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    setSnackbarHeight: (id: string, height: number) => void;
+    snackbars: Item[];
+}
+declare const SnackbarContext: React.Context<SnackbarContextProps>;
+interface Props {
+    initialState: SnackbarContextProps;
+    children?: React.ReactNode;
+}
+declare const SnackbarContextProvider: ({ children, initialState }: Props) => React.JSX.Element;
+export { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };

package/dist/cjs/src/components/Notifications/Snackbar/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from "react";
+export type Variant = "info" | "success" | "error" | "warning";
+export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+export interface SnackbarOptionsProps {
+    actions?: Actions;
+    className?: string;
+    variant?: Variant;
+    duration?: number;
+    onClose?: () => void;
+}

package/dist/cjs/src/components/Notifications/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,6 @@
+export declare const useSnackbar: () => {
+    enqueueWarningSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueErrorSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueSuccessSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+};

package/dist/cjs/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import React, { ComponentPropsWithRef } from "react";
+export type PaginationTranslations = {
+    totalItems: string;
+    itemsPerPage: string;
+    itemsPerPageLabel: string;
+    currentPage: string;
+    currentPageLabel: string;
+};
+export type PageChangeLabels = "next" | "previous" | "first" | "last";
+export type PageSize = 10 | 25 | 50;
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "translate"> {
+    currentPage: number;
+    totalElements?: number;
+    pageSize?: PageSize;
+    translate?: PaginationTranslations;
+    onPageChange: (pageToGoTo: number) => void;
+    onPageSizeChange: (pageSize: PageSize) => void;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Pagination/Pagination.test.d.ts

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

package/dist/cjs/src/components/Popover/Popover.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ReactNode, RefObject } from "react";
+import { Offset, Placement } from "../../hooks/usePosition";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactNode;
+    show?: boolean;
+    anchorEl?: RefObject<HTMLOrSVGElement>;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+    transformOrigin?: Placement;
+    onAnchorOutOfView?: () => void;
+}
+export declare const Popover: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Popover/Popover.test.d.ts

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

package/dist/cjs/src/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    label?: string;
+    caption?: string;
+    completed?: number;
+    percentage?: number;
+    accessibilityTitle?: string;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/cjs/src/components/ProgressBar/ProgressBar.test.d.ts

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

package/dist/cjs/src/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    variant?: "circular" | "rectangle" | "text";
+    height?: number | string;
+    width?: number | string;
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Skeleton/Skeleton.test.d.ts

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

package/dist/cjs/src/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { Props as TypographyProps } from "../Typography/Typography";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactNode;
+    status: "active" | "error" | "neutral" | "warning";
+    badgeProps?: ComponentPropsWithRef<"div">;
+    typographyProps?: TypographyProps;
+}
+export declare const StatusIndicator: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/StatusIndicator/StatusIndicator.test.d.ts

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

package/dist/cjs/src/components/Stepper/Step.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+export type StepStatus = "waiting" | "current" | "done" | "error";
+export interface Props extends ComponentPropsWithRef<"button"> {
+    status: StepStatus;
+    label: string;
+    caption?: string;
+    index?: number;
+    lastStep?: boolean;
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+}
+export declare const StepComponent: ForwardRefRenderFunction<HTMLButtonElement, Props>;
+export declare const Step: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/Stepper/Stepper.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as StepProps } from "./Step";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    steps: StepProps[];
+    direction: "horizontal" | "vertical";
+}
+export declare const Stepper: ({ steps, direction, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Stepper/Stepper.test.d.ts

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

package/dist/cjs/src/components/Tabs/Tab.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLProps } from "react";
+export interface Props extends Omit<HTMLProps<HTMLDivElement>, "children"> {
+    title: string;
+    children?: any;
+    tabActive?: boolean;
+    icon?: React.ReactNode;
+}
+export declare const Tab: ({ children, tabActive, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Tabs/Tab.test.d.ts

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

package/dist/cjs/src/components/Tabs/TabButton.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"button"> {
+    tabActive?: boolean;
+    focused?: boolean;
+    fluid?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right" | "top" | "bottom";
+}
+export declare const TabButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/Tabs/TabButton.test.d.ts

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

package/dist/cjs/src/components/Tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as TabProps } from "./Tab";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ReactElement<TabProps>[];
+    selected?: number;
+    onTabChange?: (index: number) => void;
+    fluid?: boolean;
+    align?: "left" | "center" | "right";
+    tabListClassName?: string;
+    iconsPosition?: "left" | "right" | "top" | "bottom";
+}
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Tabs/Tabs.test.d.ts

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

package/dist/cjs/src/components/Tag/Tag.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from "react";
+import { Icons } from "../Icon/Icon";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    variant?: "enabled" | "disabled";
+    icon?: Icons;
+    backgroundColor?: string;
+    color?: string;
+    children?: string;
+}
+export declare const Tag: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Tag/Tag.test.d.ts

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

package/dist/cjs/src/components/TextEllipsis/TextEllipsis.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: string;
+    popoverClassName?: string;
+}
+export declare const TextEllipsis: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/TextEllipsis/TextEllipsis.test.d.ts

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

package/dist/cjs/src/components/Tiles/Tile.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement } from "react";
+import { Props as ContextMenuProps } from "../ContextMenu/ContextMenu";
+import { Props as IconButtonProps } from "../Button/IconButton";
+interface ImageProps extends ComponentPropsWithoutRef<"img"> {
+    src: string;
+}
+export interface Props extends ComponentPropsWithRef<"div"> {
+    title: string;
+    imageProps?: ImageProps;
+    enabled?: boolean;
+    loading?: boolean;
+    tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;
+}
+export declare const Tile: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/src/components/Tiles/Tile.test.d.ts

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

package/dist/cjs/src/components/Tiles/Tiles.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ReactNode;
+    loading?: boolean;
+}
+export declare const Tiles: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Tiles/Tiles.test.d.ts

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

package/dist/cjs/src/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    label: ReactNode;
+    title?: string;
+    children: string;
+    domRoot?: HTMLElement;
+    location?: "left" | "right" | "top" | "bottom";
+    color?: "black" | "blue";
+    position?: "start" | "center" | "end";
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Tooltip/Tooltip.test.d.ts

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

package/dist/cjs/src/components/Typography/Typography.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { Spacing } from "../../hooks/useSpacing";
+export declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
+export type Variant = (typeof validVariants)[number];
+type Tags = "h1" | "h2" | "h3" | "h4" | "p" | "div" | "code" | "span" | "sup" | "sub" | "strong" | "em" | "small" | "mark" | "del" | "ins" | "blockquote";
+export interface Props extends ComponentPropsWithRef<any> {
+    children: ReactNode;
+    variant: Variant;
+    tag?: Tags;
+    spacing?: Spacing;
+    align?: "left" | "center" | "right";
+}
+export declare const Typography: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<any>>;
+export {};

package/dist/cjs/src/components/Typography/Typography.test.d.ts

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

package/dist/cjs/src/components/Wizard/BaseWizardSteps/BaseWizardSteps.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Step {
+    label: string;
+    disabled?: boolean;
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
+    steps: Step[];
+    currentStepNo: number;
+    onClick?: (stepNo: number) => void;
+    futureStepsClickable?: boolean;
+}
+export declare const BaseWizardSteps: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Wizard/BaseWizardSteps/BaseWizardSteps.test.d.ts

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

package/dist/cjs/src/components/Wizard/Wizard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Step } from "./BaseWizardSteps/BaseWizardSteps";
+export type WizardMode = "add" | "edit";
+export interface Props {
+    steps: Step[];
+    mode: WizardMode;
+    initialStepNo?: number;
+    onStepChange: (stepNo: number) => void;
+    children: React.ReactNode;
+}
+export declare const Wizard: (props: Props) => React.JSX.Element;

package/dist/cjs/src/components/Wizard/Wizard.test.d.ts

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

package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { Props as ButtonProps } from "../../Button/Button";
+export interface Props extends React.HTMLProps<HTMLDivElement> {
+    actions: {
+        previous: {
+            label: string;
+            onClick: () => void;
+            previousButtonProps?: ButtonProps;
+        };
+        next: {
+            label: string;
+            onClick: (currentStepNo: number) => boolean;
+            nextButtonProps?: ButtonProps;
+        };
+        saveAndClose: {
+            label: string;
+            onClick: (currentStepNo: number) => void;
+            saveAndCloseButtonProps?: ButtonProps;
+        };
+    };
+}
+export declare const WizardActions: ({ actions }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.test.d.ts

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

package/dist/cjs/src/components/Wizard/WizardStateProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { Dispatch } from "react";
+import { WizardActions, WizardStateType } from "./wizardStateReducer";
+declare const WizardStateContext: React.Context<{
+    state: WizardStateType;
+    dispatch: Dispatch<WizardActions>;
+}>;
+export interface Props {
+    initialState: WizardStateType;
+    children?: React.ReactNode;
+}
+declare const WizardStateProvider: ({ children, initialState }: Props) => React.JSX.Element;
+export { WizardStateProvider, WizardStateContext };

package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;
+}
+export declare const WizardSteps: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.test.d.ts

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

package/dist/cjs/src/components/Wizard/wizardStateReducer.d.ts

@@ -0,0 +1,24 @@
+import { Reducer } from "react";
+import { Step } from "./BaseWizardSteps/BaseWizardSteps";
+import { WizardMode } from "./Wizard";
+type WizardStateType = {
+    steps: Step[];
+    currentStepNo: number;
+    mode: WizardMode;
+};
+interface SetWizardStateAction {
+    type: "SET_STATE";
+    payload: {
+        steps: Step[];
+        mode: WizardMode;
+    };
+}
+interface ChangeCurrentStepNoAction {
+    type: "CHANGE_CURRENT_STEP_NO";
+    payload: number;
+}
+declare const setWizardState: (steps: Step[], mode: WizardMode) => SetWizardStateAction;
+declare const changeCurrentStepNo: (currentStepNo: number) => ChangeCurrentStepNoAction;
+type WizardActions = SetWizardStateAction | ChangeCurrentStepNoAction;
+declare const reducer: Reducer<WizardStateType, WizardActions>;
+export { setWizardState, changeCurrentStepNo, reducer, WizardActions, WizardStateType };

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

@@ -0,0 +1,182 @@
+/**
+ * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx
+ * and make sure to add it to the shouldBeColorPicker array!
+ */
+import React, { HTMLAttributes, ReactElement } from "react";
+interface CSSProperties {
+    colorFocus?: string;
+    colorPrimary?: string;
+    colorSecondary?: string;
+    colorTertiary?: string;
+    colorPrimary100?: string;
+    colorPrimary300?: string;
+    colorPrimary500?: string;
+    colorPrimary600?: string;
+    colorPrimary700?: string;
+    colorPrimary900?: string;
+    colorBlueGrey100?: string;
+    colorBlueGrey200?: string;
+    colorBlueGrey300?: string;
+    colorBlueGrey400?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey25Transparent?: string;
+    colorBlueGrey50?: string;
+    colorBlueGrey500?: string;
+    colorBlueGrey700?: string;
+    colorBlueGrey800?: string;
+    colorBlueGrey900?: string;
+    colorGreen100?: string;
+    colorGreen200?: string;
+    colorGreen500?: string;
+    colorGreen600?: string;
+    colorGreen700?: string;
+    colorLightBlue500?: string;
+    colorLightBlue600?: string;
+    colorShadowBlue?: string;
+    colorOrange500?: string;
+    colorOrange600?: string;
+    colorOrange700?: string;
+    colorRed200?: string;
+    colorRed500?: string;
+    colorRed600?: string;
+    colorRed700?: string;
+    colorWhite?: string;
+    colorBlack100?: string;
+    colorBlack20?: string;
+    colorBlack10?: string;
+    defaultPressedColor?: string;
+    defaultHoverColor?: string;
+    defaultLineHeight?: string;
+    focusBorderRadius?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    buttonPrimaryDefaultColor?: string;
+    buttonPrimaryPressedColor?: string;
+    buttonFillTextColor?: string;
+    buttonPrimaryHoverColor?: string;
+    buttonPrimaryFocusedColor?: string;
+    buttonOutlineHoverTextColor?: string;
+    buttonSecondaryDefaultColor?: string;
+    buttonSecondaryHoverColor?: string;
+    buttonSecondaryFocusedColor?: string;
+    buttonSecondaryPressedColor?: string;
+    buttonWarningDefaultColor?: string;
+    buttonWarningHoverColor?: string;
+    buttonWarningFocusedColor?: string;
+    buttonWarningPressedColor?: string;
+    buttonDangerDefaultColor?: string;
+    buttonDangerHoverColor?: string;
+    buttonDangerFocusedColor?: string;
+    buttonDangerPressedColor?: string;
+    buttonDefaultColor?: string;
+    buttonDefaultHoverColor?: string;
+    buttonDefaultFocusedColor?: string;
+    buttonDefaultPressedColor?: string;
+    buttonOutlineActiveTextColor?: string;
+    checkboxUncheckedHoverColor?: string;
+    checkboxUncheckedPressedColor?: string;
+    checkboxCheckedHoverColor?: string;
+    checkboxCheckedPressedColor?: string;
+    radioHoverBackgroundColor?: string;
+    radioPressedBackgroundColor?: string;
+    radioHoverColor?: string;
+    radioPressedColor?: string;
+    defaultBorderRadius?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderWidthFocus?: string;
+    inputBorderStyle?: string;
+    inputBorderColor?: string;
+    inputBackgroundColor?: string;
+    inputHelperTextColor?: string;
+    inputHoverBackgroundColor?: string;
+    inputDisabledBackgroundColor?: string;
+    dragBackgroundColor?: string;
+    dragBorderStyle?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalBackdropColor?: string;
+    skeletonBackgroundColor?: string;
+    skeletonAnimationColorRgb?: string;
+    snackbarTextColor?: string;
+    snackbarInfoBackgroundColor?: string;
+    snackbarSuccessBackgroundColor?: string;
+    snackbarErrorBackgroundColor?: string;
+    snackbarWarningBackgroundColor?: string;
+    snackbarBorderRadius?: 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;
+    wizardStepIndicatorFutureColor?: string;
+    contextMenuHoverColor?: string;
+    contextMenuPressedColor?: 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;
+    fontSizeH1?: string;
+    fontSizeH2?: string;
+    fontSizeH3?: string;
+    fontSizeH4?: string;
+    fontSizeSub?: string;
+    fontSizeCode?: string;
+    formControlFontSize?: 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;
+export {};

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

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

package/dist/cjs/src/hooks/useAnimation.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const n=e.useRef(null);const[r,i]=e.useState(false);const a=()=>r&&t();e.useEffect((()=>{var e;(e=n.current)===null||e===void 0?void 0:e.addEventListener("animationend",a);return()=>{var e;return(e=n.current)===null||e===void 0?void 0:e.removeEventListener("animationend",a)}}),[r]);return{ref:n,animationStarted:r,startAnimation:()=>i(true)}};exports.useAnimation=t;
+//# sourceMappingURL=useAnimation.cjs.js.map

package/dist/cjs/src/hooks/useAnimation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["useAnimation","callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"6FAkBa,MAAAA,EAAgDC,IAC3D,MAAMC,EAAoBC,SAAmB,MAE7C,MAAOC,EAAkBC,GAAuBC,EAAQA,SAAC,OAEzD,MAAMC,EAAiB,IAAMH,GAAoBH,IAEjDO,EAAAA,WAAU,YACRC,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,iBAAiB,eAAgBJ,GAC5D,MAAO,KAAK,IAAAE,EAAC,OAAAA,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEJ,MAAO,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,EAAoB,MAC3C"}

package/dist/cjs/src/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/cjs/src/hooks/useAnimation.test.d.ts

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

package/dist/cjs/src/hooks/useBodyClick.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r,i)=>{function c(e){if(t(e))r()}e.useEffect((()=>{window.addEventListener("click",c);return()=>{window.removeEventListener("click",c)}}),[i])};exports.useBodyClick=t;
+//# sourceMappingURL=useBodyClick.cjs.js.map

package/dist/cjs/src/hooks/useBodyClick.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyClick.cjs.js","sources":["../../../../../../src/hooks/useBodyClick.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect } from \"react\";\n\nexport const useBodyClick = (\n  checkFunction: (event: MouseEvent) => boolean,\n  callbackFunction: (...args: unknown[]) => unknown,\n  dependingStateVariable: React.ComponentState | React.ComponentState[]\n) => {\n  function bodyClickListener(event: MouseEvent) {\n    if (checkFunction(event)) {\n      callbackFunction();\n    }\n  }\n  useEffect(() => {\n    window.addEventListener(\"click\", bodyClickListener);\n\n    return () => {\n      window.removeEventListener(\"click\", bodyClickListener);\n    };\n  }, [dependingStateVariable]);\n};\n"],"names":["useBodyClick","checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"6FAkBa,MAAAA,EAAe,CAC1BC,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACzB,GAAIJ,EAAcI,GAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAEjC,MAAO,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,CACvD,GACA,CAACD,GAAwB"}

package/dist/cjs/src/hooks/useBodyClick.d.ts

@@ -0,0 +1 @@
+export declare const useBodyClick: (checkFunction: (event: MouseEvent) => boolean, callbackFunction: (...args: unknown[]) => unknown, dependingStateVariable: React.ComponentState | React.ComponentState[]) => void;

package/dist/cjs/src/hooks/useBodyClick.test.d.ts

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

package/dist/cjs/src/hooks/useDebouncedCallback.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=t(e);const u=(e,t,u)=>{const c=r["default"].useRef();const n=u?[e,t,...u]:[e,t];return r["default"].useCallback(((...r)=>{if(c.current!=null)clearTimeout(c.current);c.current=setTimeout((()=>{e(...r)}),t)}),n)};exports.useDebouncedCallback=u;
+//# sourceMappingURL=useDebouncedCallback.cjs.js.map

package/dist/cjs/src/hooks/useDebouncedCallback.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\n\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":["useDebouncedCallback","callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"iLAkBa,MAAAA,EAAuB,CAACC,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,aAAMC,SACtB,MAAMC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,aAAMG,aAAY,IAAIC,KAC3B,GAAIL,EAAQM,SAAW,KACrBC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}