@appquality/unguess-design-system 2.8.3 → 2.8.6

package/build/stories/pagination/index.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { PaginationProps } from "./_types";
-export declare const CursorPagination: Story<PaginationProps>;
-export declare const NumberedPagination: Story<PaginationProps>;
-declare const _default: ComponentMeta<(props: PaginationProps) => JSX.Element>;
-export default _default;

package/build/stories/profile-modal/UserContainer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { UserProfileProps } from "./_types";
-export declare const UserContainer: (props: UserProfileProps) => JSX.Element;

package/build/stories/profile-modal/_types.d.ts

@@ -1,41 +0,0 @@
-import { LiHTMLAttributes } from "react";
-import { NextItemArgs } from "../dropdowns/menu/_types";
-import { ModalArgs } from "../modals/_types";
-export interface ProfileModalArgs extends ModalArgs {
-    menuArgs: UserMenuArgs;
-}
-export interface MenuItemProps extends NextItemArgs {
-    selectedItem?: string;
-    icon?: React.ReactNode;
-    content?: any;
-    setActive: (item: string) => void;
-}
-export interface Language {
-    key: string;
-    label: string;
-}
-export interface UserProfileProps {
-    name: string;
-    email: string;
-    picture?: string;
-    company?: string;
-}
-export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
-    user: UserProfileProps;
-    csm: UserProfileProps;
-    feedbackTitle?: string;
-    feedbackSubTitle?: string;
-    csmTitle?: string;
-    csmContactLabel?: string;
-    languageTitle?: string;
-    currentLanguageLabel?: string;
-    languages: {
-        [key: string]: Language;
-    };
-    currentLanguage: string;
-    logoutTitle?: string;
-    onSelectLanguage: (lang: string) => void;
-    onFeedbackClick: () => void;
-    onToggleChat: () => void;
-    onLogout: () => void;
-}

package/build/stories/profile-modal/helpMenuItem.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { MenuItemProps } from "./_types";
-interface HelpItemProps extends MenuItemProps {
-    title: string;
-    value: string;
-    contactLabel: string;
-    copyLabel?: string;
-    chatSupportLabel?: string;
-    /** Toggle Chat https://docs.customerly.io/api/is-it-possible-to-open-the-live-chat-directly-from-a-link-or-a-custom-button */
-    toggleChat: () => void;
-    csm: {
-        name: string;
-        email: string;
-        picture?: string;
-    };
-}
-export declare const HelpItem: (props: HelpItemProps) => JSX.Element;
-export {};

package/build/stories/profile-modal/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ProfileModalArgs } from "./_types";
-/**
- * Profile Modal
-
- * Used for this:
-    - Show user main infos and actions
-
- */
-declare const ProfileModal: ({ menuArgs, ...args }: ProfileModalArgs) => JSX.Element;
-export { ProfileModal };

package/build/stories/profile-modal/index.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { ProfileModalArgs } from "./_types";
-export declare const Default: Story<ProfileModalArgs>;
-declare const _default: ComponentMeta<({ menuArgs, ...args }: ProfileModalArgs) => JSX.Element>;
-export default _default;

package/build/stories/profile-modal/languageMenuItem.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Language, MenuItemProps } from "./_types";
-interface LanguagesProps extends MenuItemProps {
-    title: string;
-    value: string;
-    languages: {
-        [key: string]: Language;
-    };
-    currentLanguage: string;
-    currentLanguageLabel?: string;
-    onSelectLanguage: (lang: string) => void;
-}
-export declare const LanguageItem: (props: LanguagesProps) => JSX.Element;
-export {};

package/build/stories/profile-modal/menuItem.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MenuItemProps } from "./_types";
-export interface IStyledItemProps {
-    isFocused?: boolean;
-    isCompact?: boolean;
-    isDanger?: boolean;
-    disabled?: boolean;
-    checked?: boolean;
-}
-export declare const MenuItemBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItem: ({ children, selectedItem, content, ...props }: MenuItemProps) => JSX.Element;

package/build/stories/profile-modal/menuItemIcon.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface IStyledItemIconProps {
-    isCompact?: boolean;
-    isVisible?: boolean;
-    isDisabled?: boolean;
-}
-export declare const StyledMenuItemIcon: import("styled-components").StyledComponent<"div", any, IStyledItemIconProps, never>;
-export declare const MenuItemIcon: (props: IStyledItemIconProps) => JSX.Element;
-export {};

package/build/stories/profile-modal/previousMenuButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ButtonArgs } from "../buttons/button/_types";
-export declare const PreviousButton: (props: ButtonArgs) => JSX.Element;

package/build/stories/profile-modal/userMenu.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { UserMenuArgs } from "./_types";
-export declare const UserMenu: (props: UserMenuArgs) => JSX.Element;

