@commerce7/admin-ui 2.0.46 → 2.0.47

package/lib/types/button/theme.d.ts

@@ -0,0 +1,480 @@
+export namespace sizes {
+    export namespace small {
+        let padding: string;
+        let height: string;
+    }
+    namespace _default {
+        let padding_1: string;
+        export { padding_1 as padding };
+        let height_1: string;
+        export { height_1 as height };
+    }
+    export { _default as default };
+}
+export namespace colors {
+    namespace dark {
+        namespace primary {
+            namespace fontColor {
+                let _default_1: string;
+                export { _default_1 as default };
+                export let hover: string;
+                export let focus: string;
+                export let disabled: string;
+            }
+            namespace iconColor {
+                let _default_2: string;
+                export { _default_2 as default };
+                let hover_1: string;
+                export { hover_1 as hover };
+                let focus_1: string;
+                export { focus_1 as focus };
+                let disabled_1: string;
+                export { disabled_1 as disabled };
+            }
+            namespace backgroundColor {
+                let _default_3: string;
+                export { _default_3 as default };
+                let hover_2: string;
+                export { hover_2 as hover };
+                let focus_2: string;
+                export { focus_2 as focus };
+                let disabled_2: string;
+                export { disabled_2 as disabled };
+            }
+            namespace borderColor {
+                let _default_4: string;
+                export { _default_4 as default };
+                let hover_3: string;
+                export { hover_3 as hover };
+                let focus_3: string;
+                export { focus_3 as focus };
+                let disabled_3: string;
+                export { disabled_3 as disabled };
+            }
+        }
+        namespace secondary {
+            export namespace fontColor_1 {
+                let _default_5: string;
+                export { _default_5 as default };
+                let hover_4: string;
+                export { hover_4 as hover };
+                let focus_4: string;
+                export { focus_4 as focus };
+                let disabled_4: string;
+                export { disabled_4 as disabled };
+            }
+            export { fontColor_1 as fontColor };
+            export namespace iconColor_1 {
+                let _default_6: string;
+                export { _default_6 as default };
+                let hover_5: string;
+                export { hover_5 as hover };
+                let focus_5: string;
+                export { focus_5 as focus };
+                let disabled_5: string;
+                export { disabled_5 as disabled };
+            }
+            export { iconColor_1 as iconColor };
+            export namespace backgroundColor_1 {
+                let _default_7: string;
+                export { _default_7 as default };
+                let hover_6: string;
+                export { hover_6 as hover };
+                let focus_6: string;
+                export { focus_6 as focus };
+                let disabled_6: string;
+                export { disabled_6 as disabled };
+            }
+            export { backgroundColor_1 as backgroundColor };
+            export namespace borderColor_1 {
+                let _default_8: string;
+                export { _default_8 as default };
+                let hover_7: string;
+                export { hover_7 as hover };
+                let focus_7: string;
+                export { focus_7 as focus };
+                let disabled_7: string;
+                export { disabled_7 as disabled };
+            }
+            export { borderColor_1 as borderColor };
+        }
+        namespace text {
+            export namespace fontColor_2 {
+                let _default_9: string;
+                export { _default_9 as default };
+                let hover_8: string;
+                export { hover_8 as hover };
+                let focus_8: string;
+                export { focus_8 as focus };
+                let disabled_8: string;
+                export { disabled_8 as disabled };
+            }
+            export { fontColor_2 as fontColor };
+            export namespace iconColor_2 {
+                let _default_10: string;
+                export { _default_10 as default };
+                let hover_9: string;
+                export { hover_9 as hover };
+                let focus_9: string;
+                export { focus_9 as focus };
+                let disabled_9: string;
+                export { disabled_9 as disabled };
+            }
+            export { iconColor_2 as iconColor };
+            export namespace backgroundColor_2 {
+                let _default_11: string;
+                export { _default_11 as default };
+                let hover_10: string;
+                export { hover_10 as hover };
+                let focus_10: string;
+                export { focus_10 as focus };
+                let disabled_10: string;
+                export { disabled_10 as disabled };
+            }
+            export { backgroundColor_2 as backgroundColor };
+            export namespace borderColor_2 {
+                let _default_12: string;
+                export { _default_12 as default };
+                let hover_11: string;
+                export { hover_11 as hover };
+                let focus_11: string;
+                export { focus_11 as focus };
+                let disabled_11: string;
+                export { disabled_11 as disabled };
+            }
+            export { borderColor_2 as borderColor };
+        }
+        namespace link {
+            export namespace fontColor_3 {
+                let _default_13: string;
+                export { _default_13 as default };
+                let hover_12: string;
+                export { hover_12 as hover };
+                let focus_12: string;
+                export { focus_12 as focus };
+                let disabled_12: string;
+                export { disabled_12 as disabled };
+            }
+            export { fontColor_3 as fontColor };
+            export namespace iconColor_3 {
+                let _default_14: string;
+                export { _default_14 as default };
+                let hover_13: string;
+                export { hover_13 as hover };
+                let focus_13: string;
+                export { focus_13 as focus };
+                let disabled_13: string;
+                export { disabled_13 as disabled };
+            }
+            export { iconColor_3 as iconColor };
+            export namespace backgroundColor_3 {
+                let _default_15: string;
+                export { _default_15 as default };
+                let hover_14: string;
+                export { hover_14 as hover };
+                let focus_14: string;
+                export { focus_14 as focus };
+                let disabled_14: string;
+                export { disabled_14 as disabled };
+            }
+            export { backgroundColor_3 as backgroundColor };
+            export namespace borderColor_3 {
+                let _default_16: string;
+                export { _default_16 as default };
+                let hover_15: string;
+                export { hover_15 as hover };
+                let focus_15: string;
+                export { focus_15 as focus };
+                let disabled_15: string;
+                export { disabled_15 as disabled };
+            }
+            export { borderColor_3 as borderColor };
+        }
+    }
+    namespace light {
+        export namespace primary_1 {
+            export namespace fontColor_4 {
+                let _default_17: string;
+                export { _default_17 as default };
+                let hover_16: string;
+                export { hover_16 as hover };
+                let focus_16: string;
+                export { focus_16 as focus };
+                let disabled_16: string;
+                export { disabled_16 as disabled };
+            }
+            export { fontColor_4 as fontColor };
+            export namespace iconColor_4 {
+                let _default_18: string;
+                export { _default_18 as default };
+                let hover_17: string;
+                export { hover_17 as hover };
+                let focus_17: string;
+                export { focus_17 as focus };
+                let disabled_17: string;
+                export { disabled_17 as disabled };
+            }
+            export { iconColor_4 as iconColor };
+            export namespace backgroundColor_4 {
+                let _default_19: string;
+                export { _default_19 as default };
+                let hover_18: string;
+                export { hover_18 as hover };
+                let focus_18: string;
+                export { focus_18 as focus };
+                let disabled_18: string;
+                export { disabled_18 as disabled };
+            }
+            export { backgroundColor_4 as backgroundColor };
+            export namespace borderColor_4 {
+                let _default_20: string;
+                export { _default_20 as default };
+                let hover_19: string;
+                export { hover_19 as hover };
+                let focus_19: string;
+                export { focus_19 as focus };
+                let disabled_19: string;
+                export { disabled_19 as disabled };
+            }
+            export { borderColor_4 as borderColor };
+        }
+        export { primary_1 as primary };
+        export namespace secondary_1 {
+            export namespace fontColor_5 {
+                let _default_21: string;
+                export { _default_21 as default };
+                let hover_20: string;
+                export { hover_20 as hover };
+                let focus_20: string;
+                export { focus_20 as focus };
+                let disabled_20: string;
+                export { disabled_20 as disabled };
+            }
+            export { fontColor_5 as fontColor };
+            export namespace iconColor_5 {
+                let _default_22: string;
+                export { _default_22 as default };
+                let hover_21: string;
+                export { hover_21 as hover };
+                let focus_21: string;
+                export { focus_21 as focus };
+                let disabled_21: string;
+                export { disabled_21 as disabled };
+            }
+            export { iconColor_5 as iconColor };
+            export namespace backgroundColor_5 {
+                let _default_23: string;
+                export { _default_23 as default };
+                let hover_22: string;
+                export { hover_22 as hover };
+                let focus_22: string;
+                export { focus_22 as focus };
+                let disabled_22: string;
+                export { disabled_22 as disabled };
+            }
+            export { backgroundColor_5 as backgroundColor };
+            export namespace borderColor_5 {
+                let _default_24: string;
+                export { _default_24 as default };
+                let hover_23: string;
+                export { hover_23 as hover };
+                let focus_23: string;
+                export { focus_23 as focus };
+                let disabled_23: string;
+                export { disabled_23 as disabled };
+            }
+            export { borderColor_5 as borderColor };
+        }
+        export { secondary_1 as secondary };
+        export namespace text_1 {
+            export namespace fontColor_6 {
+                let _default_25: string;
+                export { _default_25 as default };
+                let hover_24: string;
+                export { hover_24 as hover };
+                let focus_24: string;
+                export { focus_24 as focus };
+                let disabled_24: string;
+                export { disabled_24 as disabled };
+            }
+            export { fontColor_6 as fontColor };
+            export namespace iconColor_6 {
+                let _default_26: string;
+                export { _default_26 as default };
+                let hover_25: string;
+                export { hover_25 as hover };
+                let focus_25: string;
+                export { focus_25 as focus };
+                let disabled_25: string;
+                export { disabled_25 as disabled };
+            }
+            export { iconColor_6 as iconColor };
+            export namespace backgroundColor_6 {
+                let _default_27: string;
+                export { _default_27 as default };
+                let hover_26: string;
+                export { hover_26 as hover };
+                let focus_26: string;
+                export { focus_26 as focus };
+                let disabled_26: string;
+                export { disabled_26 as disabled };
+            }
+            export { backgroundColor_6 as backgroundColor };
+            export namespace borderColor_6 {
+                let _default_28: string;
+                export { _default_28 as default };
+                let hover_27: string;
+                export { hover_27 as hover };
+                let focus_27: string;
+                export { focus_27 as focus };
+                let disabled_27: string;
+                export { disabled_27 as disabled };
+            }
+            export { borderColor_6 as borderColor };
+        }
+        export { text_1 as text };
+        export namespace link_1 {
+            export namespace fontColor_7 {
+                let _default_29: string;
+                export { _default_29 as default };
+                let hover_28: string;
+                export { hover_28 as hover };
+                let focus_28: string;
+                export { focus_28 as focus };
+                let disabled_28: string;
+                export { disabled_28 as disabled };
+            }
+            export { fontColor_7 as fontColor };
+            export namespace iconColor_7 {
+                let _default_30: string;
+                export { _default_30 as default };
+                let hover_29: string;
+                export { hover_29 as hover };
+                let focus_29: string;
+                export { focus_29 as focus };
+                let disabled_29: string;
+                export { disabled_29 as disabled };
+            }
+            export { iconColor_7 as iconColor };
+            export namespace backgroundColor_7 {
+                let _default_31: string;
+                export { _default_31 as default };
+                let hover_30: string;
+                export { hover_30 as hover };
+                let focus_30: string;
+                export { focus_30 as focus };
+                let disabled_30: string;
+                export { disabled_30 as disabled };
+            }
+            export { backgroundColor_7 as backgroundColor };
+            export namespace borderColor_7 {
+                let _default_32: string;
+                export { _default_32 as default };
+                let hover_31: string;
+                export { hover_31 as hover };
+                let focus_31: string;
+                export { focus_31 as focus };
+                let disabled_31: string;
+                export { disabled_31 as disabled };
+            }
+            export { borderColor_7 as borderColor };
+        }
+        export { link_1 as link };
+    }
+}
+export namespace shadows {
+    export namespace dark_1 {
+        export namespace primary_2 {
+            let _default_33: string;
+            export { _default_33 as default };
+            let hover_32: string;
+            export { hover_32 as hover };
+            let focus_32: string;
+            export { focus_32 as focus };
+            let disabled_32: string;
+            export { disabled_32 as disabled };
+        }
+        export { primary_2 as primary };
+        export namespace secondary_2 {
+            let _default_34: string;
+            export { _default_34 as default };
+            let hover_33: string;
+            export { hover_33 as hover };
+            let focus_33: string;
+            export { focus_33 as focus };
+            let disabled_33: string;
+            export { disabled_33 as disabled };
+        }
+        export { secondary_2 as secondary };
+        export namespace text_2 {
+            let _default_35: string;
+            export { _default_35 as default };
+            let hover_34: string;
+            export { hover_34 as hover };
+            let focus_34: string;
+            export { focus_34 as focus };
+            let disabled_34: string;
+            export { disabled_34 as disabled };
+        }
+        export { text_2 as text };
+        export namespace link_2 {
+            let _default_36: string;
+            export { _default_36 as default };
+            let hover_35: string;
+            export { hover_35 as hover };
+            let focus_35: string;
+            export { focus_35 as focus };
+            let disabled_35: string;
+            export { disabled_35 as disabled };
+        }
+        export { link_2 as link };
+    }
+    export { dark_1 as dark };
+    export namespace light_1 {
+        export namespace primary_3 {
+            let _default_37: string;
+            export { _default_37 as default };
+            let hover_36: string;
+            export { hover_36 as hover };
+            let focus_36: string;
+            export { focus_36 as focus };
+            let disabled_36: string;
+            export { disabled_36 as disabled };
+        }
+        export { primary_3 as primary };
+        export namespace secondary_3 {
+            let _default_38: string;
+            export { _default_38 as default };
+            let hover_37: string;
+            export { hover_37 as hover };
+            let focus_37: string;
+            export { focus_37 as focus };
+            let disabled_37: string;
+            export { disabled_37 as disabled };
+        }
+        export { secondary_3 as secondary };
+        export namespace text_3 {
+            let _default_39: string;
+            export { _default_39 as default };
+            let hover_38: string;
+            export { hover_38 as hover };
+            let focus_38: string;
+            export { focus_38 as focus };
+            let disabled_38: string;
+            export { disabled_38 as disabled };
+        }
+        export { text_3 as text };
+        export namespace link_3 {
+            let _default_40: string;
+            export { _default_40 as default };
+            let hover_39: string;
+            export { hover_39 as hover };
+            let focus_39: string;
+            export { focus_39 as focus };
+            let disabled_39: string;
+            export { disabled_39 as disabled };
+        }
+        export { link_3 as link };
+    }
+    export { light_1 as light };
+}

