@appquality/unguess-design-system 2.8.5 → 2.8.6

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

@@ -1,141 +0,0 @@
-export declare const 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;
-    };
-};

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

@@ -1,15 +0,0 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { HTMLAttributes } from "react";
-interface Variant {
-    colorName: string;
-    color: string;
-}
-interface PaletteProps extends HTMLAttributes<HTMLDivElement> {
-    cards: Array<{
-        title: string;
-        colors: Array<Variant>;
-    }>;
-}
-export declare const Default: Story<PaletteProps>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>>;
-export default _default;

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

@@ -1,3 +0,0 @@
-import { IGardenTheme } from "@zendeskgarden/react-theming";
-export declare const hex2rgba: (hex: string, alpha?: number) => string;
-export declare const boxShadow: (theme: IGardenTheme) => string;

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

@@ -1,12 +0,0 @@
-import { ChangeEventHandler } from "react";
-import { ITilesProps } from "@zendeskgarden/react-forms";
-export interface TilesArgs extends ITilesProps {
-    /** Sets the value of the selected radio button */
-    value?: string;
-    /** Handles radio selection */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** Sets the name used to reference the value of the control */
-    name: string;
-    /** Centers tile content */
-    isCentered?: boolean;
-}

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { TilesArgs } from "./_types";
-/**
- * Tiles are Radio buttons styled with icons or images.
-
- * Used for this:
-    - Like Radios, Tiles are for choices that can't occur at the same time
-
- * Not for this:
-    - To choose more than one option at once, use a Checkbox instead
-    - To select from a long list of options, use a Select
-    - To define an action, use a Button instead
-    - For navigation, use an Anchor instead
- */
-declare const Tiles: {
-    (props: TilesArgs): JSX.Element;
-    Description: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Icon: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Label: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Tile: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ITilesTileProps & import("react").RefAttributes<HTMLLabelElement>>;
-};
-export { Tiles };

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { TilesArgs } from "./_types";
-interface Tile {
-    value: string;
-    label: string;
-    icon: React.FC;
-    description: string;
-    disabled?: boolean;
-}
-interface TilesStoryProps extends TilesArgs {
-    tiles: Array<Tile>;
-    hasDescription: boolean;
-}
-export declare const Default: Story<TilesStoryProps>;
-export declare const Description: Story<TilesStoryProps>;
-export declare const Disabled: Story<TilesStoryProps>;
-declare const _default: ComponentMeta<{
-    (props: TilesArgs): JSX.Element;
-    Description: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Icon: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Label: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Tile: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ITilesTileProps & import("react").RefAttributes<HTMLLabelElement>>;
-}>;
-export default _default;

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

@@ -1,5 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface TitleArgs extends HTMLAttributes<HTMLDivElement> {
-    /** Applies regular (non-bold) font weight */
-    isRegular?: boolean;
-}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TitleArgs } from "./_types";
-/**
- * Title is a basic component used to display a title. Often used in card headers.
- */
-declare const Title: (props: TitleArgs) => JSX.Element;
-export { Title };

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

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

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

@@ -1,3 +0,0 @@
-import { ITriggerProps } from "@zendeskgarden/react-dropdowns";
-export interface TriggerArgs extends ITriggerProps {
-}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TriggerArgs } from "./_types";
-/**
- * A Trigger is a wrapper for input elements
- **/
-declare const Trigger: (props: TriggerArgs) => JSX.Element;
-export { Trigger };

package/build/stories/typography/block-quote/_types.d.ts

@@ -1,5 +0,0 @@
-import { IBlockquoteProps } from "@zendeskgarden/react-typography";
-export interface BlockquoteArgs extends IBlockquoteProps {
-    /** Controls the spacing between sibling blockquotes */
-    size?: 'small' | 'medium' | 'large';
-}

package/build/stories/typography/block-quote/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { BlockquoteArgs } from "./_types";
-/**
- *  Use Blockquote to represent a body of text that is from another source.
- */
-declare const Blockquote: (props: BlockquoteArgs) => JSX.Element;
-export { Blockquote };

package/build/stories/typography/block-quote/index.stories.d.ts

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

package/build/stories/typography/code/_types.d.ts

@@ -1,7 +0,0 @@
-import { ICodeProps } from "@zendeskgarden/react-typography";
-export interface CodeArgs extends ICodeProps {
-    /** Applies color to the background and the text */
-    hue?: "grey" | "red" | "green" | "yellow";
-    /** Adjusts the font size. By default font size is inherited from the surrounding text. */
-    size?: "small" | "medium" | "large" | "inherit";
-}

package/build/stories/typography/code/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CodeArgs } from "./_types";
-/**
- *  Use Code to style and format inline fragments of computer code.
- */
-declare const Code: (props: CodeArgs) => JSX.Element;
-export { Code };

package/build/stories/typography/code/index.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { CodeArgs } from "./_types";
-export declare const Default: Story<CodeArgs>;
-export declare const Color: Story<CodeArgs>;
-export declare const Size: Story<CodeArgs>;
-declare const _default: ComponentMeta<(props: CodeArgs) => JSX.Element>;
-export default _default;

package/build/stories/typography/ellipsis/_types.d.ts

