@conduction/components 2.2.22 → 2.2.23

package/src/components/logo/Logo.tsx

@@ -1,25 +1,21 @@
-import clsx from "clsx";
-import { Link } from "gatsby";
 import * as React from "react";
 import * as styles from "./Logo.module.css";
+import clsx from "clsx";
 
 interface LogoProps {
-  layoutClassName: string;
-  href?: string;
+  variant?: "header" | "footer";
+  onClick?: () => any;
+  layoutClassName?: string;
 }
 
-export const AuthenticatedLogo = ({ layoutClassName, href }: LogoProps): JSX.Element => {
-  return (
-    <Link className={styles.logoContainer} to={href ?? "#"}>
-      <div className={clsx(styles.authenticatedLogo, styles.logo, layoutClassName)} />
-    </Link>
-  );
-};
-
-export const UnauthenticatedLogo = ({ layoutClassName, href }: LogoProps): JSX.Element => {
+export const Logo: React.FC<LogoProps> = ({ onClick, layoutClassName, variant = "header" }) => {
   return (
-    <Link className={styles.logoContainer} to={href ?? "#"}>
-      <div className={clsx(styles.unauthenticatedLogo, styles.logo, layoutClassName)} />
-    </Link>
+    <div
+      className={clsx(styles.container, styles[variant], [
+        onClick && styles.clickable,
+        layoutClassName && layoutClassName,
+      ])}
+      {...{ onClick }}
+    />
   );
 };

package/src/components/metaIcon/MetaIcon.module.css

@@ -1,29 +1,29 @@
-:root {
-  --conduction-meta-icon-icon-size: var(--skeleton-size-lg);
-  --conduction-meta-icon-icon-color: var(--skeleton-color-secondary-4);
-}
-
-.container {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-
-.container > *:not(:last-child) {
-  margin-block-end: var(--skeleton-size-xs);
-}
-
-.icon {
-  color: var(--conduction-meta-icon-icon-color);
-  height: var(--conduction-meta-icon-icon-size);
-  width: var(--conduction-meta-icon-icon-size);
-}
-
-.icon > svg {
-  height: 100%;
-  width: 100%;
-}
-
-.value {
-  font-weight: var(--skeleton-font-weight-bold);
-}
+:root {
+  --conduction-meta-icon-icon-size: var(--skeleton-size-lg);
+  --conduction-meta-icon-icon-color: var(--skeleton-color-secondary-4);
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.container > *:not(:last-child) {
+  margin-block-end: var(--skeleton-size-xs);
+}
+
+.icon {
+  color: var(--conduction-meta-icon-icon-color);
+  height: var(--conduction-meta-icon-icon-size);
+  width: var(--conduction-meta-icon-icon-size);
+}
+
+.icon > svg {
+  height: 100%;
+  width: 100%;
+}
+
+.value {
+  font-weight: var(--skeleton-font-weight-bold);
+}

package/src/components/quoteWrapper/QuoteWrapper.module.css

@@ -1,12 +1,12 @@
-:root {
-  --conduction-quote-wrapper-border-width: var(--skeleton-size-sm);
-  --conduction-quote-wrapper-border-color: var(--skeleton-color-grey-1);
-  --conduction-quote-wrapper-padding-inline: var(--skeleton-size-lg);
-}
-
-.container {
-  border-left-width: var(--conduction-quote-wrapper-border-width);
-  border-left-style: solid;
-  border-left-color: var(--conduction-quote-wrapper-border-color);
-  padding-inline-start: var(--conduction-quote-wrapper-padding-inline);
-}
+:root {
+  --conduction-quote-wrapper-border-width: var(--skeleton-size-sm);
+  --conduction-quote-wrapper-border-color: var(--skeleton-color-grey-1);
+  --conduction-quote-wrapper-padding-inline: var(--skeleton-size-lg);
+}
+
+.container {
+  border-left-width: var(--conduction-quote-wrapper-border-width);
+  border-left-style: solid;
+  border-left-color: var(--conduction-quote-wrapper-border-color);
+  padding-inline-start: var(--conduction-quote-wrapper-padding-inline);
+}

package/src/components/tag/Tag.module.css

@@ -1,44 +1,44 @@
-:root {
-  --conduction-tag-font-size: var(--skeleton-font-size-sm);
-  --conduction-tag-color: var(--skeleton-black);
-  --conduction-tag-background-color: var(--skeleton-color-grey-1);
-  --conduction-tag-border-radius: var(--skeleton-border-radius-md);
-  --conduction-tag-padding: var(--skeleton-size-xs);
-  --conduction-tag-icon-margin-inline-end: var(--skeleton-size-2xs);
-  --conduction-tag-remove-background-color: #ffbdad;
-  --conduction-tag-remove-text-color: #e44f2a;
-}
-
-.tag {
-  display: inline-block;
-  width: fit-content;
-  font-size: var(--conduction-tag-font-size);
-  color: var(--conduction-tag-color);
-  background-color: var(--conduction-tag-background-color);
-  padding-inline-start: var(--conduction-tag-padding);
-  padding-inline-end: var(--conduction-tag-padding);
-  padding-block-start: var(--conduction-tag-padding);
-  padding-block-end: var(--conduction-tag-padding);
-}
-
-.tag > *:not(:last-child) {
-  margin-inline-end: var(--conduction-tag-icon-margin-inline-end);
-}
-
-.clickable :hover {
-  cursor: pointer;
-}
-
-.remove {
-  padding-inline-end: 4px;
-}
-
-.tagContainer {
-  display: flex;
-}
-
-.removeTag:hover {
-  cursor: pointer;
-  background-color: var(--conduction-tag-remove-background-color);
-  color: var(--conduction-tag-remove-text-color);
-}
+:root {
+  --conduction-tag-font-size: var(--skeleton-font-size-sm);
+  --conduction-tag-color: var(--skeleton-black);
+  --conduction-tag-background-color: var(--skeleton-color-grey-1);
+  --conduction-tag-border-radius: var(--skeleton-border-radius-md);
+  --conduction-tag-padding: var(--skeleton-size-xs);
+  --conduction-tag-icon-margin-inline-end: var(--skeleton-size-2xs);
+  --conduction-tag-remove-background-color: #ffbdad;
+  --conduction-tag-remove-text-color: #e44f2a;
+}
+
+.tag {
+  display: inline-block;
+  width: fit-content;
+  font-size: var(--conduction-tag-font-size);
+  color: var(--conduction-tag-color);
+  background-color: var(--conduction-tag-background-color);
+  padding-inline-start: var(--conduction-tag-padding);
+  padding-inline-end: var(--conduction-tag-padding);
+  padding-block-start: var(--conduction-tag-padding);
+  padding-block-end: var(--conduction-tag-padding);
+}
+
+.tag > *:not(:last-child) {
+  margin-inline-end: var(--conduction-tag-icon-margin-inline-end);
+}
+
+.clickable :hover {
+  cursor: pointer;
+}
+
+.remove {
+  padding-inline-end: 4px;
+}
+
+.tagContainer {
+  display: flex;
+}
+
+.removeTag:hover {
+  cursor: pointer;
+  background-color: var(--conduction-tag-remove-background-color);
+  color: var(--conduction-tag-remove-text-color);
+}

package/src/components/topNav/index.ts

@@ -1,4 +1,4 @@
-import { PrimaryTopNav } from "./primaryTopNav/PrimaryTopNav";
-import { SecondaryTopNav } from "./secondaryTopNav/SecondaryTopNav";
-
-export { PrimaryTopNav, SecondaryTopNav };
+import { PrimaryTopNav } from "./primaryTopNav/PrimaryTopNav";
+import { SecondaryTopNav } from "./secondaryTopNav/SecondaryTopNav";
+
+export { PrimaryTopNav, SecondaryTopNav };

package/src/custom.d.ts

@@ -1,4 +1,4 @@
-declare module "*.svg";
-declare module "*.jpg";
-declare module "*.png";
-declare module "*.module.css";
+declare module "*.svg";
+declare module "*.jpg";
+declare module "*.png";
+declare module "*.module.css";

package/src/index.ts

@@ -24,7 +24,7 @@ import {
   SelectSingle,
 } from "./components/formFields";
 import { ImageDivider } from "./components/imageDivider/ImageDivider";
-import { AuthenticatedLogo, UnauthenticatedLogo } from "./components/logo/Logo";
+import { Logo } from "./components/logo/Logo";
 import { MetaIcon } from "./components/metaIcon/MetaIcon";
 import { PrivateRoute } from "./components/privateRoute/PrivateRoute";
 import { PrimaryTopNav, SecondaryTopNav } from "./components/topNav";
@@ -62,8 +62,7 @@ export {
   SelectMultiple,
   SelectSingle,
   ImageDivider,
-  AuthenticatedLogo,
-  UnauthenticatedLogo,
+  Logo,
   MetaIcon,
   PrivateRoute,
   PrimaryTopNav,

package/lib/components/htmlParser/ParsedHTML.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { UseQueryResult } from "react-query";
-interface ParsedHTMLProps {
-    contentQuery: UseQueryResult<any, Error>;
-    location: string;
-    directories: string;
-    layoutClassName?: string;
-}
-export declare const ParsedHTML: React.FC<ParsedHTMLProps>;
-export {};

package/lib/components/htmlParser/ParsedHTML.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./ParsedHTML.module.css";
-import Parser from "html-react-parser";
-import Skeleton from "react-loading-skeleton";
-import { Alert } from "@utrecht/component-library-react/dist/css-module";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import clsx from "clsx";
-import { useHtmlParser } from "./parser/useHtmlParser";
-export const ParsedHTML = ({ contentQuery, location, layoutClassName, directories }) => {
-    const { options } = useHtmlParser(location, directories);
-    if (contentQuery.isLoading)
-        return (_jsx("div", { className: styles.container, children: _jsx(Skeleton, { height: "200px" }) }));
-    if (contentQuery.isError)
-        return (_jsx("div", { className: styles.container, children: _jsx(Alert, { icon: _jsx(FontAwesomeIcon, { icon: faWarning }), type: "error", children: "Oops, something went wrong retrieving the .md file from GitHub." }) }));
-    return (_jsx("div", { className: clsx(styles.container, layoutClassName && layoutClassName), children: Parser(contentQuery.data, options) }));
-};

package/lib/components/htmlParser/ParsedHTML.module.css

@@ -1,7 +0,0 @@
-.container {
-  margin-block-start: var(--utrecht-space-block-3xl);
-}
-
-.container > div > article > *:not(:last-child) {
-  margin-block-end: var(--utrecht-space-block-lg);
-}

package/lib/components/htmlParser/parser/alert/getAlert.d.ts

@@ -1 +0,0 @@
-export declare const getAlert: (children: any, options: any, type: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/alert/getAlert.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getAlert.module.css";
-import { Alert } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getAlert = (children, options, type) => {
-    switch (true) {
-        case type.includes("note") || type.includes("info"):
-            return (_jsx(Alert, { className: styles.info, type: "info", children: domToReact(children, options) }));
-        case type.includes("error"):
-            return (_jsx(Alert, { className: styles.error, type: "error", children: domToReact(children, options) }));
-        case type.includes("warning"):
-            return (_jsx(Alert, { className: styles.warning, type: "warning", children: domToReact(children, options) }));
-        case type.includes("succes") || type.includes("ok"):
-            return (_jsx(Alert, { className: styles.ok, type: "ok", children: domToReact(children, options) }));
-        default:
-            return _jsx(Alert, { type: "info", children: domToReact(children, options) });
-    }
-};

package/lib/components/htmlParser/parser/alert/getAlert.module.css

@@ -1,28 +0,0 @@
-.info svg {
-  fill: var(--utrecht-alert-icon-info-color);
-}
-.info p {
-  color: var(--utrecht-alert-info-color);
-}
-
-.warning svg {
-  fill: var(--utrecht-alert-icon-warning-color);
-}
-.warning p {
-  color: var(--utrecht-alert-warning-color);
-}
-
-.error svg {
-  fill: var(--utrecht-alert-icon-error-color);
-}
-.error p {
-  color: var(--utrecht-alert-error-color);
-}
-
-.ok svg {
-  fill: var(--utrecht-alert-icon-ok-color);
-}
-.ok p {
-  color: var(--utrecht-alert-ok-color);
-}
-

package/lib/components/htmlParser/parser/anchor/getAnchor.d.ts

@@ -1,2 +0,0 @@
-import { TGitHubDirectory } from "../../useGitHubDirectories";
-export declare const getAnchor: (props: any, children: any, options: any, directories: TGitHubDirectory[], location: string) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/anchor/getAnchor.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import _ from "lodash";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import { navigate } from "gatsby";
-import { domToReact } from "html-react-parser";
-export const getAnchor = (props, children, options, directories, location) => {
-    const handleClick = (e) => {
-        e.preventDefault();
-        const targetFile = _.upperFirst(props.href.substring(props.href.lastIndexOf("/") + 1).replace(".md", ""));
-        // No link
-        if (!props.href) {
-            navigate("#");
-            return;
-        }
-        // Anchor Links
-        if (props.className === "anchor" || Array.from(props.href)[0] === "#") {
-            handleAnchorClick(props); // handles on-page scroll anchors
-            return;
-        }
-        // Internal Links
-        if (!props.href.includes("://")) {
-            handleInternalLinks(props, targetFile, location, directories);
-            return;
-        }
-        // External Links
-        if (props.href.includes("://")) {
-            open(props.href);
-            return;
-        }
-    };
-    const attributes = {
-        ...props,
-        onClick: handleClick,
-    };
-    return _jsx(Link, { ...attributes, children: domToReact(children, options) });
-};
-const handleInternalLinks = (props, targetFile, location, directories) => {
-    // Internal Links: same directory
-    if (!props.href.includes("/")) {
-        const targetDirectory = _.upperFirst(location.split("/").reverse()[1]);
-        navigate(`/pages/${targetDirectory}/${targetFile}`);
-        return; // ensure no other flow is triggered
-    }
-    // Internal Links: homepage
-    if (props.href.includes("/") && location === "/") {
-        const directoryFound = directories.some((directory) => directory.location === props.href);
-        if (directoryFound)
-            navigate(`/pages/${targetFile}`);
-        return; // ensure no other flow is triggered
-    }
-    // Internal Links: different directory
-    if (props.href.includes("/")) {
-        const targetDirectory = props.href.split("/").reverse()[1];
-        const directoryFound = directories.some((directory) => directory.location.substring(directory.location.lastIndexOf("/") + 1) === targetDirectory);
-        // Internal Link exists: redirect to page
-        if (directoryFound) {
-            navigate(`/pages/${_.upperFirst(targetDirectory)}/${targetFile}`);
-        }
-        // Internal Link does not exist: redirect to online GitHub environment (TODO)
-        if (!directoryFound) {
-            const hrefWithLeadingSlash = !props.href.startsWith("/") ? `/${props.href}` : props.href;
-            open(`${process.env.GATSBY_GITHUB_REPOSITORY_URL}/blob/master${hrefWithLeadingSlash}`);
-        }
-        return; // ensure no other flow is triggered
-    }
-};
-const handleAnchorClick = (props) => {
-    const targetId = props.id ?? props.href.replace("#", "user-content-");
-    const target = document.getElementById(targetId);
-    const headerHeight = document.getElementById("header")?.clientHeight ?? 100;
-    if (target) {
-        window.scrollTo({ top: target.offsetTop - (headerHeight + 24), behavior: "smooth" }); // +24 simply adds some padding
-    }
-};

package/lib/components/htmlParser/parser/code/getCode.d.ts

@@ -1 +0,0 @@
-export declare const getCode: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/code/getCode.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Code, CodeBlock } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getCode = (name, props, children, options) => {
-    switch (name) {
-        case "code":
-            return _jsx(Code, { ...props, children: domToReact(children, options) });
-        case "pre":
-            return _jsx(CodeBlock, { ...props, children: domToReact(children, options) });
-    }
-};

package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.d.ts

@@ -1 +0,0 @@
-export declare const getBlockquote: (children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getBlockquote = (children, options) => {
-    return _jsx(Alert, { children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/header/getHeader.d.ts

@@ -1 +0,0 @@
-export declare const getHeader: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/header/getHeader.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Heading1, Heading2, Heading3, Heading4 } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getHeader = (name, props, children, options) => {
-    switch (name) {
-        case "h1":
-            return _jsx(Heading1, { ...props, children: domToReact(children, options) });
-        case "h2":
-            return _jsx(Heading2, { ...props, children: domToReact(children, options) });
-        case "h3":
-            return _jsx(Heading3, { ...props, children: domToReact(children, options) });
-        case "h4":
-            return _jsx(Heading4, { ...props, children: domToReact(children, options) });
-    }
-};

package/lib/components/htmlParser/parser/image/getImage.d.ts

@@ -1 +0,0 @@
-export declare const getImage: (props: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/image/getImage.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image } from "@utrecht/component-library-react/dist/css-module";
-export const getImage = (props) => {
-    let src = props.src;
-    if (!props.src.includes("https://" || "http://")) {
-        const sessionUrl = process.env.GATSBY_GITHUB_REPOSITORY_URL;
-        const url = sessionUrl?.replace("https://github.com/", "");
-        src = `https://raw.githubusercontent.com/${url}/master/docs/features/${props.src}`;
-    }
-    let alt = props.alt;
-    if (!props.alt) {
-        alt = props.title;
-    }
-    if (!props.alt && !props.title) {
-        alt = props.src;
-    }
-    const attributes = {
-        ...props,
-        src,
-        alt,
-        href: "",
-        onClick: (e) => {
-            e.stopPropagation();
-            open(src);
-        },
-    };
-    return _jsx(Image, { ...attributes });
-};

package/lib/components/htmlParser/parser/list/getList.d.ts

@@ -1 +0,0 @@
-export declare const getList: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/list/getList.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getList.module.css";
-import { OrderedList, UnorderedList } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getList = (name, props, children, options) => {
-    switch (name) {
-        case "ol":
-            return (_jsx(OrderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
-        case "ul":
-            return (_jsx(UnorderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
-    }
-};

package/lib/components/htmlParser/parser/list/getList.module.css

@@ -1,3 +0,0 @@
-.list {
-  width: 100% !important;
-}

package/lib/components/htmlParser/parser/listItem/getListItem.d.ts

@@ -1 +0,0 @@
-export declare const getListItem: (props: any, parent: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/listItem/getListItem.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OrderedListItem, UnorderedListItem } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getListItem = (props, parent, children, options) => {
-    switch (parent.name) {
-        case "ol":
-            return _jsx(OrderedListItem, { ...props, children: domToReact(children, options) });
-        case "ul":
-            return _jsx(UnorderedListItem, { ...props, children: domToReact(children, options) });
-    }
-    return;
-};

package/lib/components/htmlParser/parser/paragraph/getParagraph.d.ts

@@ -1 +0,0 @@
-export declare const getParagraph: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/paragraph/getParagraph.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Paragraph } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getParagraph = (props, children, options) => {
-    return _jsx(Paragraph, { ...props, children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/svg/getSvg.d.ts

@@ -1 +0,0 @@
-export declare const getSvg: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/svg/getSvg.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { domToReact } from "html-react-parser";
-export const getSvg = (props, children, options) => {
-    if (props.className.includes("octicon octicon-link")) {
-        return _jsx(_Fragment, {});
-    }
-    return _jsx("svg", { ...props, children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/table/getTable.d.ts

@@ -1 +0,0 @@
-export declare const getTable: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/table/getTable.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTable.module.css";
-import { Table } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTable = (props, children, options) => {
-    return (_jsx(Table, { className: styles.table, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/table/getTable.module.css

@@ -1,3 +0,0 @@
-.table {
-  background-color: var(--utrecht-table-background-color) !important;
-}

package/lib/components/htmlParser/parser/tableBody/getTableBody.d.ts

@@ -1 +0,0 @@
-export declare const getTableBody: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableBody/getTableBody.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableBody.module.css";
-import { TableBody } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableBody = (props, children, options) => {
-    return (_jsx(TableBody, { className: styles.tableBody, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableBody/getTableBody.module.css

@@ -1,3 +0,0 @@
-.tableBody {
-  border: var(--utrecht-table-body-border);
-}

package/lib/components/htmlParser/parser/tableCell/getTableCell.d.ts

@@ -1 +0,0 @@
-export declare const getTableCell: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableCell/getTableCell.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableCell.module.css";
-import { TableCell } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableCell = (props, children, options) => {
-    return (_jsx(TableCell, { className: styles.tableCell, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableCell/getTableCell.module.css

@@ -1,3 +0,0 @@
-.tableCell {
-  vertical-align: middle !important;
-}

package/lib/components/htmlParser/parser/tableHeader/getTableHeader.d.ts

@@ -1 +0,0 @@
-export declare const getTableHeader: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableHeader/getTableHeader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableHeader.module.css";
-import { TableHeader } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableHeader = (props, children, options) => {
-    return (_jsx(TableHeader, { className: styles.tableHeader, ...props, children: domToReact(children, options) }));
-};