package/lib/types/buttonMenu/ButtonMenu.d.ts

@@ -0,0 +1,39 @@
+import React, { MouseEvent, ReactNode } from 'react';
+export type ButtonSize = 'default' | 'small';
+export type ButtonVariant = 'primary' | 'secondary' | 'text';
+export interface ButtonMenuProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Set the label on the button
+     */
+    label?: string;
+    /**
+     * Control the size of the button
+     */
+    size?: ButtonSize;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: ButtonVariant;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Allows passing in a onClick function to be executed when the ButtonMenu is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+declare const ButtonMenu: ({ label, className, disabled, children, variant, size, dataTestId, onClick }: ButtonMenuProps) => React.JSX.Element;
+export default ButtonMenu;

package/lib/types/buttonMenu/ButtonMenuItem.d.ts

@@ -0,0 +1,5 @@
+import { ContextMenuItemProps } from '../common/contextMenu/ContextMenuItem';
+declare const ButtonMenuItem: ({ onClick, children, className, icon, img, alt, disabled, dataTestId }: ContextMenuItemProps) => import("react").JSX.Element;
+type ButtonMenuItemProps = ContextMenuItemProps;
+export type { ButtonMenuItemProps };
+export default ButtonMenuItem;

package/lib/types/buttonMenu/index.d.ts