@@ -1,9 +0,0 @@
-import { IEllipsisProps } from "@zendeskgarden/react-typography";
-export interface EllipsisArgs extends IEllipsisProps {
-    /** Overrides the auto-generated `title` attribute */
-    title?: string;
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Controls the element width */
-    width?: number;
-}

package/build/stories/typography/ellipsis/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { EllipsisArgs } from "./_types";
-/**
- *  Use Ellipsis to automatically provide text content with a native title attribute and text-overflow styling.
- */
-declare const Ellipsis: (props: EllipsisArgs) => JSX.Element;
-export { Ellipsis };

package/build/stories/typography/ellipsis/index.stories.d.ts

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

package/build/stories/typography/lists/_types.d.ts

@@ -1,17 +0,0 @@
-import { IOrderedListProps, IUnorderedListProps } from "@zendeskgarden/react-typography";
-export interface OrderedListArgs extends IOrderedListProps {
-    /** Adjusts the vertical spacing between list items */
-    size?: "small" | "medium" | "large";
-    /** Sets the marker style */
-    type?: "decimal" | "decimal-leading-zero" | "lower-alpha" | "lower-roman" | "upper-alpha" | "upper-roman";
-    /** Sets list items */
-    items?: string[];
-}
-export interface UnorderedListArgs extends IUnorderedListProps {
-    /** Adjusts the vertical spacing between list items */
-    size?: "small" | "medium" | "large";
-    /** Sets the marker style */
-    type?: "circle" | "disc" | "square";
-    /** Sets list items (just for stories) */
-    items?: string[];
-}

package/build/stories/typography/lists/index.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { OrderedListArgs, UnorderedListArgs } from "./_types";
-/**
- *  Use Lists to style and format ordered and unordered lists.
- *  <hr>
- *  Use Lists to style and format ordered (`<ol>`) and unordered (`<ul>`) lists.
- */
-declare const OrderedList: {
-    (props: OrderedListArgs): JSX.Element;
-    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-};
-declare const UnorderedList: {
-    (props: UnorderedListArgs): JSX.Element;
-    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-};
-export { OrderedList, UnorderedList };

package/build/stories/typography/lists/ordered.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { OrderedListArgs } from "./_types";
-export declare const Ordered: Story<OrderedListArgs>;
-declare const _default: ComponentMeta<{
-    (props: OrderedListArgs): JSX.Element;
-    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-}>;
-export default _default;

package/build/stories/typography/lists/unordered.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
-import { UnorderedListArgs } from "./_types";
-export declare const Unordered: Story<UnorderedListArgs>;
-declare const _default: ComponentMeta<{
-    (props: UnorderedListArgs): JSX.Element;
-    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-}>;
-export default _default;

package/build/stories/typography/paragraph/_types.d.ts

@@ -1,5 +0,0 @@
-import { IParagraphProps } from "@zendeskgarden/react-typography";
-export interface ParagraphArgs extends IParagraphProps {
-    /** Controls the spacing between sibling paragraphs */
-    size?: "small" | "medium" | "large";
-}

package/build/stories/typography/paragraph/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ParagraphArgs } from "./_types";
-/**
- *  Use Paragraph to render blocks of text with Garden styling.
- */
-declare const Paragraph: (props: ParagraphArgs) => JSX.Element;
-export { Paragraph };

package/build/stories/typography/paragraph/index.stories.d.ts

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

package/build/stories/typography/span/_types.d.ts

@@ -1,13 +0,0 @@
-import { ISpanProps } from "@zendeskgarden/react-typography";
-export interface SpanArgs extends ISpanProps {
-    /** Applies bold font style. Font weight is inherited by default. */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-    /**
-     * Applies a font color. Use
-     * [PALETTE](/components/palette#palette)
-     * colors when possible. Accepts all hex values.
-     */
-    hue?: string;
-}

package/build/stories/typography/span/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SpanArgs } from "./_types";
-/**
- * Use Span to style and format inline text elements.
- * <hr>
- * Used for this:
-    - To apply styles to short strings of text
-    - To include icons inline with text
- * Not for this:
-    - To style an entire block of text, use Paragraph instead
- */
-declare const Span: (props: SpanArgs) => JSX.Element;
-export { Span };

package/build/stories/typography/span/index.stories.d.ts

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

package/build/stories/typography/typescale/_types.d.ts

@@ -1,43 +0,0 @@
-import { ISMProps, IMDProps, ILGProps, IXLProps, IXXLProps, IXXXLProps } from "@zendeskgarden/react-typography";
-export interface SMArgs extends ISMProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface MDArgs extends IMDProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface LGArgs extends ILGProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
-export interface XLArgs extends IXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
-export interface XXLArgs extends IXXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
-export interface XXXLArgs extends IXXXLProps {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}

package/build/stories/typography/typescale/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { SMArgs, MDArgs, LGArgs, XLArgs, XXLArgs, XXXLArgs } from "./_types";
-/**
- *  Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
- */
-declare const SM: (props: SMArgs) => JSX.Element;
-declare const MD: (props: MDArgs) => JSX.Element;
-declare const LG: (props: LGArgs) => JSX.Element;
-declare const XL: (props: XLArgs) => JSX.Element;
-declare const XXL: (props: XXLArgs) => JSX.Element;
-declare const XXXL: (props: XXXLArgs) => JSX.Element;
-export { SM, MD, LG, XL, XXL, XXXL };

package/build/stories/typography/typescale/index.stories.d.ts

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