@bcgov/design-system-react-components 0.0.5 → 0.0.7-rc1

package/dist/cjs/types/components/Button/Button.test.d.ts

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

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

@@ -1,5 +1,22 @@
 import React from "react";
 import "./Footer.css";
+export interface FooterLinksProps {
+    /**
+     * Title for the list of links - associated to the list of links as a `<figcaption>`
+     */
+    title: string;
+    /**
+     * Array of link elements (`<a>` or `<Link>`)
+     */
+    links: React.ReactElement[];
+}
+/**
+ * A titled list of links for use in the Footer. Rendered inside a `<figure>`
+ * with the `title` prop inside of the `<figcaption>`.
+ * @param {FooterLinksProps} props
+ * @returns {React.ReactElement}
+ */
+export declare function FooterLinks({ title, links }: FooterLinksProps): import("react/jsx-runtime").JSX.Element;
 export interface FooterProps {
     /**
      * Land acknowledgement block (defaults to Gov.bc.ca land acknowledgement)
@@ -14,7 +31,9 @@ export interface FooterProps {
      */
     contact?: React.ReactElement;
     /**
-     * Link list block (defaults to Gov.bc.ca link list)
+     * Link list block (defaults to Gov.bc.ca link list).
+     *
+     * Pass the `<FooterLinks>` component for a styles-included list.
      */
     links?: React.ReactElement;
     /**
@@ -34,4 +53,11 @@ export interface FooterProps {
      */
     hideCopyright?: boolean;
 }
-export default function Footer({ acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A `<footer>` element with default content included.
+ *
+ * Passing `children` replaces `logo`, `contact`, and `links`.
+ * @param {FooterProps} props
+ * @returns {React.ReactElement}
+ */
+export default function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export { default } from "./Footer";
-export type { FooterProps } from "./Footer";
+export { default, FooterLinks } from "./Footer";
+export type { FooterProps, FooterLinksProps } from "./Footer";

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

@@ -4,7 +4,7 @@ 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">`.
+     * `<a href="/" title="Government of British Columbia">`
      */
     logoLinkElement?: React.ReactElement;
     /**

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

@@ -0,0 +1,5 @@
+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/cjs/types/components/Tooltip/index.d.ts

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

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

@@ -1,9 +1,10 @@
 import "@bcgov/design-tokens/css/variables.css";
 export { default as Button } from "./Button";
 export { default as Header } from "./Header";
-export { default as Footer } from "./Footer";
+export { default as Footer, FooterLinks } from "./Footer";
 export { default as Select } from "./Select";
 export { default as SvgBcLogo } from "./SvgBcLogo";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";
+export { default as Tooltip, TooltipTrigger } from "./Tooltip";