@@ -0,0 +1,7 @@
+import { ButtonMenuProps, ButtonSize, ButtonVariant } from './ButtonMenu';
+import { ButtonMenuItemProps } from './ButtonMenuItem';
+declare const ButtonMenu: (({ label, className, disabled, children, variant, size, dataTestId, onClick }: ButtonMenuProps) => import("react").JSX.Element) & {
+    ButtonMenuItem: ({ onClick, children, className, icon, img, alt, disabled, dataTestId }: import("..").ContextMenuItemProps) => import("react").JSX.Element;
+};
+export type { ButtonMenuProps, ButtonMenuItemProps, ButtonSize, ButtonVariant };
+export default ButtonMenu;

package/lib/types/card/Card.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface CardProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string | null;
+    /**
+     * Add variant to change the background color
+     */
+    variant?: 'default' | 'white';
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

package/lib/types/card/Card.styles.d.ts

@@ -0,0 +1,5 @@
+interface StyledCardProps {
+    variant: 'default' | 'white';
+}
+declare const StyledCard: import("styled-components").StyledComponent<"div", any, StyledCardProps, never>;
+export { StyledCard };

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

@@ -0,0 +1,3 @@
+import Card, { CardProps } from './Card';
+export type { CardProps };
+export default Card;

package/lib/types/card/theme.d.ts

