@commerce7/admin-ui 2.0.46 → 2.0.48

package/lib/types/alert/Alert.d.ts

@@ -0,0 +1,42 @@
+import React, { ComponentType, ReactNode } from 'react';
+export type AlertVariant = 'default' | 'info' | 'error' | 'warning' | 'success' | 'tip';
+type AlertSize = 'default' | 'small';
+export interface AlertProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * 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;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: AlertVariant;
+    /**
+     * Set the size of the component.
+     */
+    size?: AlertSize;
+    /**
+     * Set the icon of the component.
+     */
+    icon?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Optional URL to make the alert content clickable.
+     */
+    href?: string;
+    [key: string]: any;
+}
+declare const Alert: ({ variant, icon, size, children, className, component, dataTestId, href, ...rest }: AlertProps) => React.JSX.Element;
+export default Alert;

package/lib/types/alert/Alert.styles.d.ts

@@ -0,0 +1,16 @@
+import { AlertVariant } from './Alert';
+interface StyledAlertProps {
+    variant: 'default' | 'info' | 'error' | 'warning' | 'success' | 'tip';
+    size: 'default' | 'small';
+}
+declare const StyledAlert: import("styled-components").StyledComponent<"div", any, StyledAlertProps, never>;
+interface StyledIconProps {
+    alertVariant: AlertVariant;
+    alertSize: 'default' | 'small';
+}
+declare const StyledIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon/Icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, StyledIconProps, never>;
+declare const StyledAlertLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export { StyledAlert, StyledIcon, StyledAlertLink };

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

@@ -0,0 +1,3 @@
+import Alert, { AlertProps, AlertVariant } from './Alert';
+export type { AlertProps, AlertVariant };
+export default Alert;

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