package/build/stories/profile-modal/utils.d.ts

@@ -1 +0,0 @@
-export declare const getInitials: (name: string) => string;

package/build/stories/shared/globalStyle.d.ts

@@ -1,2 +0,0 @@
-declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export { GlobalStyle };

package/build/stories/table/_types.d.ts

@@ -1,83 +0,0 @@
-import { ITableProps, IRowProps, ICellProps, IHeaderCellProps, ISortableCellProps } from "@zendeskgarden/react-tables";
-import { SIZE, SORT } from "@zendeskgarden/react-tables/dist/typings/styled";
-import { IconArgs } from "../icons/_types";
-export interface TableProps extends ITableProps {
-    /** Sets the table size */
-    size?: SIZE;
-    /** Removes interactive styling from table rows */
-    isReadOnly?: boolean;
-    columns?: Array<{
-        name: string;
-        field: string;
-    }>;
-    items?: Array<IRow>;
-    groups?: Array<Group> | null;
-    isStriped?: boolean;
-    hasCaption?: boolean;
-    isTruncated?: boolean;
-}
-export interface HeaderCellArgs extends IHeaderCellProps {
-    /** Applies striped styling */
-    isStriped?: boolean;
-    /** @ignore Applies focus styling */
-    isFocused?: boolean;
-    /** @ignore Applies hover styling */
-    isHovered?: boolean;
-    /** Applies selected styling */
-    isSelected?: boolean;
-}
-export interface RowArgs extends IRowProps {
-    /** Applies striped styling */
-    isStriped?: boolean;
-    /** @ignore Applies focus styling */
-    isFocused?: boolean;
-    /** @ignore Applies hover styling */
-    isHovered?: boolean;
-    /** Applies selected styling */
-    isSelected?: boolean;
-}
-export interface CellArgs extends ICellProps {
-    /**
-     * Applies minimum fixed width styling (e.g. for cells that contain
-     * checkboxes or icons)
-     */
-    isMinimum?: boolean;
-    /** Truncates long text with an ellipsis */
-    isTruncated?: boolean;
-    /** Applies styling for a cell that contains an overflow menu */
-    hasOverflow?: boolean;
-    /** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
-    width?: string | number;
-}
-export interface HeadArgs extends ICellProps {
-    /**
-     * Applies minimum fixed width styling (e.g. for cells that contain
-     * checkboxes or icons)
-     */
-    isMinimum?: boolean;
-    /** Truncates long text with an ellipsis */
-    isTruncated?: boolean;
-    /** Applies styling for a cell that contains an overflow menu */
-    hasOverflow?: boolean;
-    /** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
-    width?: string | number;
-}
-export interface SortableCellArgs extends ISortableCellProps {
-    /** Sets the sort order */
-    sort?: SORT;
-    /** Sets the width of the cell */
-    width?: string | number;
-    /** Passes props to the cell */
-    cellProps?: any;
-}
-export interface IRow {
-    id?: number | string;
-    groupName?: string;
-    selected?: boolean;
-    [index: string]: any;
-}
-export interface Group {
-    groupName: string;
-    groupIcon: IconArgs["type"];
-    items: Array<IRow>;
-}

package/build/stories/table/grouped.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { RowArgs, TableProps } from "./_types";
-declare const GroupRow: (props: RowArgs) => JSX.Element;
-declare const GroupedTable: ({ columns, groups, ...args }: TableProps) => JSX.Element;
-export { GroupedTable, GroupRow };

package/build/stories/table/index.d.ts

