@veeqo/ui 0.0.9 → 0.0.10

package/dist/esm/types/theme/modules/text.d.ts

@@ -1,315 +0,0 @@
-export declare const common: {
-    fontFamily: string;
-};
-export declare const text: {
-    headingXXL: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    headingXL: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    headingLarge: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    headingMedium: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    headingSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    headingTable: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    subheadingLarge: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    subheadingMedium: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    subheadingSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    subheadingSmallBold: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    body: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    bodySmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    bodyBold: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    bodyBoldDark: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    bodySmallBold: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    button: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    buttonSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    linkLarge: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    linkMedium: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    link: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    linkSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    inputLabel: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    inputLabelSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    hintText: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    placeholder: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    placeholderSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    placeholderCode: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    placeholderCodeSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    error: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    errorSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-    successSmall: {
-        fontFamily: string;
-        fontStyle: string;
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textDecoration: string;
-        letterSpacing: string;
-    };
-};

package/dist/esm/types/theme/storybook/components.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Swatch: ({ color }: any) => React.JSX.Element;

package/dist/esm/types/utils/buildClassnames.d.ts

@@ -1 +0,0 @@
-export declare const buildClassnames: (names: (string | undefined)[]) => string;

package/dist/esm/types/utils/color.d.ts

@@ -1,13 +0,0 @@
-/**
- * A function to convert hex color to rgb.
- */
-export declare const hexToRgb: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-} | null;
-/**
- * A function to get a hex color with opacity, after converting to `rgba`.
- * @param hex color in hex format
- */
-export declare const getOpaqueHexColor: (hex: string, opacity: number) => string;

package/dist/esm/types/utils/generateId.d.ts

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

package/dist/esm/types/utils/index.d.ts

@@ -1,3 +0,0 @@
-export { buildClassnames } from './buildClassnames';
-export { getOpaqueHexColor, hexToRgb } from './color';
-export { generateId } from './generateId';

package/dist/esm/types/utils/paginationList.d.ts

@@ -1,4 +0,0 @@
-export declare const paginationDefaultRangeList: {
-    label: string;
-    value: number;
-}[];

package/dist/esm/types/utils/setupIntersectionObserverMock.d.ts

@@ -1,18 +0,0 @@
-/**
- * https://stackoverflow.com/a/58651649
- *
- * Utility function that mocks the `IntersectionObserver` API. Necessary for components that rely
- * on it, otherwise the tests will crash. Recommended to execute inside `beforeEach`.
- * @param intersectionObserverMock - Parameter that is sent to the `Object.defineProperty`
- * overwrite method. `jest.fn()` mock functions can be passed here if the goal is to not only
- * mock the intersection observer, but its methods.
- */
-export declare function setupIntersectionObserverMock({ root, rootMargin, thresholds, disconnect, observe, takeRecords, unobserve, }?: {
-    root?: null | undefined;
-    rootMargin?: string | undefined;
-    thresholds?: never[] | undefined;
-    disconnect?: (() => null) | undefined;
-    observe?: (() => null) | undefined;
-    takeRecords?: (() => never[]) | undefined;
-    unobserve?: (() => null) | undefined;
-}): void;

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface AccordionProps {
-    children: ReactNode;
-    label: string;
-    iconSlot?: ReactNode;
-    className?: string;
-    timeout?: number;
-    transitionClassnames?: string;
-    description?: string;
-    shouldOpenOnMount?: boolean;
-}
-export declare const Accordion: FC<AccordionProps>;

package/dist/types/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Accordion/index.d.ts

@@ -1 +0,0 @@
-export { Accordion } from './Accordion';

package/dist/types/components/Accordion/styled.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Text } from '../Text';
-declare const Left: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Right: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
-declare const TapBar: import("styled-components").StyledComponent<"div", any, {
-    shouldOpen: boolean;
-}, never>;
-declare const Top: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Arrow: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
-declare const Description: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
-declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { Content, TapBar, Top, Text, Arrow, Left, Right, Description };

package/dist/types/components/ActionList/ActionList.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ActionListProps } from './types';
-export declare const ActionList: ({ title, items, sections, buttonVariant, buttonSize, }: ActionListProps) => React.JSX.Element;

package/dist/types/components/ActionList/ActionList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/ActionList/index.d.ts

@@ -1 +0,0 @@
-export { ActionList } from './ActionList';

package/dist/types/components/ActionList/styled.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const ListCard: import("styled-components").StyledComponent<"div", any, import("../Card/styled").SurfaceProps, never>;
-export declare const Section: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const SectionHeading: import("styled-components").StyledComponent<"span", any, ({} & import("../Text/types").TextProps) & {
-    variant: string;
-}, "variant">;
-export declare const Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const ActionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const LinkItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;

package/dist/types/components/ActionList/types.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonVariant } from '../Button/types';
-export type ActionListItem = {
-    title: string;
-    icon?: Omit<ReactNode, string>;
-    variant?: 'item' | 'action' | 'link';
-    onClick: () => void;
-};
-export type ActionListSection = {
-    title?: string;
-    items: ActionListItem[];
-};
-export interface ActionListProps {
-    title: string;
-    items?: ActionListItem[];
-    sections?: ActionListSection[];
-    buttonVariant?: ButtonVariant;
-    buttonSize?: 'sm' | 'base';
-}