@@ -0,0 +1,21 @@
+export namespace colors {
+    namespace dark {
+        namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let white: string;
+        }
+        let borderColor: string;
+    }
+    namespace light {
+        export namespace backgroundColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let white_1: string;
+            export { white_1 as white };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        let borderColor_1: string;
+        export { borderColor_1 as borderColor };
+    }
+}

package/lib/types/cardLink/CardLink.d.ts

@@ -0,0 +1,41 @@
+import React, { ComponentType, ReactNode } from 'react';
+export interface CardLinkProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * The component to render as a replacement for `<a/>`.
+     * This can be used to pass in components from client-side routing libraries like react-router.
+     * If this property is set, all other props will be passed to the component.
+     */
+    component?: ComponentType<any> | string;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * Add an icon to the start of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    icon?: string;
+    /**
+     * Help text to describe the card
+     */
+    description?: string;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    [key: string]: any;
+}
+declare const CardLink: ({ children, className, component, icon, href, label, dataTestId, ...rest }: CardLinkProps) => React.JSX.Element;
+export default CardLink;

package/lib/types/cardLink/CardLink.styles.d.ts

@@ -0,0 +1,14 @@
+declare const StyledCardLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledCardLabel: import("styled-components").StyledComponent<import("react").FC<import("../text").TextProps>, any, {
+    bold: boolean;
+    block: true;
+}, "bold" | "block">;
+declare const StyledCardDescription: import("styled-components").StyledComponent<import("react").FC<import("../text").TextProps>, any, {
+    secondary: true;
+    block: true;
+}, "block" | "secondary">;
+declare const StyledCardIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, {}, never>;
+export { StyledCardLink, StyledCardIcon, StyledCardLabel, StyledCardDescription };

package/lib/types/cardLink/index.d.ts

@@ -0,0 +1,3 @@
+import CardLink, { CardLinkProps } from './CardLink';
+export type { CardLinkProps };
+export default CardLink;

package/lib/types/cardLink/theme.d.ts

@@ -0,0 +1,21 @@
+export namespace colors {
+    namespace light {
+        let backgroundColor: string;
+        let invertedBackgroundColor: string;
+        let fontColor: string;
+        let secondaryFontColor: string;
+        let iconBackgroundColor: string;
+    }
+    namespace dark {
+        let backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+        let invertedBackgroundColor_1: string;
+        export { invertedBackgroundColor_1 as invertedBackgroundColor };
+        let fontColor_1: string;
+        export { fontColor_1 as fontColor };
+        let secondaryFontColor_1: string;
+        export { secondaryFontColor_1 as secondaryFontColor };
+        let iconBackgroundColor_1: string;
+        export { iconBackgroundColor_1 as iconBackgroundColor };
+    }
+}