@bcgov/design-system-react-components 0.0.2 → 0.0.4

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

@@ -0,0 +1,11 @@
+import React from "react";
+import "./Header.css";
+export declare function SvgBcLogo(): import("react/jsx-runtime").JSX.Element;
+export interface HeaderProps {
+    logoLinkElement?: React.ReactElement;
+    logoImage?: JSX.Element;
+    skipLinks?: React.ReactElement[];
+    title?: string;
+    titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
+}
+export default function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: React.PropsWithChildren<HeaderProps>): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,36 @@
+import React from "react";
+import { Key, ListBoxItemProps as ReactAriaListBoxItemProps, SelectProps as ReactAriaSelectProps } 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";
+}
+/** 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, placeholder, size, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/cjs/types/components/SelectItem/SelectItem.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ListBoxItemProps } from "react-aria-components";
+import "./SelectItem.css";
+export interface SelectItemProps extends ListBoxItemProps {
+    /** 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 danger */
+    isDestructive?: boolean;
+    /** Left icon slot */
+    iconLeft?: React.ReactElement;
+    /** Right icon slot */
+    iconRight?: React.ReactElement;
+}
+export default function SelectItem({ description, id, iconLeft, iconRight, isDestructive, label, }: SelectItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/SelectItem/index.d.ts

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

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

@@ -5,4 +5,4 @@ export interface TagProps extends ReactAriaTagProps {
     icon?: React.ReactNode;
     color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
 }
-export default function Tag({ className, color, icon, id, textValue, }: TagProps): import("react/jsx-runtime").JSX.Element;
+export default function Tag({ color, icon, id, textValue }: TagProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,7 @@
 import "@bcgov/design-tokens/css/variables.css";
 export { default as Button } from "./Button";
+export { default as Header, SvgBcLogo } from "./Header";
+export { default as Select } from "./Select";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";