package/dist/types/components/Anchor/Anchor.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface AnchorProps {
-    children?: ReactNode;
-    href: string;
-    text?: string;
-    className?: string;
-    target?: string;
-}
-export declare const Anchor: ({ children, className, text, href, target }: AnchorProps) => React.JSX.Element;

package/dist/types/components/Anchor/Anchor.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Anchor/index.d.ts

@@ -1 +0,0 @@
-export { Anchor } from './Anchor';

package/dist/types/components/Anchor/styled.d.ts

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

package/dist/types/components/AnimatedDropdown/AnimatedDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AnimatedDropdownProps } from './types';
-export declare const AnimatedDropdown: ({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: AnimatedDropdownProps) => React.JSX.Element;

package/dist/types/components/AnimatedDropdown/AnimatedDropdown.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/AnimatedDropdown/components/BasicDropdown.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const BasicDropdown: React.ForwardRefExoticComponent<import("../../types").EventHandlerProps & {
-    className?: string | undefined;
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/AnimatedDropdown/components/BasicDropdown.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/AnimatedDropdown/components/styled.d.ts

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

package/dist/types/components/AnimatedDropdown/index.d.ts

@@ -1 +0,0 @@
-export { AnimatedDropdown } from './AnimatedDropdown';

package/dist/types/components/AnimatedDropdown/styled.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Dropdown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../types").EventHandlerProps & {
-    className?: string | undefined;
-    children: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>, any, {
-    reversed?: boolean | undefined;
-}, never>;
-export { Wrap, Dropdown, Container };

package/dist/types/components/AnimatedDropdown/types.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { EventHandlerProps } from '../types';
-export type BasicDropdownProps = EventHandlerProps & {
-    className?: string;
-    children: ReactNode;
-};
-export type AnimatedDropdownProps = BasicDropdownProps & {
-    cta?: ReactNode;
-    shouldShowDropdown: boolean;
-    timeout?: number;
-    transitionClassnames?: string;
-    onClickAway?: (event: Event) => void;
-    reversed?: boolean;
-};

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AvatarProps } from './types';
-export declare const Avatar: ({ width, name, bgColor, textColor, }: AvatarProps) => React.JSX.Element;

package/dist/types/components/Avatar/Avatar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { Avatar } from './Avatar';

package/dist/types/components/Avatar/styled.d.ts

@@ -1,2 +0,0 @@
-import { AvatarSCProps } from './types';
-export declare const AvatarSC: import("styled-components").StyledComponent<"div", any, AvatarSCProps, never>;

package/dist/types/components/Avatar/types.d.ts

@@ -1,11 +0,0 @@
-export interface AvatarProps {
-    name: string;
-    width?: string;
-    bgColor?: string;
-    textColor?: string;
-}
-export interface AvatarSCProps {
-    width: string;
-    bgColor: string;
-    textColor: string;
-}

package/dist/types/components/Badge/Badge.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { BadgeProps } from './types';
-export declare const Badge: ({ variant, hideBorder, iconSlot, tooltip, className, e2eClassName, children, }: BadgeProps) => React.JSX.Element;

package/dist/types/components/Badge/Badge.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge } from './Badge';

package/dist/types/components/Badge/styled.d.ts

@@ -1,7 +0,0 @@
-type BaseBadgeProps = {
-    hideBorder: boolean;
-};
-export declare const DefaultBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
-export declare const PrimaryBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
-export declare const WarningBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
-export {};

package/dist/types/components/Badge/types.d.ts

@@ -1,35 +0,0 @@
-import React, { ReactNode } from 'react';
-export type BadgeVariant = 'default' | 'primary' | 'warning';
-/**
- * Badge properties.
- */
-export type BadgeProps = {
-    /**
-     * Specifies the Badge variant.
-     */
-    variant?: BadgeVariant;
-    /**
-     * Renders an optional icon inside the Badge.
-     */
-    iconSlot?: Omit<ReactNode, string>;
-    /**
-     * Specifies tooltip text to display on hover.
-     */
-    tooltip?: string;
-    /**
-     * Specifies whether or not to hide the Badge border.
-     */
-    hideBorder?: boolean;
-    /**
-     * Specifies an optional class name.
-     */
-    className?: string;
-    /**
-     * Specifies an optional class name for E2E testing.
-     */
-    e2eClassName?: string;
-    /**
-     * Children.
-     */
-    children: React.ReactNode;
-};

package/dist/types/components/Banner/Banner.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { BannerProps } from './types';
-/**
- * The `Banner` component was previously called `Alert` (and similarly `Pill`).
- */
-export declare const Banner: ({ type, text, icon, onClose, className, header, }: BannerProps) => React.JSX.Element;

package/dist/types/components/Banner/Banner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/Banner/index.d.ts

@@ -1 +0,0 @@
-export { Banner } from './Banner';

package/dist/types/components/Banner/styled.d.ts

@@ -1,7 +0,0 @@
-import { PillProps } from './types';
-declare const Pill: import("styled-components").StyledComponent<"div", any, PillProps, never>;
-declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Col: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const HeaderCol: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
-export { Pill, StyledText as Text, Row, Col, HeaderCol };