@speakapbv/dough-component-library 10.8.1 → 10.10.0

package/dist/node_modules/@speakapbv/dough-component-library-tokens/index.d.ts

@@ -54,6 +54,7 @@ declare const _default: {
         textH3: string;
         textH2: string;
         textH1: string;
+        textHero: string;
         textTiny: string;
         lineHeightHeading: string;
         lineHeightBody: string;

package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts

@@ -1,3 +1,10 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./alert-textbox").AlertTextProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    (props: import("./alert-textbox").AlertTextProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./alert-textbox").AlertTextProps>;
+export declare const Default: ComponentStory<{
+    (props: import("./alert-textbox").AlertTextProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/bread-crumb/bread-crumb.stories.d.ts

@@ -1,27 +1,31 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { BreadCrumbProps } from "./bread-crumb";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, BreadCrumbProps>;
+declare const _default: ComponentMeta<{
+    (props: BreadCrumbProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Simple: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const Simple: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const OneChild: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const OneChild: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const LimitedWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const LimitedWidth: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const MultipleChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const MultipleChildren: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const CustomChildren: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const CustomChildInTheMiddle: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const CustomChildInTheMiddle: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const CustomChildrenLimitedWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const CustomChildrenLimitedWidth: Story<BreadCrumbProps & {
     width: string;
 }>;
-export declare const WithoutUsingFragments: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
+export declare const WithoutUsingFragments: Story<BreadCrumbProps & {
     width: string;
 }>;

package/dist/src/components/button/button.stories.d.ts

@@ -1,19 +1,20 @@
 import React from "react";
+import { ComponentMeta, Story } from "@storybook/react";
 import { ButtonProps } from "./button";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps & {
+export declare const Default: Story<ButtonProps & {
     width: string;
 }>;
-export declare const Phantom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps & {
+export declare const Phantom: Story<ButtonProps & {
     width: string;
 }>;
-export declare const ColorButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps & {
+export declare const ColorButton: Story<ButtonProps & {
     width: string;
 }>;
-export declare const ColorButtonWithoutBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps & {
+export declare const ColorButtonWithoutBorder: Story<ButtonProps & {
     width: string;
 }>;
-export declare const ConstrainedButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<ButtonProps, "className" | "children" | "dataAttributes" | "type" | "size" | "color" | "border" | "rounded" | "shadow" | "padding" | "onClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "fullWidth" | "disabled" | "alignIconRight" | "linkProps" | "tabIndex" | "name" | "autoFocus" | "icon" | "onDoubleClick" | "flat" | "busy" | "withoutBackground" | "colorPicker"> & {
+export declare const ConstrainedButton: Story<Omit<ButtonProps, "label"> & {
     singleLabel: boolean;
 }>;

package/dist/src/components/color-tile/color-tile.stories.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;
-export declare const WithChild: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>>;
+export declare const WithChild: ComponentStory<React.ForwardRefExoticComponent<import("./color-tile").ColorTileProps & React.RefAttributes<import("./color-tile").ColorTileRef>>>;

package/dist/src/components/containers/card/card.stories.d.ts

@@ -1,4 +1,14 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./card").CardProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    (props: import("./card").CardProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./card").CardProps>;
-export declare const ActionCard: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./card").CardProps>;
+export declare const Default: ComponentStory<{
+    (props: import("./card").CardProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const ActionCard: ComponentStory<{
+    (props: import("./card").CardProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/divider/divider.stories.d.ts

@@ -1,5 +1,18 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./divider").DividerProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    (props: import("./divider").DividerProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./divider").DividerProps>;
-export declare const Vertical: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./divider").DividerProps>;
-export declare const WithText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./divider").DividerProps>;
+export declare const Default: ComponentStory<{
+    (props: import("./divider").DividerProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const Vertical: ComponentStory<{
+    (props: import("./divider").DividerProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const WithText: ComponentStory<{
+    (props: import("./divider").DividerProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/drop-menu/drop-menu.stories.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;
-export declare const Multiple: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>>;
+export declare const Multiple: ComponentStory<React.ForwardRefExoticComponent<import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>>;

package/dist/src/components/form-elements/form-element-base-wrapper.d.ts

@@ -18,5 +18,5 @@ interface FormElementBaseProps {
     children: React.ReactNode;
     [key: string]: any;
 }
-export declare const FormElementBase: React.ForwardRefExoticComponent<Pick<FormElementBaseProps, React.ReactText> & React.RefAttributes<unknown>>;
+export declare const FormElementBase: React.ForwardRefExoticComponent<Pick<FormElementBaseProps, keyof FormElementBaseProps> & React.RefAttributes<unknown>>;
 export {};

package/dist/src/components/form-elements/selection-inputs/check-box.stories.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>;
-export declare const WithLabel: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>;
-export declare const WithTopLabel: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>>;
+export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>>;
+export declare const WithTopLabel: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./check-box").CheckBoxProps, "label" | "className" | "children" | "dataAttributes" | "size" | "width" | "color" | "rounded" | "disabled" | "tabIndex" | "name" | "icon" | "inputClassName" | "checkOnly" | "readOnly" | "onChange" | "value" | "alignment"> & React.RefAttributes<import("../../..").DoughBooleanInputRef>>>;

package/dist/src/components/overlay/overlay.stories.d.ts

@@ -1,3 +1,5 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./overlay").OverlayProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Overlay } from "./overlay";
+declare const _default: ComponentMeta<typeof Overlay>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./overlay").OverlayProps>;
+export declare const Default: ComponentStory<typeof Overlay>;

package/dist/src/components/progress-bar/multi-progress-bar.stories.d.ts

@@ -1,7 +1,26 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Empty: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
-export declare const SingleData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
-export declare const MultipleData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
-export declare const BigData: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
-export declare const FullyFilled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./multi-progress-bar").MultiProgressBarProps>;
+export declare const Empty: ComponentStory<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const SingleData: ComponentStory<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const MultipleData: ComponentStory<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const BigData: ComponentStory<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const FullyFilled: ComponentStory<{
+    ({ dataAttributes, className, railColor, data, total, }: import("./multi-progress-bar").MultiProgressBarProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/progress-bar/progress-bar.stories.d.ts

@@ -1,3 +1,10 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./progress-bar").ProgressBarProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    ({ total, completed, railColor, barColor, dataAttributes, className, }: import("./progress-bar").ProgressBarProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./progress-bar").ProgressBarProps>;
+export declare const Default: ComponentStory<{
+    ({ total, completed, railColor, barColor, dataAttributes, className, }: import("./progress-bar").ProgressBarProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/spinner/spinner.stories.d.ts

@@ -1,3 +1,10 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./spinner").SpinnerProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    (props: import("./spinner").SpinnerProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./spinner").SpinnerProps>;
+export declare const Default: ComponentStory<{
+    (props: import("./spinner").SpinnerProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/tabs/tabs.stories.d.ts

@@ -1,4 +1,14 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./tabs").TabsContainerProps>;
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<{
+    (props: import("./tabs").TabsContainerProps): JSX.Element;
+    displayName: string;
+}>;
 export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./tabs").TabsContainerProps>;
-export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./tabs").TabsContainerProps>;
+export declare const Default: ComponentStory<{
+    (props: import("./tabs").TabsContainerProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const Compact: ComponentStory<{
+    (props: import("./tabs").TabsContainerProps): JSX.Element;
+    displayName: string;
+}>;

package/dist/src/components/tree/tree.d.ts

@@ -1,6 +1,6 @@
 import { DoughDataAttributes } from "../../utils/constants";
 import "./tree.scss";
-export declare type DoughTreeData = {
+export type DoughTreeData = {
     label: string;
     value: any;
     disabled?: boolean;

package/dist/src/utils/flattenChildren.d.ts

@@ -1,4 +1,4 @@
 import { Children, ReactNode } from "react";
-declare type ReactChildArray = ReturnType<typeof Children.toArray>;
+type ReactChildArray = ReturnType<typeof Children.toArray>;
 export declare function flattenChildren(children: ReactNode): ReactChildArray;
 export {};

package/dist/utils/constants.d.ts

@@ -88,20 +88,20 @@ export declare enum Spacings {
     AUTO = "auto",
     STRETCH = "stretch"
 }
-export declare type DoughDataAttributes = Record<string, string | number>;
-export declare type DoughValidationResult = {
+export type DoughDataAttributes = Record<string, string | number>;
+export type DoughValidationResult = {
     valid: boolean;
     message?: string;
 };
-export declare type DoughBooleanInputRef = {
+export type DoughBooleanInputRef = {
     getValue(): boolean | undefined;
 };
-export declare type DoughTextInputRef = {
+export type DoughTextInputRef = {
     getValue(): string | undefined;
     focus(): void;
     blur(): void;
 };
-export declare type DoughNumericInputRef = {
+export type DoughNumericInputRef = {
     getValue(): number | undefined;
     focus(): void;
     blur(): void;
@@ -116,7 +116,7 @@ export declare enum Direction {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal"
 }
-export declare type DateRangeValue = [Date, Date?];
+export type DateRangeValue = [Date, Date?];
 export declare enum BreakpointViewportSizes {
     XL = "sizeViewportExtraLarge",
     LARGE = "sizeViewportLarge",

package/dist/utils/dom-management.d.ts

@@ -11,17 +11,17 @@ export declare const registerEscPressListener: (registrant: any) => void;
 export declare const deRegisterEscPressListener: (registrantId: any) => void;
 export declare const registerOutsideClickListener: (registrant: any) => void;
 export declare const deRegisterOutsideClickListener: (registrantId: any) => void;
-export declare const getDropAreaOverlay: (selector?: string | undefined) => any;
-export declare const getDialogOverlay: (selector?: string | undefined, darkBackground?: boolean | undefined) => any;
-export declare const getTooltipOverlay: (selector?: string | undefined) => any;
+export declare const getDropAreaOverlay: (selector?: string) => any;
+export declare const getDialogOverlay: (selector?: string, darkBackground?: boolean) => any;
+export declare const getTooltipOverlay: (selector?: string) => any;
 export declare const setLastTooltip: (tooltip: any) => void;
 export declare const hideLastDoughTooltip: () => void;
-export declare const getPanelOverlay: (selector?: string | undefined, asModal?: boolean | undefined) => any;
-export declare const getAppBackgroundOverlay: (selector?: string | undefined) => any;
+export declare const getPanelOverlay: (selector?: string, asModal?: boolean) => any;
+export declare const getAppBackgroundOverlay: (selector?: string) => any;
 export declare const getAppWrapperOverlay: () => any;
-export declare const getNotificationOverlay: (verticalLayer: any, horizontalLayer: any, selector?: string | undefined) => any;
+export declare const getNotificationOverlay: (verticalLayer: any, horizontalLayer: any, selector?: string) => any;
 export declare const getInjectedStylesWrapper: () => any;
 export declare const findParentBySelector: (element: HTMLElement, selector: string) => HTMLElement;
 export declare const setBreakpointSizeManually: (size: BreakpointViewportSizes | null) => void;
-export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string, useManualBreakpointSize?: boolean | undefined) => void;
+export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string, useManualBreakpointSize?: boolean) => void;
 export declare const deRegisterBreakpointView: (id: string) => void;

package/dist/utils/styles.d.ts

@@ -1,6 +1,6 @@
 import { Colors, FixedColors } from "./constants";
 export declare const getIESpecificStyles: (props: Record<string, any>, propToStyleMap: Record<string, Array<string>>) => string;
-export declare const generateStyles: (props: Record<string, any>, selector: string, propToStyleMap: Record<string, Array<string>>, noMediaQuery?: boolean | undefined) => string;
+export declare const generateStyles: (props: Record<string, any>, selector: string, propToStyleMap: Record<string, Array<string>>, noMediaQuery?: boolean) => string;
 export declare const isStandardColor: (color: Colors | string) => color is Colors;
 export declare const isFixedColor: (color: FixedColors | string) => color is FixedColors;
 export declare const getColorWithFallback: (color: Colors | FixedColors | string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "10.8.1",
+    "version": "10.10.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",
@@ -52,6 +52,8 @@
         "@svgr/rollup": "^5.0.1",
         "@types/react": "^16.9.44",
         "@types/react-dom": "^16.9.8",
+        "@typescript-eslint/eslint-plugin": "^6.21.0",
+        "@typescript-eslint/parser": "^6.21.0",
         "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
         "auto-changelog": "^1.16.2",
         "babel-eslint": "^10.0.3",
@@ -62,7 +64,7 @@
         "cz-conventional-changelog": "3.3.0",
         "enzyme": "^3.11.0",
         "enzyme-to-json": "^3.4.3",
-        "eslint": "^6.8.0",
+        "eslint": "^8.56.0",
         "eslint-config-prettier": "^6.9.0",
         "eslint-plugin-compat": "^3.3.0",
         "eslint-plugin-jest": "^23.3.0",
@@ -77,7 +79,7 @@
         "prettier": "^1.19.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-scripts": "^3.3.0",
+        "react-scripts": "^5.0.1",
         "rollup": "^1.29.0",
         "rollup-plugin-peer-deps-external": "^2.2.0",
         "rollup-plugin-postcss": "^2.0.3",
@@ -88,13 +90,14 @@
         "sass-loader": "10.3.1",
         "semantic-release": "^18.0.0",
         "style-loader": "^2.0.0",
-        "typescript": "^3.9.7"
+        "typescript": "^4.8.3"
     },
     "files": [
         "dist"
     ],
     "dependencies": {
-        "@speakapbv/dough-component-library-tokens": "1.7.2"
+        "@speakapbv/dough-component-library-tokens": "1.8.0",
+        "tslib": "^2.6.2"
     },
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"