@@ -1,21 +0,0 @@
-import { HTMLAttributes } from "react";
-import { CellArgs, HeaderCellArgs, RowArgs, SortableCellArgs, TableProps } from "./_types";
-/**
- * A Table organizes data into columns and rows. Tables make it easier for users to compare and analyze information.
-
- * Used for this:
-    - To organize and display read-only data with logical relationships
-
- * Not for this:
-    - To structure content on a page, use the Grid component instead
- */
-declare const Table: (props: TableProps) => JSX.Element;
-declare const Head: (props: HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
-declare const HeaderRow: (props: RowArgs) => JSX.Element;
-declare const HeaderCell: (props: HeaderCellArgs) => JSX.Element;
-declare const Body: (props: HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
-declare const Row: (props: RowArgs) => JSX.Element;
-declare const Cell: (props: CellArgs) => JSX.Element;
-declare const Caption: (props: HTMLAttributes<HTMLTableCaptionElement>) => JSX.Element;
-declare const SortableCell: (props: SortableCellArgs) => JSX.Element;
-export { Table, Head, HeaderRow, HeaderCell, Body, Row, Cell, Caption, SortableCell };

package/build/stories/table/index.stories.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { TableProps } from "./_types";
-export declare const Default: Story<TableProps>;
-export declare const Grouped: Story<TableProps>;
-export declare const WithPagination: Story<TableProps>;
-/** STRIPED */
-export declare const Striped: Story<TableProps>;
-/** WITH CAPTION */
-export declare const WithCaption: Story<TableProps>;
-/** TRUNCATED */
-export declare const Truncated: Story<TableProps>;
-export declare const Scroll: Story<TableProps>;
-export declare const Selection: Story<TableProps>;
-export declare const Sort: Story<TableProps>;
-export declare const VirtualScrolling: Story<TableProps>;
-declare const _default: ComponentMeta<(props: TableProps) => JSX.Element>;
-export default _default;

package/build/stories/tags/_types.d.ts

@@ -1,17 +0,0 @@
-import { ITagProps } from '@zendeskgarden/react-tags';
-export interface TagArgs extends ITagProps {
-    /** Adjusts font size and padding */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Sets the color of the tag. Refer to
-     * [PALETTE](/components/palette#palette)
-     * for available colors. Accepts any hex value.
-     */
-    hue?: string;
-    /** Applies pill styling */
-    isPill?: boolean;
-    /** Applies styles to round the tag */
-    isRound?: boolean;
-    /** Applies regular (non-bold) font weight */
-    isRegular?: boolean;
-}

package/build/stories/tags/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { TagArgs } from "./_types";
-/**
- * Tags let users categorize content using a keyword.
-
- * Used for this:
-    - To add metadata to an element such as category, attribute, or property
-    - To communicate status
-    - To represent parameters of a filter
-
- * Not for this:
-    - To prompt an action by the user, use a Button instead
- */
-declare const Tag: {
-    (props: TagArgs): JSX.Element;
-    Avatar: {
-        (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
-        displayName: string;
-    };
-    Close: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-};
-export { Tag };

package/build/stories/tags/index.stories.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { TagArgs } from "./_types";
-interface TagStoryProps extends TagArgs {
-    canBeClosed: boolean;
-    hasAvatar: boolean;
-}
-export declare const Default: Story<TagStoryProps>;
-export declare const Avatar: Story<TagStoryProps>;
-export declare const Close: Story<TagStoryProps>;
-declare const _default: ComponentMeta<{
-    (props: TagArgs): JSX.Element;
-    Avatar: {
-        (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
-        displayName: string;
-    };
-    Close: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-}>;
-export default _default;

package/build/stories/theme/gradients.d.ts

@@ -1,4 +0,0 @@
-export declare const gradients: {
-    horizontal: string;
-    dark: string;
-};

package/build/stories/theme/index.d.ts

@@ -1,244 +0,0 @@
-declare const theme: {
-    palette: {
-        black: string;
-        white: string;
-        product: {
-            support: string;
-            message: string;
-            explore: string;
-            gather: string;
-            guide: string;
-            connect: string;
-            chat: string;
-            talk: string;
-            sell: string;
-        };
-        grey: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        blue: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        red: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        yellow: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        green: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        kale: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        fuschia: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        pink: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        crimson: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        orange: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        lemon: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        lime: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        mint: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        teal: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        azure: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        royal: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        purple: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-    };
-    fonts: {
-        system: string;
-        mono: string;
-    };
-    gradients: {
-        horizontal: string;
-        dark: string;
-    };
-    borderRadii: {
-        lg: string;
-        sm: string;
-        md: string;
-    };
-    components: {
-        Headers: any;
-    };
-    shadows: {
-        boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;
-        sm: (color: string) => string;
-        md: (color: string) => string;
-        lg: (offsetY: string, blurRadius: string, color: string) => string;
-    };
-    rtl: boolean;
-    document?: any;
-    borders: {
-        sm: string;
-        md: string;
-    };
-    borderStyles: {
-        solid: string;
-    };
-    borderWidths: {
-        sm: string;
-        md: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    colors: {
-        base: "light" | "dark";
-        background: string;
-        foreground: string;
-        primaryHue: string;
-        dangerHue: string;
-        warningHue: string;
-        successHue: string;
-        neutralHue: string;
-        chromeHue: string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-    };
-    fontWeights: {
-        thin: number;
-        extralight: number;
-        light: number;
-        regular: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    iconSizes: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    lineHeights: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-    };
-    shadowWidths: {
-        sm: string;
-        md: string;
-    };
-    space: {
-        base: number;
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-};
-export { theme };

package/build/stories/theme/mixins.d.ts

@@ -1,3 +0,0 @@
-export declare const flexCenter: import("styled-components").FlattenSimpleInterpolation;
-export declare const flexColumnCenter: import("styled-components").FlattenSimpleInterpolation;
-export declare const flexStart: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;