@conduction/components 2.2.26 → 2.2.28

package/README.md

@@ -4,6 +4,9 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.27/2.2.28:
+    - Updated dependencies to latest versions.
+    - Updated Checkbox component to NLDS.
   - 2.2.26: Updated NotificationPopUp secondary button to have hover and href.
   - 2.2.25:
     - Added box-shadow to CardWrapper.

package/lib/components/Pagination/Pagination.d.ts

@@ -1,14 +1,14 @@
-import * as React from "react";
-interface PaginationProps {
-    totalPages: number;
-    currentPage: number;
-    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    ariaLabels: {
-        nextPage: string;
-        previousPage: string;
-        page: string;
-    };
-    layoutClassName?: string;
-}
-export declare const Pagination: React.FC<PaginationProps>;
-export {};
+import * as React from "react";
+interface PaginationProps {
+    totalPages: number;
+    currentPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    ariaLabels: {
+        nextPage: string;
+        previousPage: string;
+        page: string;
+    };
+    layoutClassName?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export {};

package/lib/components/Pagination/Pagination.js

@@ -1,12 +1,12 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./Pagination.module.css";
-import clsx from "clsx";
-import ReactPaginate from "react-paginate";
-import { Button } from "@utrecht/component-library-react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronRight, faChevronLeft } from "@fortawesome/free-solid-svg-icons";
-export const Pagination = ({ totalPages, currentPage, setCurrentPage, ariaLabels, layoutClassName, }) => {
-    if (totalPages < 1)
-        return _jsx(_Fragment, {}); // no pages available
-    return (_jsx(ReactPaginate, { className: clsx(styles.container, layoutClassName && layoutClassName), disabledClassName: styles.disabled, activeClassName: styles.currentPage, onPageChange: (e) => setCurrentPage(e.selected + 1), forcePage: currentPage - 1, pageRangeDisplayed: 3, pageCount: totalPages, disableInitialCallback: true, marginPagesDisplayed: 2, breakLabel: "...", nextClassName: styles.next, previousClassName: styles.previous, nextAriaLabel: ariaLabels.nextPage, previousAriaLabel: ariaLabels.previousPage, ariaLabelBuilder: (currentPage) => `${ariaLabels.page} ${currentPage}`, nextLabel: _jsx(Button, { tabIndex: -1, className: styles.button, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }), previousLabel: _jsx(Button, { tabIndex: -1, className: styles.button, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }) }));
-};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as styles from "./Pagination.module.css";
+import clsx from "clsx";
+import ReactPaginate from "react-paginate";
+import { Button } from "@utrecht/component-library-react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronRight, faChevronLeft } from "@fortawesome/free-solid-svg-icons";
+export const Pagination = ({ totalPages, currentPage, setCurrentPage, ariaLabels, layoutClassName, }) => {
+    if (totalPages < 1)
+        return _jsx(_Fragment, {}); // no pages available
+    return (_jsx(ReactPaginate, { className: clsx(styles.container, layoutClassName && layoutClassName), disabledClassName: styles.disabled, activeClassName: styles.currentPage, onPageChange: (e) => setCurrentPage(e.selected + 1), forcePage: currentPage - 1, pageRangeDisplayed: 3, pageCount: totalPages, disableInitialCallback: true, marginPagesDisplayed: 2, breakLabel: "...", nextClassName: styles.next, previousClassName: styles.previous, nextAriaLabel: ariaLabels.nextPage, previousAriaLabel: ariaLabels.previousPage, ariaLabelBuilder: (currentPage) => `${ariaLabels.page} ${currentPage}`, nextLabel: _jsx(Button, { tabIndex: -1, className: styles.button, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }), previousLabel: _jsx(Button, { tabIndex: -1, className: styles.button, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }) }));
+};

package/lib/components/badgeCounter/BadgeCounter.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-interface BadgeCounterProps {
-    number: string;
-    children: React.ReactNode;
-    layoutClassName?: string;
-}
-export declare const BadgeCounter: ({ number, children, layoutClassName, }: React.PropsWithChildren<BadgeCounterProps>) => JSX.Element;
-export {};
+import * as React from "react";
+interface BadgeCounterProps {
+    number: string;
+    children: React.ReactNode;
+    layoutClassName?: string;
+}
+export declare const BadgeCounter: ({ number, children, layoutClassName, }: React.PropsWithChildren<BadgeCounterProps>) => JSX.Element;
+export {};

package/lib/components/badgeCounter/BadgeCounter.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./BadgeCounter.module.css";
-import clsx from "clsx";
-export const BadgeCounter = ({ number, children, layoutClassName, }) => (_jsxs("div", { className: styles.content, children: [children, _jsx("span", { className: clsx([layoutClassName && layoutClassName], styles.badge), children: number })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./BadgeCounter.module.css";
+import clsx from "clsx";
+export const BadgeCounter = ({ number, children, layoutClassName, }) => (_jsxs("div", { className: styles.content, children: [children, _jsx("span", { className: clsx([layoutClassName && layoutClassName], styles.badge), children: number })] }));

package/lib/components/card/cardHeader/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
-export declare const CardHeader: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export declare const CardHeaderTitle: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export declare const CardHeaderDate: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+import * as React from "react";
+export declare const CardHeader: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const CardHeaderTitle: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const CardHeaderDate: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;

package/lib/components/card/cardHeader/CardHeader.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./CardHeader.module.css";
-export const CardHeader = (props) => {
-    const _props = { ...props, className: `${props.className} ${styles.container}` };
-    return _jsx("div", { ..._props, children: props.children });
-};
-export const CardHeaderTitle = (props) => {
-    const _props = { ...props, className: `${props.className} ${styles.title}` };
-    return _jsx("div", { ..._props, children: props.children });
-};
-export const CardHeaderDate = (props) => {
-    const _props = { ...props, className: `${props.className} ${styles.date}` };
-    return _jsx("div", { ..._props, children: props.children });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as styles from "./CardHeader.module.css";
+export const CardHeader = (props) => {
+    const _props = { ...props, className: `${props.className} ${styles.container}` };
+    return _jsx("div", { ..._props, children: props.children });
+};
+export const CardHeaderTitle = (props) => {
+    const _props = { ...props, className: `${props.className} ${styles.title}` };
+    return _jsx("div", { ..._props, children: props.children });
+};
+export const CardHeaderDate = (props) => {
+    const _props = { ...props, className: `${props.className} ${styles.date}` };
+    return _jsx("div", { ..._props, children: props.children });
+};

package/lib/components/card/cardWrapper/CardWrapper.d.ts

@@ -1,2 +1,2 @@
-import * as React from "react";
-export declare const CardWrapper: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+import * as React from "react";
+export declare const CardWrapper: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;

package/lib/components/card/cardWrapper/CardWrapper.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./CardWrapper.module.css";
-export const CardWrapper = (props) => {
-    const _props = { ...props, className: `${props.className} ${styles.container}` };
-    return _jsx("div", { ..._props, children: props.children });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as styles from "./CardWrapper.module.css";
+export const CardWrapper = (props) => {
+    const _props = { ...props, className: `${props.className} ${styles.container}` };
+    return _jsx("div", { ..._props, children: props.children });
+};

package/lib/components/card/detailsCard/DetailsCard.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-interface DetailsCardProps {
-    title: string;
-    introduction?: string;
-    link: {
-        href: string;
-        label: string;
-    };
-    tags?: string[];
-    subHeader?: string;
-    layoutClassName?: string;
-}
-export declare const DetailsCard: ({ title, subHeader, introduction, link, tags, layoutClassName, }: DetailsCardProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface DetailsCardProps {
+    title: string;
+    introduction?: string;
+    link: {
+        href: string;
+        label: string;
+    };
+    tags?: string[];
+    subHeader?: string;
+    layoutClassName?: string;
+}
+export declare const DetailsCard: ({ title, subHeader, introduction, link, tags, layoutClassName, }: DetailsCardProps) => JSX.Element;
+export {};

package/lib/components/card/detailsCard/DetailsCard.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./DetailsCard.module.css";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import clsx from "clsx";
-import { navigate } from "gatsby";
-import { Tag } from "../../tag/Tag";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
-export const DetailsCard = ({ title, subHeader, introduction, link, tags, layoutClassName, }) => {
-    return (_jsx("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: _jsxs("div", { className: styles.content, children: [_jsxs("div", { children: [_jsx("div", { className: styles.title, children: title }), _jsx("span", { className: styles.subHeader, children: subHeader })] }), tags && (_jsx("div", { className: styles.tags, children: tags.map((tag, idx) => (_jsx(Tag, { label: tag }, idx))) })), _jsx("div", { className: styles.introduction, children: introduction }), _jsx("div", { className: styles.link, children: _jsxs(Link, { onClick: () => navigate(link.href), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faArrowRight }), " ", link.label] }) })] }) }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./DetailsCard.module.css";
+import { Link } from "@utrecht/component-library-react/dist/css-module";
+import clsx from "clsx";
+import { navigate } from "gatsby";
+import { Tag } from "../../tag/Tag";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
+export const DetailsCard = ({ title, subHeader, introduction, link, tags, layoutClassName, }) => {
+    return (_jsx("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: _jsxs("div", { className: styles.content, children: [_jsxs("div", { children: [_jsx("div", { className: styles.title, children: title }), _jsx("span", { className: styles.subHeader, children: subHeader })] }), tags && (_jsx("div", { className: styles.tags, children: tags.map((tag, idx) => (_jsx(Tag, { label: tag }, idx))) })), _jsx("div", { className: styles.introduction, children: introduction }), _jsx("div", { className: styles.link, children: _jsxs(Link, { onClick: () => navigate(link.href), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faArrowRight }), " ", link.label] }) })] }) }));
+};

package/lib/components/card/downloadCard/DownloadCard.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-interface DownloadCardProps {
-    icon: JSX.Element;
-    label: string;
-    sizeKb: string;
-    downloadLabel: string;
-    layoutClassName?: string;
-    handleClick: () => any;
-}
-export declare const DownloadCard: ({ icon, label, sizeKb, layoutClassName, downloadLabel, handleClick, }: DownloadCardProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface DownloadCardProps {
+    icon: JSX.Element;
+    label: string;
+    sizeKb: string;
+    downloadLabel: string;
+    layoutClassName?: string;
+    handleClick: () => any;
+}
+export declare const DownloadCard: ({ icon, label, sizeKb, layoutClassName, downloadLabel, handleClick, }: DownloadCardProps) => JSX.Element;
+export {};

package/lib/components/card/downloadCard/DownloadCard.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./DownloadCard.module.css";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import clsx from "clsx";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faDownload } from "@fortawesome/free-solid-svg-icons";
-export const DownloadCard = ({ icon, label, sizeKb, layoutClassName, downloadLabel, handleClick, }) => {
-    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsxs("div", { className: styles.content, children: [_jsx("div", { className: styles.icon, children: icon }), _jsxs("div", { children: [label, " (", sizeKb, "kb)"] })] }), _jsxs(Link, { onClick: handleClick, children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " ", downloadLabel] })] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./DownloadCard.module.css";
+import { Link } from "@utrecht/component-library-react/dist/css-module";
+import clsx from "clsx";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faDownload } from "@fortawesome/free-solid-svg-icons";
+export const DownloadCard = ({ icon, label, sizeKb, layoutClassName, downloadLabel, handleClick, }) => {
+    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: [_jsxs("div", { className: styles.content, children: [_jsx("div", { className: styles.icon, children: icon }), _jsxs("div", { children: [label, " (", sizeKb, "kb)"] })] }), _jsxs(Link, { onClick: handleClick, children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faDownload }), " ", downloadLabel] })] }));
+};

package/lib/components/card/horizontalImageCard/HorizontalImageCard.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-interface HorizontalImageCardProps {
-    iconOrImage: JSX.Element;
-    title: string;
-    link: {
-        label: string;
-        href: string;
-    };
-    layoutClassName?: string;
-    external?: boolean;
-}
-export declare const HorizontalImageCard: ({ title, layoutClassName, external, link, iconOrImage, }: HorizontalImageCardProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface HorizontalImageCardProps {
+    iconOrImage: JSX.Element;
+    title: string;
+    link: {
+        label: string;
+        href: string;
+    };
+    layoutClassName?: string;
+    external?: boolean;
+}
+export declare const HorizontalImageCard: ({ title, layoutClassName, external, link, iconOrImage, }: HorizontalImageCardProps) => JSX.Element;
+export {};

package/lib/components/card/horizontalImageCard/HorizontalImageCard.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./HorizontalImageCard.module.css";
-import clsx from "clsx";
-import { Link } from "@utrecht/component-library-react";
-import { navigate } from "gatsby";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faArrowRight, faExternalLink } from "@fortawesome/free-solid-svg-icons";
-export const HorizontalImageCard = ({ title, layoutClassName, external, link, iconOrImage, }) => {
-    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: [_jsx("div", { className: styles.imageOrIconContainer, children: iconOrImage }), _jsxs("div", { className: styles.linkContainer, children: [_jsx("div", { className: styles.title, children: title }), _jsxs(Link, { className: styles.link, children: [_jsx(FontAwesomeIcon, { icon: external ? faExternalLink : faArrowRight }), link.label] })] })] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./HorizontalImageCard.module.css";
+import clsx from "clsx";
+import { Link } from "@utrecht/component-library-react";
+import { navigate } from "gatsby";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faArrowRight, faExternalLink } from "@fortawesome/free-solid-svg-icons";
+export const HorizontalImageCard = ({ title, layoutClassName, external, link, iconOrImage, }) => {
+    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: [_jsx("div", { className: styles.imageOrIconContainer, children: iconOrImage }), _jsxs("div", { className: styles.linkContainer, children: [_jsx("div", { className: styles.title, children: title }), _jsxs(Link, { className: styles.link, children: [_jsx(FontAwesomeIcon, { icon: external ? faExternalLink : faArrowRight }), link.label] })] })] }));
+};

package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-interface ImageAndDetailsCardProps {
-    title: string;
-    image: JSX.Element;
-    introduction: string;
-    link: {
-        href: string;
-        label: string;
-    };
-    subHeader?: string;
-    layoutClassName?: string;
-}
-export declare const ImageAndDetailsCard: ({ image, title, subHeader, introduction, link, layoutClassName, }: ImageAndDetailsCardProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface ImageAndDetailsCardProps {
+    title: string;
+    image: JSX.Element;
+    introduction: string;
+    link: {
+        href: string;
+        label: string;
+    };
+    subHeader?: string;
+    layoutClassName?: string;
+}
+export declare const ImageAndDetailsCard: ({ image, title, subHeader, introduction, link, layoutClassName, }: ImageAndDetailsCardProps) => JSX.Element;
+export {};

package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./ImageAndDetailsCard.module.css";
-import clsx from "clsx";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import { navigate } from "gatsby";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-export const ImageAndDetailsCard = ({ image, title, subHeader, introduction, link, layoutClassName, }) => {
-    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: [_jsx("div", { className: styles.image, children: image }), _jsxs("div", { className: styles.content, children: [_jsxs("div", { children: [_jsx("div", { className: styles.title, children: title }), _jsx("span", { className: styles.subHeader, children: subHeader })] }), _jsx("div", { className: styles.introduction, children: introduction }), _jsx("div", { className: styles.link, children: _jsxs(Link, { onClick: () => navigate(link.href), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faArrowRight }), " ", link.label] }) })] })] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./ImageAndDetailsCard.module.css";
+import clsx from "clsx";
+import { Link } from "@utrecht/component-library-react/dist/css-module";
+import { navigate } from "gatsby";
+import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+export const ImageAndDetailsCard = ({ image, title, subHeader, introduction, link, layoutClassName, }) => {
+    return (_jsxs("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), onClick: () => navigate(link.href), children: [_jsx("div", { className: styles.image, children: image }), _jsxs("div", { className: styles.content, children: [_jsxs("div", { children: [_jsx("div", { className: styles.title, children: title }), _jsx("span", { className: styles.subHeader, children: subHeader })] }), _jsx("div", { className: styles.introduction, children: introduction }), _jsx("div", { className: styles.link, children: _jsxs(Link, { onClick: () => navigate(link.href), children: [_jsx(FontAwesomeIcon, { className: styles.icon, icon: faArrowRight }), " ", link.label] }) })] })] }));
+};

package/lib/components/card/index.d.ts

@@ -1,8 +1,8 @@
-import { DownloadCard } from "./downloadCard/DownloadCard";
-import { HorizontalImageCard } from "./horizontalImageCard/HorizontalImageCard";
-import { ImageAndDetailsCard } from "./imageAndDetailsCard/ImageAndDetailsCard";
-import { DetailsCard } from "./detailsCard/DetailsCard";
-import { InfoCard } from "./infoCard/InfoCard";
-import { CardWrapper } from "./cardWrapper/CardWrapper";
-import { CardHeader, CardHeaderDate, CardHeaderTitle } from "./cardHeader/CardHeader";
-export { DownloadCard, HorizontalImageCard, ImageAndDetailsCard, DetailsCard, InfoCard, CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate, };
+import { DownloadCard } from "./downloadCard/DownloadCard";
+import { HorizontalImageCard } from "./horizontalImageCard/HorizontalImageCard";
+import { ImageAndDetailsCard } from "./imageAndDetailsCard/ImageAndDetailsCard";
+import { DetailsCard } from "./detailsCard/DetailsCard";
+import { InfoCard } from "./infoCard/InfoCard";
+import { CardWrapper } from "./cardWrapper/CardWrapper";
+import { CardHeader, CardHeaderDate, CardHeaderTitle } from "./cardHeader/CardHeader";
+export { DownloadCard, HorizontalImageCard, ImageAndDetailsCard, DetailsCard, InfoCard, CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate, };

package/lib/components/card/index.js

@@ -1,8 +1,8 @@
-import { DownloadCard } from "./downloadCard/DownloadCard";
-import { HorizontalImageCard } from "./horizontalImageCard/HorizontalImageCard";
-import { ImageAndDetailsCard } from "./imageAndDetailsCard/ImageAndDetailsCard";
-import { DetailsCard } from "./detailsCard/DetailsCard";
-import { InfoCard } from "./infoCard/InfoCard";
-import { CardWrapper } from "./cardWrapper/CardWrapper";
-import { CardHeader, CardHeaderDate, CardHeaderTitle } from "./cardHeader/CardHeader";
-export { DownloadCard, HorizontalImageCard, ImageAndDetailsCard, DetailsCard, InfoCard, CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate, };
+import { DownloadCard } from "./downloadCard/DownloadCard";
+import { HorizontalImageCard } from "./horizontalImageCard/HorizontalImageCard";
+import { ImageAndDetailsCard } from "./imageAndDetailsCard/ImageAndDetailsCard";
+import { DetailsCard } from "./detailsCard/DetailsCard";
+import { InfoCard } from "./infoCard/InfoCard";
+import { CardWrapper } from "./cardWrapper/CardWrapper";
+import { CardHeader, CardHeaderDate, CardHeaderTitle } from "./cardHeader/CardHeader";
+export { DownloadCard, HorizontalImageCard, ImageAndDetailsCard, DetailsCard, InfoCard, CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate, };

package/lib/components/card/infoCard/InfoCard.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface InfoCardProps {
-    title: string;
-    content: JSX.Element | string;
-    layoutClassName?: string;
-}
-export declare const InfoCard: ({ title, content, layoutClassName }: InfoCardProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface InfoCardProps {
+    title: string;
+    content: JSX.Element | string;
+    layoutClassName?: string;
+}
+export declare const InfoCard: ({ title, content, layoutClassName }: InfoCardProps) => JSX.Element;
+export {};

package/lib/components/card/infoCard/InfoCard.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./InfoCard.module.css";
-import clsx from "clsx";
-export const InfoCard = ({ title, content, layoutClassName }) => {
-    return (_jsxs("div", { className: clsx([layoutClassName && layoutClassName], styles.container), children: [_jsx("span", { className: styles.title, children: title }), _jsx("div", { className: styles.content, children: content })] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from "./InfoCard.module.css";
+import clsx from "clsx";
+export const InfoCard = ({ title, content, layoutClassName }) => {
+    return (_jsxs("div", { className: clsx([layoutClassName && layoutClassName], styles.container), children: [_jsx("span", { className: styles.title, children: title }), _jsx("div", { className: styles.content, children: content })] }));
+};

package/lib/components/codeBlock/CodeBlock.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-interface CodeBlockProps {
-    codeBlock: string | JSX.Element;
-}
-export declare const CodeBlock: ({ codeBlock }: CodeBlockProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface CodeBlockProps {
+    codeBlock: string | JSX.Element;
+}
+export declare const CodeBlock: ({ codeBlock }: CodeBlockProps) => JSX.Element;
+export {};

package/lib/components/codeBlock/CodeBlock.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./CodeBlock.module.css";
-export const CodeBlock = ({ codeBlock }) => _jsx("div", { className: styles.code, children: codeBlock });
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as styles from "./CodeBlock.module.css";
+export const CodeBlock = ({ codeBlock }) => _jsx("div", { className: styles.code, children: codeBlock });

package/lib/components/container/Container.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-interface ContainerProps {
-    layoutClassName?: string;
-}
-export declare const Container: ({ children, layoutClassName }: React.PropsWithChildren<ContainerProps>) => JSX.Element;
-export {};
+import * as React from "react";
+interface ContainerProps {
+    layoutClassName?: string;
+}
+export declare const Container: ({ children, layoutClassName }: React.PropsWithChildren<ContainerProps>) => JSX.Element;
+export {};

package/lib/components/container/Container.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./Container.module.css";
-import clsx from "clsx";
-export const Container = ({ children, layoutClassName }) => (_jsx("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: children }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as styles from "./Container.module.css";
+import clsx from "clsx";
+export const Container = ({ children, layoutClassName }) => (_jsx("div", { className: clsx(styles.container, [layoutClassName && layoutClassName]), children: children }));

package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.d.ts

@@ -1,17 +1,17 @@
-/**
- * This is a wrapper element based on https://nl-design-system.github.io/denhaag/?path=/docs/css-navigation-breadcrumb--default-story
- *
- * IMPORTANT: DO NOT MAKE CHANGES TO THIS FILE, AS ALL CHANGES WILL BE LOST UPON PACKAGE IMPLEMENTATION
- *
- * Note: we do not use css modules here due to this component being a wrapper
- */
-/// <reference types="react" />
-import "./Breadcrumbs.css";
-interface BreadcrumbsProps {
-    crumbs: {
-        pathname: string;
-        crumbLabel: string;
-    }[];
-}
-export declare const Breadcrumbs: ({ crumbs }: BreadcrumbsProps) => JSX.Element;
-export {};
+/**
+ * This is a wrapper element based on https://nl-design-system.github.io/denhaag/?path=/docs/css-navigation-breadcrumb--default-story
+ *
+ * IMPORTANT: DO NOT MAKE CHANGES TO THIS FILE, AS ALL CHANGES WILL BE LOST UPON PACKAGE IMPLEMENTATION
+ *
+ * Note: we do not use css modules here due to this component being a wrapper
+ */
+/// <reference types="react" />
+import "./Breadcrumbs.css";
+interface BreadcrumbsProps {
+    crumbs: {
+        pathname: string;
+        crumbLabel: string;
+    }[];
+}
+export declare const Breadcrumbs: ({ crumbs }: BreadcrumbsProps) => JSX.Element;
+export {};

package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * This is a wrapper element based on https://nl-design-system.github.io/denhaag/?path=/docs/css-navigation-breadcrumb--default-story
- *
- * IMPORTANT: DO NOT MAKE CHANGES TO THIS FILE, AS ALL CHANGES WILL BE LOST UPON PACKAGE IMPLEMENTATION
- *
- * Note: we do not use css modules here due to this component being a wrapper
- */
-import { Link } from "gatsby";
-import "./Breadcrumbs.css";
-export const Breadcrumbs = ({ crumbs }) => {
-    return (_jsx("nav", { "aria-label": "Breadcrumb", className: "denhaag-breadcrumb", children: _jsx("ol", { className: "denhaag-breadcrumb__list", itemScope: true, itemType: "https://schema.org/BreadcrumbList", children: crumbs.map((crumb, idx) => {
-                if (crumbs.length !== idx + 1) {
-                    return _jsx(CrumbItem, { ...crumb, ...{ idx } }, idx);
-                }
-                return _jsx(LastCrumbItem, { ...crumb, ...{ idx } }, idx);
-            }) }) }));
-};
-const CrumbItem = ({ pathname, crumbLabel, idx }) => (_jsx("li", { className: "denhaag-breadcrumb__item", itemProp: "itemListElement", itemScope: true, itemType: "https://schema.org/ListItem", children: _jsxs(Link, { className: "denhaag-breadcrumb__link", to: pathname, itemProp: "item", children: [_jsx("span", { className: "denhaag-breadcrumb__text", itemProp: "name", children: crumbLabel }), _jsx("svg", { "aria-hidden": "true", className: "denhaag-icon", fill: "none", focusable: "false", height: "1em", shapeRendering: "auto", viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9.293 18.707a1 1 0 010-1.414L14.586 12 9.293 6.707a1 1 0 011.414-1.414l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0z", fill: "currentColor" }) }), _jsx("meta", { content: idx.toString(), itemProp: "position" })] }) }));
-const LastCrumbItem = ({ pathname, crumbLabel, idx }) => (_jsx("li", { "aria-current": "page", className: "denhaag-breadcrumb__item", itemProp: "itemListElement", itemScope: true, itemType: "https://schema.org/ListItem", children: _jsxs(Link, { "aria-current": "page", className: "denhaag-breadcrumb__link denhaag-breadcrumb__link--current", to: pathname, itemProp: "item", children: [_jsx("span", { className: "denhaag-breadcrumb__text", itemProp: "name", children: crumbLabel }), _jsx("meta", { content: idx.toString(), itemProp: "position" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * This is a wrapper element based on https://nl-design-system.github.io/denhaag/?path=/docs/css-navigation-breadcrumb--default-story
+ *
+ * IMPORTANT: DO NOT MAKE CHANGES TO THIS FILE, AS ALL CHANGES WILL BE LOST UPON PACKAGE IMPLEMENTATION
+ *
+ * Note: we do not use css modules here due to this component being a wrapper
+ */
+import { Link } from "gatsby";
+import "./Breadcrumbs.css";
+export const Breadcrumbs = ({ crumbs }) => {
+    return (_jsx("nav", { "aria-label": "Breadcrumb", className: "denhaag-breadcrumb", children: _jsx("ol", { className: "denhaag-breadcrumb__list", itemScope: true, itemType: "https://schema.org/BreadcrumbList", children: crumbs.map((crumb, idx) => {
+                if (crumbs.length !== idx + 1) {
+                    return _jsx(CrumbItem, { ...crumb, idx }, idx);
+                }
+                return _jsx(LastCrumbItem, { ...crumb, idx }, idx);
+            }) }) }));
+};
+const CrumbItem = ({ pathname, crumbLabel, idx }) => (_jsx("li", { className: "denhaag-breadcrumb__item", itemProp: "itemListElement", itemScope: true, itemType: "https://schema.org/ListItem", children: _jsxs(Link, { className: "denhaag-breadcrumb__link", to: pathname, itemProp: "item", children: [_jsx("span", { className: "denhaag-breadcrumb__text", itemProp: "name", children: crumbLabel }), _jsx("svg", { "aria-hidden": "true", className: "denhaag-icon", fill: "none", focusable: "false", height: "1em", shapeRendering: "auto", viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9.293 18.707a1 1 0 010-1.414L14.586 12 9.293 6.707a1 1 0 011.414-1.414l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0z", fill: "currentColor" }) }), _jsx("meta", { content: idx.toString(), itemProp: "position" })] }) }));
+const LastCrumbItem = ({ pathname, crumbLabel, idx }) => (_jsx("li", { "aria-current": "page", className: "denhaag-breadcrumb__item", itemProp: "itemListElement", itemScope: true, itemType: "https://schema.org/ListItem", children: _jsxs(Link, { "aria-current": "page", className: "denhaag-breadcrumb__link denhaag-breadcrumb__link--current", to: pathname, itemProp: "item", children: [_jsx("span", { className: "denhaag-breadcrumb__text", itemProp: "name", children: crumbLabel }), _jsx("meta", { content: idx.toString(), itemProp: "position" })] }) }));

package/lib/components/displaySwitch/DisplaySwitch.d.ts

@@ -1,18 +1,18 @@
-import * as React from "react";
-import { IconPrefix, IconName } from "@fortawesome/fontawesome-svg-core";
-interface DisplaySwitchProps {
-    buttons: DisplaySwitchButtonProps[];
-    layoutClassName?: string;
-}
-interface DisplaySwitchButtonProps {
-    label: string;
-    pressed: boolean;
-    handleClick: () => any;
-    icon?: {
-        name: IconName;
-        prefix: IconPrefix;
-    };
-}
-export declare type IDisplaySwitchButton = DisplaySwitchButtonProps;
-declare const DisplaySwitch: React.FC<DisplaySwitchProps>;
-export default DisplaySwitch;
+import * as React from "react";
+import { IconPrefix, IconName } from "@fortawesome/fontawesome-svg-core";
+interface DisplaySwitchProps {
+    buttons: DisplaySwitchButtonProps[];
+    layoutClassName?: string;
+}
+interface DisplaySwitchButtonProps {
+    label: string;
+    pressed: boolean;
+    handleClick: () => any;
+    icon?: {
+        name: IconName;
+        prefix: IconPrefix;
+    };
+}
+export declare type IDisplaySwitchButton = DisplaySwitchButtonProps;
+declare const DisplaySwitch: React.FC<DisplaySwitchProps>;
+export default DisplaySwitch;