@@ -0,0 +1,110 @@
+export namespace colors {
+    namespace dark {
+        namespace backgroundColor {
+            export let error: string;
+            export let info: string;
+            export let tip: string;
+            export let warning: string;
+            let _default: string;
+            export { _default as default };
+            export let success: string;
+        }
+        namespace borderBackground {
+            let error_1: string;
+            export { error_1 as error };
+            let info_1: string;
+            export { info_1 as info };
+            let tip_1: string;
+            export { tip_1 as tip };
+            let warning_1: string;
+            export { warning_1 as warning };
+            let _default_1: string;
+            export { _default_1 as default };
+            let success_1: string;
+            export { success_1 as success };
+        }
+        namespace iconColor {
+            let error_2: string;
+            export { error_2 as error };
+            let info_2: string;
+            export { info_2 as info };
+            let tip_2: string;
+            export { tip_2 as tip };
+            let warning_2: string;
+            export { warning_2 as warning };
+            let _default_2: string;
+            export { _default_2 as default };
+            let success_2: string;
+            export { success_2 as success };
+        }
+    }
+    namespace light {
+        export namespace backgroundColor_1 {
+            let error_3: string;
+            export { error_3 as error };
+            let info_3: string;
+            export { info_3 as info };
+            let tip_3: string;
+            export { tip_3 as tip };
+            let warning_3: string;
+            export { warning_3 as warning };
+            let _default_3: string;
+            export { _default_3 as default };
+            let success_3: string;
+            export { success_3 as success };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace borderBackground_1 {
+            let error_4: string;
+            export { error_4 as error };
+            let info_4: string;
+            export { info_4 as info };
+            let tip_4: string;
+            export { tip_4 as tip };
+            let warning_4: string;
+            export { warning_4 as warning };
+            let _default_4: string;
+            export { _default_4 as default };
+            let success_4: string;
+            export { success_4 as success };
+        }
+        export { borderBackground_1 as borderBackground };
+        export namespace iconColor_1 {
+            let error_5: string;
+            export { error_5 as error };
+            let info_5: string;
+            export { info_5 as info };
+            let tip_5: string;
+            export { tip_5 as tip };
+            let warning_5: string;
+            export { warning_5 as warning };
+            let _default_5: string;
+            export { _default_5 as default };
+            let success_5: string;
+            export { success_5 as success };
+        }
+        export { iconColor_1 as iconColor };
+    }
+}
+export namespace sizes {
+    namespace _default_6 {
+        let padding: string;
+        let borderWidth: string;
+        let iconMargin: string;
+        let iconSize: string;
+        let fontSize: string;
+    }
+    export { _default_6 as default };
+    export namespace small {
+        let padding_1: string;
+        export { padding_1 as padding };
+        let borderWidth_1: string;
+        export { borderWidth_1 as borderWidth };
+        let iconMargin_1: string;
+        export { iconMargin_1 as iconMargin };
+        let iconSize_1: string;
+        export { iconSize_1 as iconSize };
+        let fontSize_1: string;
+        export { fontSize_1 as fontSize };
+    }
+}

package/lib/types/avatar/Avatar.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+type AvatarSize = 'tiny' | 'small' | 'default' | 'large';
+export interface AvatarProps {
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * The URL of the image
+     */
+    imageSrc?: string;
+    /**
+     * The alt text for the image
+     */
+    imageAlt?: string;
+    /**
+     * The label text to display
+     */
+    label?: string;
+    /**
+     * The size of the avatar
+     */
+    size?: AvatarSize;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Avatar: ({ className, imageSrc, imageAlt, label, size, dataTestId }: AvatarProps) => React.JSX.Element;
+export default Avatar;

package/lib/types/avatar/Avatar.styles.d.ts

@@ -0,0 +1,12 @@
+interface StyledAvatarProps {
+    size: 'tiny' | 'small' | 'default' | 'large';
+}
+declare const StyledAvatar: import("styled-components").StyledComponent<"div", any, StyledAvatarProps, never>;
+interface StyledAvatarIconProps {
+    avatarSize: 'tiny' | 'small' | 'default' | 'large';
+}
+declare const StyledAvatarIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, StyledAvatarIconProps, never>;
+export { StyledAvatar, StyledAvatarIcon };

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

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

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

@@ -0,0 +1,42 @@
+export namespace sizes {
+    export let tiny: string;
+    export let small: string;
+    let _default: string;
+    export { _default as default };
+    export let large: string;
+}
+export namespace iconSizes {
+    let tiny_1: string;
+    export { tiny_1 as tiny };
+    let small_1: string;
+    export { small_1 as small };
+    let _default_1: string;
+    export { _default_1 as default };
+    let large_1: string;
+    export { large_1 as large };
+}
+export namespace fontSizes {
+    let tiny_2: string;
+    export { tiny_2 as tiny };
+    let small_2: string;
+    export { small_2 as small };
+    let _default_2: string;
+    export { _default_2 as default };
+    let large_2: string;
+    export { large_2 as large };
+}
+export namespace colors {
+    namespace light {
+        let background: string;
+        let fontColor: string;
+        let iconColor: string;
+    }
+    namespace dark {
+        let background_1: string;
+        export { background_1 as background };
+        let fontColor_1: string;
+        export { fontColor_1 as fontColor };
+        let iconColor_1: string;
+        export { iconColor_1 as iconColor };
+    }
+}

package/lib/types/breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode, ElementType } from 'react';
+export interface BreadcrumbProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (() => void) | null;
+    /**
+     * 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?: ElementType;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Breadcrumb: ({ className, component, href, children, dataTestId, onClick, ...rest }: BreadcrumbProps) => React.JSX.Element;
+export default Breadcrumb;

package/lib/types/breadcrumbs/Breadcrumb.styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledBreadcrumb: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const BreadcrumbLinkStyles: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledBreadcrumb, BreadcrumbLinkStyles };

package/lib/types/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface BreadcrumbsProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Breadcrumbs: ({ className, dataTestId, children }: BreadcrumbsProps) => React.JSX.Element;
+export default Breadcrumbs;

package/lib/types/breadcrumbs/Breadcrumbs.styles.d.ts

@@ -0,0 +1,2 @@
+declare const BreadcrumbsWrapperStyles: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export { BreadcrumbsWrapperStyles };

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

@@ -0,0 +1,7 @@
+import { BreadcrumbProps } from './Breadcrumb';
+import { BreadcrumbsProps } from './Breadcrumbs';
+declare const Breadcrumbs: (({ className, dataTestId, children }: BreadcrumbsProps) => import("react").JSX.Element) & {
+    Breadcrumb: ({ className, component, href, children, dataTestId, onClick, ...rest }: BreadcrumbProps) => import("react").JSX.Element;
+};
+export type { BreadcrumbProps, BreadcrumbsProps };
+export default Breadcrumbs;

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

@@ -0,0 +1,60 @@
+import React, { ReactNode, MouseEvent } from 'react';
+export type ButtonSize = 'default' | 'small';
+export type ButtonVariant = 'primary' | 'secondary' | 'text' | 'link';
+export type ButtonType = 'button' | 'submit';
+export interface ButtonProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Set the button to visually show a loading spinner.
+     * This will also disable the button.
+     * This prop is intended to be used during asynchronous actions, like submitting a form.
+     */
+    loading?: boolean;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Control the size of the button
+     */
+    size?: ButtonSize;
+    /**
+     * Add an icon to the start of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    startIcon?: string;
+    /**
+     * Add an icon to the end of the element.
+     */
+    endIcon?: string;
+    /**
+     * Adds a type to the button DOM element.
+     */
+    type?: ButtonType;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: ButtonVariant;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * When it is true, specifies that the <input> element should not be validated when submitted.
+     * Use this when you have custom validation on your form
+     */
+    formNoValidate?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/lib/types/button/Button.styles.d.ts

@@ -0,0 +1,26 @@
+import { ButtonSize, ButtonVariant } from './Button';
+interface ButtonVariantProps {
+    buttonVariant: ButtonVariant;
+    position?: 'start' | 'end';
+    isHidden?: boolean;
+    hasChildren: boolean;
+    icon: string;
+}
+declare const StyledButtonIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, ButtonVariantProps, never>;
+interface StyledButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
+interface StyledButtonTextProps {
+    isLoading?: boolean;
+}
+declare const StyledButtonText: import("styled-components").StyledComponent<"span", any, StyledButtonTextProps, never>;
+declare const StyledLoadingIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, {}, never>;
+export { StyledButton, StyledButtonIcon, StyledButtonText, StyledLoadingIcon };

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

@@ -0,0 +1,3 @@
+import Button, { ButtonProps, ButtonSize, ButtonVariant } from './Button';
+export type { ButtonProps, ButtonSize, ButtonVariant };
+export default Button;