@bcgov/design-system-react-components 0.5.2-pr → 0.5.2-pr575

package/dist/esm/types/components/Header/Header.d.ts

@@ -1,29 +0,0 @@
-import { PropsWithChildren } from "react";
-import "./Header.css";
-export interface HeaderProps {
-    /**
-     * Link element that surrounds the logo. Use what's appropriate for your
-     * router, like a `<Link>`. Defaults to a generic HTML link element like
-     * `<a href="/" title="Government of British Columbia">`
-     */
-    logoLinkElement?: React.ReactElement;
-    /**
-     * Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
-     */
-    logoImage?: JSX.Element;
-    /**
-     * Array of link elements that are not visible until they are focused. Used
-     * for accessibility for keyboard users, to let them easily skip to main
-     * content, navigation, etc.
-     */
-    skipLinks?: React.ReactElement[];
-    /**
-     * Header title text that appears to the right of the logo.
-     */
-    title?: string;
-    /**
-     * Desired element that renders the `title` string. Defaults to `<span>`.
-     */
-    titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
-}
-export default function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Header/Header.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/Header/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Header";
-export type { HeaderProps } from "./Header";

package/dist/esm/types/components/Heading/Heading.d.ts

@@ -1,7 +0,0 @@
-import { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
-import "./Heading.css";
-export interface HeadingProps extends ReactAriaHeadingProps {
-    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
-    isUnstyled?: boolean;
-}
-export default function Heading({ color, isUnstyled, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Heading/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Heading";
-export type { HeadingProps } from "./Heading";

package/dist/esm/types/components/Icons/SvgBcLogo/SvgBcLogo.d.ts

@@ -1,3 +0,0 @@
-export default function SvgBcLogo({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgBcLogo/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgBcLogo";

package/dist/esm/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgBcOutlineIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgBcOutlineIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgBcOutlineIcon";

package/dist/esm/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgBetaIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgBetaIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgBetaIcon";

package/dist/esm/types/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgCheckCircleIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgCheckCircleIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgCheckCircleIcon";

package/dist/esm/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgCheckIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgCheckIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgCheckIcon";

package/dist/esm/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgChevronDownIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgChevronDownIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgChevronDownIcon";

package/dist/esm/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgChevronUpIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgChevronUpIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgChevronUpIcon";

package/dist/esm/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgCloseIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgCloseIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgCloseIcon";

package/dist/esm/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgDashIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgDashIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgDashIcon";

package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgExclamationCircleIcon({ id, }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgExclamationCircleIcon";

package/dist/esm/types/components/Icons/SvgExclamationIcon/SvgExclamationIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgExclamationIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgExclamationIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgExclamationIcon";

package/dist/esm/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts

@@ -1,3 +0,0 @@
-export default function SvgInfoIcon({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgInfoIcon/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgInfoIcon";

package/dist/esm/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts

@@ -1,3 +0,0 @@
-export default function SvgTooltipArrowUp({ id }: {
-    id?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Icons/SvgTooltipArrowUp/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SvgTooltipArrowUp";

package/dist/esm/types/components/InlineAlert/InlineAlert.d.ts

@@ -1,12 +0,0 @@
-import "./InlineAlert.css";
-export interface InlineAlertProps extends React.PropsWithChildren {
-    variant?: "info" | "success" | "warning" | "danger";
-    title?: string;
-    description?: string;
-    buttons?: React.ReactNode;
-    isCloseable?: boolean;
-    isIconHidden?: boolean;
-    role?: React.AriaRole | undefined;
-    onClose?: () => void;
-}
-export default function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/InlineAlert/InlineAlert.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/InlineAlert/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./InlineAlert";
-export type { InlineAlertProps } from "./InlineAlert";

package/dist/esm/types/components/Link/Link.d.ts

@@ -1,15 +0,0 @@
-import { LinkProps as ReactAriaLinkProps } from "react-aria-components";
-import "./Link.css";
-import "../Button/Button.css";
-export interface LinkProps extends ReactAriaLinkProps {
-    children?: React.ReactNode;
-    size?: "small" | "medium" | "large";
-    isButton?: boolean;
-    buttonVariant?: "primary" | "secondary" | "tertiary";
-    ariaLabel?: string | undefined;
-    danger?: boolean;
-    isUnstyled?: boolean;
-    iconLeft?: React.ReactElement;
-    iconRight?: React.ReactElement;
-}
-export default function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Link/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Link";
-export type { LinkProps } from "./Link";

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -1,3 +0,0 @@
-import { ModalOverlayProps } from "react-aria-components";
-import "./Modal.css";
-export default function Modal({ children, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Modal/Modal.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Modal";
-export type { ModalOverlayProps } from "react-aria-components";

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -1,3 +0,0 @@
-import { RadioProps } from "react-aria-components";
-import "./Radio.css";
-export default function Radio({ value, children, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Radio/Radio.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/Radio/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Radio";
-export type { RadioProps } from "react-aria-components";

package/dist/esm/types/components/RadioGroup/RadioGroup.d.ts

@@ -1,12 +0,0 @@
-import { RadioGroupProps as ReactAriaRadioGroupProps, ValidationResult } from "react-aria-components";
-import "./RadioGroup.css";
-export interface RadioGroupProps extends ReactAriaRadioGroupProps {
-    children?: React.ReactNode;
-    orientation?: "vertical" | "horizontal";
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** `flex-wrap` style property, defaults to `nowrap` */
-    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
-}
-export default function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/RadioGroup/RadioGroup.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/RadioGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./RadioGroup";
-export type { RadioGroupProps } from "./RadioGroup";

package/dist/esm/types/components/Select/Select.d.ts

@@ -1,39 +0,0 @@
-import { Key, ListBoxItemProps as ReactAriaListBoxItemProps, SelectProps as ReactAriaSelectProps, ValidationResult } from "react-aria-components";
-import "./Select.css";
-export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
-    /** Text label for the option. Provide an `id` if this is not unique. */
-    label: string;
-    /** Descriptive text that appears below the option's label */
-    description?: string;
-    /** Marks an option visually with red text to indicate a destructive/dangerous option */
-    isDestructive?: boolean;
-    /** Left icon slot */
-    iconLeft?: React.ReactElement;
-    /** Right icon slot */
-    iconRight?: React.ReactElement;
-}
-export interface SelectionSectionProps {
-    id: Key;
-    /** Label for the section */
-    header?: string;
-    /** Flat list of options within the section */
-    items: ListBoxItemProps[];
-}
-export interface SelectProps<T extends object> extends ReactAriaSelectProps<T> {
-    /** Use `items` for a flat list of options */
-    items?: ListBoxItemProps[];
-    /** Use `sections` for a sectioned list with `items` options in each section */
-    sections?: SelectionSectionProps[];
-    /** Text label for the Select component */
-    label?: string;
-    /** Temporary text that occupies the select input when no option has been selected. */
-    placeholder?: string;
-    /** Defaults to `medium` */
-    size?: "small" | "medium";
-    /** Description or helper text that renders below the select input */
-    description?: string;
-    /** Used for data validation and error handling */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-}
-/** Select displays a collapsible list of options and allows a user to select one of them. */
-export default function Select<T extends object>({ items, sections, label, description, placeholder, size, errorMessage, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Select/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Select";
-export type { SelectProps } from "./Select";

package/dist/esm/types/components/Switch/Switch.d.ts

@@ -1,6 +0,0 @@
-import { SwitchProps as ReactAriaSwitchProps } from "react-aria-components";
-import "./Switch.css";
-export interface SwitchProps extends ReactAriaSwitchProps {
-    labelPosition?: "left" | "right";
-}
-export default function Switch({ labelPosition, children, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Switch/Switch.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/Switch/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Switch";
-export type { SwitchProps } from "./Switch";

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -1,21 +0,0 @@
-import { TagProps as ReactAriaTagProps } from "react-aria-components";
-import "./Tag.css";
-export interface TagProps extends ReactAriaTagProps {
-    /**
-     * Icon that appears to the left of the `textValue` field
-     */
-    icon?: React.ReactNode;
-    /**
-     * Background color
-     */
-    color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
-    /**
-     * tagStyle
-     */
-    tagStyle?: "rectangular" | "circular";
-    /**
-     * size
-     */
-    size?: "small" | "medium";
-}
-export default function Tag({ color, tagStyle, size, icon, id, textValue, }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Tag/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Tag";
-export type { TagProps } from "./Tag";

package/dist/esm/types/components/TagGroup/TagGroup.d.ts

@@ -1,17 +0,0 @@
-import { TagGroupProps as ReactAriaTagGroupProps } from "react-aria-components";
-import "./TagGroup.css";
-export interface TagGroupProps extends ReactAriaTagGroupProps {
-    /**
-     * Labels the TagGroup, appears above the tags.
-     */
-    label?: string;
-    /**
-     * Extended description of the TagGroup, appears below the tags.
-     */
-    description?: string;
-    /**
-     * Error message, appears below the tags and below the optional description.
-     */
-    errorMessage?: string;
-}
-export default function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TagGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TagGroup";
-export type { TagGroupProps } from "./TagGroup";

package/dist/esm/types/components/TagList/TagList.d.ts

@@ -1,11 +0,0 @@
-import { TagListProps as ReactAriaTagListProps } from "react-aria-components";
-import { TagProps } from "../Tag";
-import "./TagList.css";
-export interface TagListProps<T> extends Pick<ReactAriaTagListProps<T>, "children" | "renderEmptyState"> {
-    items: TagProps[];
-    /**
-     * Used to set the `flex-direction` on the TagList.
-     */
-    orientation?: "horizontal" | "vertical";
-}
-export default function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TagList/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TagList";
-export type { TagListProps } from "./TagList";

package/dist/esm/types/components/Text/Text.d.ts

@@ -1,8 +0,0 @@
-import { TextProps as ReactAriaTextProps } from "react-aria-components";
-import "./Text.css";
-export interface TextProps extends ReactAriaTextProps {
-    size?: "small" | "medium" | "large";
-    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
-    isUnstyled?: boolean;
-}
-export default function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Text/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Text";
-export type { TextProps } from "./Text";

package/dist/esm/types/components/TextArea/TextArea.d.ts

@@ -1,8 +0,0 @@
-import { TextFieldProps as ReactAriaTextFieldProps, ValidationResult } from "react-aria-components";
-import "./TextArea.css";
-export interface TextAreaProps extends ReactAriaTextFieldProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-}
-export default function TextArea({ label, description, errorMessage, maxLength, onChange, value, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TextArea/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TextArea";
-export type { TextAreaProps } from "./TextArea";

package/dist/esm/types/components/TextField/TextField.d.ts

@@ -1,11 +0,0 @@
-import { TextFieldProps as ReactAriaTextFieldProps, ValidationResult } from "react-aria-components";
-import "./TextField.css";
-export interface TextFieldProps extends ReactAriaTextFieldProps {
-    size?: "medium" | "small";
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    iconLeft?: React.ReactElement;
-    iconRight?: React.ReactElement;
-}
-export default function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TextField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TextField";
-export type { TextFieldProps } from "./TextField";

package/dist/esm/types/components/Tooltip/Tooltip.d.ts

@@ -1,5 +0,0 @@
-import { TooltipProps, TooltipTrigger } from "react-aria-components";
-import "./Tooltip.css";
-export default function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export { TooltipTrigger };
-export type { TooltipProps };

package/dist/esm/types/components/Tooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { default, TooltipTrigger } from "./Tooltip";
-export type { TooltipProps } from "./Tooltip";

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

@@ -1,42 +0,0 @@
-import "@bcgov/design-tokens/css/variables.css";
-export { default as Accordion } from "./Accordion";
-export { default as AccordionGroup } from "./AccordionGroup";
-export { default as AlertBanner } from "./AlertBanner";
-export { default as AlertDialog } from "./AlertDialog";
-export { default as Button } from "./Button";
-export { default as ButtonGroup } from "./ButtonGroup";
-export { default as Callout } from "./Callout";
-export { default as Checkbox } from "./Checkbox";
-export { default as CheckboxGroup } from "./CheckboxGroup";
-export { default as Dialog, DialogTrigger } from "./Dialog";
-export { default as Footer, FooterLinks } from "./Footer";
-export { default as Form } from "./Form";
-export { default as Header } from "./Header";
-export { default as Heading } from "./Heading";
-export { default as InlineAlert } from "./InlineAlert";
-export { default as Link } from "./Link";
-export { default as Modal } from "./Modal";
-export { default as Radio } from "./Radio";
-export { default as RadioGroup } from "./RadioGroup";
-export { default as Select } from "./Select";
-export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
-export { default as SvgBcOutlineIcon } from "./Icons/SvgBcOutlineIcon";
-export { default as SvgBetaIcon } from "./Icons/SvgBetaIcon";
-export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
-export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
-export { default as SvgDashIcon } from "./Icons/SvgDashIcon";
-export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
-export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
-export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
-export { default as SvgChevronDownIcon } from "./Icons/SvgChevronDownIcon";
-export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
-export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
-export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
-export { default as Tag } from "./Tag";
-export { default as TagGroup } from "./TagGroup";
-export { default as TagList } from "./TagList";
-export { default as Text } from "./Text";
-export { default as TextArea } from "./TextArea";
-export { default as TextField } from "./TextField";
-export { default as Switch } from "./Switch";
-export { default as Tooltip, TooltipTrigger } from "./Tooltip";

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

@@ -1 +0,0 @@
-export * from "./components";