@conduction/components 2.2.26 → 2.2.28

package/lib/components/card/infoCard/InfoCard.module.css

@@ -1,26 +0,0 @@
-.container {
-  background-color: var(--skeleton-color-grey-1);
-  border-radius: var(--skeleton-border-radius-md);
-  padding-inline-start: var(--skeleton-size-md);
-  padding-inline-end: var(--skeleton-size-md);
-  padding-block-start: var(--skeleton-size-md);
-  padding-block-end: var(--skeleton-size-md);
-}
-
-.container > * {
-  display: block;
-}
-
-.container > *:not(:last-child) {
-  margin-block-end: var(--skeleton-size-xs);
-}
-
-.container > .title {
-  font-weight: var(--skeleton-font-weight-bold);
-  font-size: var(--skeleton-font-size-xl);
-  color: var(--skeleton-color-black);
-}
-
-.content {
-  color: var(--skeleton-color-black);
-}

package/lib/components/card/richContentCard/RichContentCard.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export interface RichContentCardProps {
-    link: {
-        label: string;
-        href: string;
-    };
-    labelsWithIcon: {
-        label: string;
-        icon: JSX.Element;
-    }[];
-    tags: string[];
-    contentLinks?: {
-        title: string;
-        subTitle: string;
-        href: string;
-    }[];
-    linkIsExternal?: boolean;
-}
-export declare const RichContentCard: ({ link, labelsWithIcon, tags, contentLinks, linkIsExternal, }: RichContentCardProps) => JSX.Element;

package/lib/components/card/richContentCard/RichContentCard.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as styles from "./RichContentCard.module.css";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import { navigate } from "gatsby";
-import { ExternalLinkIcon, ArrowRightIcon } from "@gemeente-denhaag/icons";
-import { Tag } from "../../tag/Tag";
-export const RichContentCard = ({ link, labelsWithIcon, tags, contentLinks, linkIsExternal, }) => {
-    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.linkContainer, onClick: () => navigate(link.href), children: _jsxs(Link, { className: styles.link, children: [linkIsExternal ? _jsx(ExternalLinkIcon, {}) : _jsx(ArrowRightIcon, {}), link.label] }) }), _jsx("div", { className: styles.labelsWithIcon, children: labelsWithIcon.map(({ label, icon }, idx) => (_jsx(LabelWithIcon, { ...{ label, icon } }, idx))) }), _jsx("div", { className: styles.tags, children: tags.map((tag, idx) => (_jsx(Tag, { label: tag }, idx))) }), contentLinks && (_jsxs("div", { className: styles.contentLinks, children: [_jsx("hr", { className: styles.divider }), contentLinks.map(({ title, subTitle, href }, idx) => (_jsx(ContentLink, { ...{ title, subTitle, href } }, idx)))] }))] }));
-};
-const LabelWithIcon = ({ label, icon }) => {
-    return (_jsxs("div", { className: styles.labelWithIcon, children: [_jsx("span", { className: styles.labelWithIcon_icon, children: icon }), _jsx("span", { className: styles.labelWithIcon_label, children: label })] }));
-};
-const ContentLink = ({ title, subTitle, href }) => {
-    return (_jsxs(Link, { className: styles.contentLink, children: [_jsxs("div", { className: styles.contentLink_content, children: [_jsx("span", { className: styles.contentLink_title, children: title }), _jsx("span", { className: styles.contentLink_subTitle, children: subTitle })] }), _jsx("div", { children: _jsx(ArrowRightIcon, {}) })] }));
-};

package/lib/components/card/richContentCard/RichContentCard.module.css

@@ -1,103 +0,0 @@
-:root {
-  --conduction-rich-content-card-border: 1px solid var(--skeleton-color-grey-2);
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-  border: var(--conduction-rich-content-card-border);
-  border-radius: var(--skeleton-border-radius-md);
-
-  padding-inline-start: var(--skeleton-size-md);
-  padding-inline-end: var(--skeleton-size-md);
-  padding-block-start: var(--skeleton-size-md);
-  padding-block-end: var(--skeleton-size-md);
-}
-
-.container > *:not(.linkContainer):not(:last-child) {
-  margin-block-end: var(--skeleton-size-md);
-}
-
-.linkContainer {
-  margin-block-end: var(--skeleton-size-xs);
-}
-
-.linkContainer > :first-child {
-  display: flex;
-}
-
-.link > * {
-  margin-inline-end: 8px;
-}
-
-.labelsWithIcon {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.labelsWithIcon > *:not(:last-child) {
-  margin-inline-end: var(--skeleton-size-md);
-}
-
-.tags > *:not(:last-child) {
-  margin-inline-end: var(--skeleton-size-md);
-}
-
-.contentLinks > *:not(:last-child):not(hr) {
-  margin-block-end: var(--skeleton-size-xs);
-}
-
-/* Component: LabelWithIcon */
-.labelWithIcon {
-  display: flex;
-  align-items: center;
-  color: var(--skeleton-color-grey-3);
-}
-
-.labelWithIcon > .labelWithIcon_icon > svg {
-  height: var(--skeleton-size-sm);
-  width: var(--skeleton-size-sm);
-  margin-inline-end: var(--skeleton-size-xs);
-}
-
-.labelWithIcon > .labelWithIcon_label {
-  font-size: var(--skeleton-size-sm);
-}
-
-/* Content Link */
-.contentLink {
-  display: flex;
-  padding-block-start: var(--skeleton-size-xs);
-  padding-block-end: var(--skeleton-size-xs);
-  text-decoration: none !important;
-}
-
-.contentLink > span {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-
-.contentLink:hover {
-  cursor: pointer;
-}
-
-.contentLink_content {
-  display: flex;
-  flex-direction: column;
-}
-
-.contentLink_title {
-  font-size: var(--conduction-content-link-font-size);
-}
-
-.contentLink_subTitle {
-  font-size: var(--conduction-content-link-font-size);
-  color: var(--denhaag-color-grey-3);
-}
-
-.divider {
-  width: 100%;
-  opacity: 0.5;
-  margin-block: var(--skeleton-size-lg);
-}

package/lib/components/codeBlock/CodeBlock.module.css

@@ -1,6 +0,0 @@
-.code {
-  margin-block: var(--skeleton-size-sm);
-  background-color: var(--skeleton-color-grey-1);
-  border-radius: var(--skeleton-size-2xs);
-  padding: var(--skeleton-size-lg);
-}

package/lib/components/container/Container.module.css

@@ -1,12 +0,0 @@
-:root {
-  --conduction-container-max-width: 1024px;
-  --conduction-container-padding-inline: unset;
-}
-
-.container {
-  width: 100%;
-  margin-inline: auto;
-  box-sizing: border-box;
-  padding-inline: var(--conduction-container-padding-inline);
-  max-width: var(--conduction-container-max-width);
-}

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

@@ -1,222 +0,0 @@
-.denhaag-breadcrumb {
-  --denhaag-breadcrumb-chevron-display: none;
-  --denhaag-breadcrumb-link-background-color: transparent;
-  --denhaag-breadcrumb-link-icon-content: "";
-  --denhaag-breadcrumb-link-pointer-events: bounding-box;
-  --denhaag-breadcrumb-item-display: none;
-
-  background-color: var(--denhaag-breadcrumb-background-color, transparent);
-  color: var(--denhaag-breadcrumb-color, inherit);
-  padding-block-end: var(--denhaag-breadcrumb-padding-block);
-  padding-block-start: var(--denhaag-breadcrumb-padding-block);
-  padding-inline-end: var(--denhaag-breadcrumb-padding-inline);
-  padding-inline-start: var(--denhaag-breadcrumb-padding-inline);
-}
-
-.denhaag-breadcrumb__list {
-  block-size: 100%;
-  display: flex;
-  margin-block-end: 0;
-  margin-block-start: 0;
-  margin-inline-end: auto;
-  margin-inline-start: auto;
-  max-width: var(--denhaag-breadcrumb-list-max-width, 100%);
-}
-
-ol.denhaag-breadcrumb__list {
-  list-style: none;
-  padding-inline-start: 0;
-}
-
-.denhaag-breadcrumb__item {
-  align-items: center;
-  display: var(--denhaag-breadcrumb-item-display);
-}
-
-.denhaag-breadcrumb__item:nth-last-child(2) {
-  --denhaag-breadcrumb-item-display: flex;
-}
-
-.denhaag-breadcrumb__item:nth-last-child(2)
-  > .denhaag-breadcrumb__link::before {
-  background: var(--denhaag-breadcrumb-link-color);
-  clip-path: path(
-    "M6.756 12.0899C6.43057 12.4153 5.90293 12.4153 5.57749 12.0899L0.577491 7.0899C0.421212 6.93362 0.333414 6.72166 0.333414 6.50065C0.333414 6.27964 0.421212 6.06767 0.577491 5.91139L5.57749 0.911394C5.90293 0.585957 6.43057 0.585957 6.756 0.911394C7.08144 1.23683 7.08144 1.76447 6.756 2.08991L3.17859 5.66732L12.8334 5.66732C13.2937 5.66732 13.6667 6.04041 13.6667 6.50065C13.6667 6.96089 13.2937 7.33398 12.8334 7.33398L3.17859 7.33398L6.756 10.9114C7.08144 11.2368 7.08144 11.7645 6.756 12.0899Z"
-  );
-  content: var(--denhaag-breadcrumb-link-icon-content);
-  height: var(
-    --denhaag-breadcrumb-link-icon-height,
-    var(--denhaag-breadcrumb-link-icon-width)
-  );
-  margin-inline-end: var(
-    --denhaag-breadcrumb-link-icon-margin-inline,
-    var(--denhaag-breadcrumb-link-icon-width)
-  );
-  width: var(--denhaag-breadcrumb-link-icon-width);
-}
-
-.denhaag-breadcrumb__item:not(:first-child):not(:nth-last-child(2)):not(:last-child) {
-  --denhaag-breadcrumb-link-background-color: var(
-    --denhaag-breadcrumb-dots-background-color,
-    inherit
-  );
-}
-
-.denhaag-breadcrumb__item:not(:first-child):not(:nth-last-child(2)):not(:last-child):hover {
-  --denhaag-breadcrumb-link-background-color: var(
-    --denhaag-breadcrumb-dots-hover-background-color,
-    inherit
-  );
-}
-
-.denhaag-breadcrumb__link {
-  align-items: center;
-  color: var(--denhaag-breadcrumb-link-color, inherit);
-  display: flex;
-  padding-block-start: var(--denhaag-breadcrumb-spacing, 8px);
-  padding-block-end: var(--denhaag-breadcrumb-spacing, 8px);
-  padding-inline-start: var(--denhaag-breadcrumb-spacing, 8px);
-  padding-inline-end: var(--denhaag-breadcrumb-spacing, 8px);
-  pointer-events: var(--denhaag-breadcrumb-link-pointer-events);
-  position: relative;
-}
-
-.denhaag-breadcrumb__link:hover,
-.denhaag-breadcrumb__link--hover {
-  --denhaag-breadcrumb-link-color: var(
-    --denhaag-breadcrumb-link-hover-color,
-    inherit
-  );
-}
-
-.denhaag-breadcrumb__link:focus,
-.denhaag-breadcrumb__link--focus {
-  --denhaag-breadcrumb-link-color: var(
-    --denhaag-breadcrumb-link-focus-color,
-    inherit
-  );
-
-  outline: var(
-    --denhaag-breadcrumb-link-focus-outline,
-    var(--denhaag-link-focus-outline)
-  );
-}
-
-.denhaag-breadcrumb__link--current,
-.denhaag-breadcrumb__link.denhaag-link--current,
-.denhaag-breadcrumb__item:last-child > .denhaag-breadcrumb__link {
-  --denhaag-breadcrumb-link-color: var(
-    --denhaag-breadcrumb-current-color,
-    var(--denhaag-breadcrumb-color, inherit)
-  );
-
-  text-decoration: none;
-}
-
-.denhaag-breadcrumb__link:not(.denhaag-breadcrumb__link--current):not(.denhaag-breadcrumb__link.denhaag-link--current):not(:last-child
-    > .denhaag-breadcrumb__link)
-  > :first-child {
-  pointer-events: bounding-box;
-}
-
-/* SVG for the separator */
-.denhaag-breadcrumb__link > .denhaag-icon + .denhaag-icon,
-.denhaag-breadcrumb__link > .denhaag-breadcrumb__text + .denhaag-icon {
-  color: initial;
-  font-size: inherit;
-  display: var(--denhaag-breadcrumb-chevron-display);
-  margin-inline-start: var(--denhaag-breadcrumb-spacing, 8px);
-  margin-inline-end: calc(-1 * var(--denhaag-breadcrumb-spacing, 8px));
-}
-
-[dir="rtl"]
-  .denhaag-breadcrumb__link
-  > .denhaag-breadcrumb__text
-  + .denhaag-icon,
-[dir="rtl"]
-  .denhaag-breadcrumb__item:nth-last-child(2)
-  > .denhaag-breadcrumb__link::before {
-  transform: scaleX(-1);
-}
-
-.denhaag-breadcrumb__text {
-  background-color: var(--denhaag-breadcrumb-link-background-color);
-  overflow: hidden;
-  position: relative;
-  text-overflow: ellipsis;
-}
-
-.denhaag-breadcrumb__item:not(:first-child):not(:nth-last-child(2)):not(:last-child)
-  .denhaag-breadcrumb__text {
-  aspect-ratio: 24/16;
-  border-radius: var(
-    --denhaag-breadcrumb-dots-border-radius,
-    var(--denhaag-border-radius)
-  );
-  max-width: calc(var(--denhaag-breadcrumb-spacing, 8px) * 3);
-  text-indent: calc(var(--denhaag-breadcrumb-spacing, 8px) * 3);
-}
-
-.denhaag-breadcrumb__item:not(:first-child):not(:nth-last-child(2)):not(:last-child)
-  .denhaag-breadcrumb__text::before {
-  color: var(--denhaag-breadcrumb-dots-color, inherit);
-  content: "...";
-  left: calc(50% - 7px);
-  line-height: 0;
-  position: absolute;
-  text-indent: 0;
-  top: calc(50% - 5px);
-  vertical-align: baseline;
-}
-
-@media (min-width: 481px) {
-  .denhaag-breadcrumb {
-    --denhaag-breadcrumb-chevron-display: inline-block;
-    --denhaag-breadcrumb-link-icon-content: unset;
-    --denhaag-breadcrumb-link-pointer-events: none;
-    --denhaag-breadcrumb-padding-block: var(
-      --denhaag-breadcrumb-padding-block-md
-    );
-  }
-
-  .denhaag-breadcrumb__item:not(:nth-last-child(2)) {
-    --denhaag-breadcrumb-item-display: flex;
-  }
-}
-
-@media (min-width: 1124px) {
-  .denhaag-breadcrumb {
-    --denhaag-breadcrumb-padding-inline: 0;
-  }
-}
-
-:root {
-  --denhaag-breadcrumb-link-hover-color: var(--denhaag-color-blue-4);
-  --denhaag-breadcrumb-link-focus-color: var(--denhaag-color-blue-4);
-  --denhaag-breadcrumb-link-color: var(--denhaag-color-blue-3);
-  --denhaag-breadcrumb-dots-hover-background-color: var(--denhaag-color-grey-2);
-  --denhaag-breadcrumb-dots-color: var(--denhaag-color-grey-3);
-  --denhaag-breadcrumb-dots-border-radius: var(--denhaag-border-radius);
-  --denhaag-breadcrumb-dots-background-color: var(--denhaag-color-grey-1);
-  --denhaag-breadcrumb-current-color: var(--denhaag-color-grey-4);
-  --denhaag-breadcrumb-spacing: var(--denhaag-space-inline-xs);
-  --denhaag-breadcrumb-color: var(--denhaag-color-grey-4);
-  --denhaag-breadcrumb-background-color: var(--denhaag-color-warmgrey-1);
-  --denhaag-breadcrumb-link-focus-outline: var(--denhaag-focus-border);
-  --utrecht-breadcrumb-item-padding-inline-start: 14px;
-  --utrecht-breadcrumb-item-padding-inline-end: 14px;
-  --utrecht-breadcrumb-divider-inline-size: 24px;
-  --utrecht-breadcrumb-divider-content: ›;
-  --denhaag-breadcrumb-list-max-width: 67.5rem;
-  --denhaag-breadcrumb-link-icon-margin-inline: 0.75rem;
-  --denhaag-breadcrumb-link-icon-width: 0.875rem;
-  --denhaag-breadcrumb-link-icon-height: 0.875rem;
-  --denhaag-breadcrumb-padding-inline: 0.75rem;
-  --denhaag-breadcrumb-padding-block-md: 0.75rem;
-  --denhaag-breadcrumb-padding-block: 1rem;
-  --utrecht-breadcrumb-link-focus-color: var(--denhaag-color-blue-3);
-  --utrecht-breadcrumb-link-color: var(--denhaag-color-blue-4);
-  --utrecht-breadcrumb-font-size: var(
-    --denhaag-typography-scale-base-font-size
-  );
-}

package/lib/components/denhaag-wrappers/pagination/Pagination.css

@@ -1,120 +0,0 @@
-.denhaag-pagination {
-  --denhaag-pagination-align: center;
-
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-  justify-content: var(--denhaag-pagination-align);
-}
-
-@media (min-width: 640px) {
-  .denhaag-pagination,
-  .denhaag-pagination--start {
-    --denhaag-pagination-align: flex-start;
-  }
-
-  .denhaag-pagination--center {
-    --denhaag-pagination-align: center;
-  }
-
-  .denhaag-pagination--end {
-    --denhaag-pagination-align: end;
-  }
-}
-
-.denhaag-pagination__links {
-  display: flex;
-  flex-direction: row;
-}
-
-.denhaag-pagination__link {
-  aspect-ratio: 1 / 1;
-  align-items: center;
-  background-color: var(--denhaag-pagination-background-color, transparent);
-  border: 0;
-  border-radius: var(
-    --denhaag-pagination-border-radius,
-    var(--denhaag-border-radius)
-  );
-  color: var(--denhaag-pagination-color, var(--denhaag-pagination-link-color));
-  display: flex;
-  height: var(--denhaag-pagination-size);
-  justify-content: center;
-  line-height: 1.5;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  width: var(--denhaag-pagination-size);
-  font-style: normal;
-  font-weight: var(--denhaag-pagination-font-weight);
-  font-size: var(--denhaag-pagination-font-size);
-}
-
-.denhaag-pagination__link:hover,
-.denhaag-pagination__link--hover {
-  --denhaag-pagination-color: var(--denhaag-pagination-link-hover-color);
-  cursor: pointer;
-}
-
-.denhaag-pagination__link:focus,
-.denhaag-pagination__link--focus {
-  outline: var(--denhaag-link-focus-outline);
-  border-radius: 0;
-}
-
-.denhaag-pagination__link:disabled,
-.denhaag-pagination__link--disabled {
-  --denhaag-pagination-color: var(--denhaag-pagination-link-disabled-color);
-
-  pointer-events: none;
-}
-
-.denhaag-pagination__link--arrow {
-  --denhaag-pagination-size: var(--denhaag-pagination-arrow-size);
-  --denhaag-pagination-font-size: var(--denhaag-pagination-arrow-font-size);
-}
-
-[dir="rtl"] .denhaag-pagination__link--arrow {
-  transform: scaleX(-1);
-}
-
-.denhaag-pagination__link + .denhaag-pagination__links,
-.denhaag-pagination__links + .denhaag-pagination__link {
-  margin-inline-start: var(--denhaag-pagination-margin-inline, 10px);
-}
-
-.denhaag-pagination__link:not(:first-child):not(:last-child):not(.denhaag-pagination__link--current):not([rel]) {
-  overflow: hidden;
-  pointer-events: none;
-  text-indent: calc(var(--denhaag-pagination-size) * 2);
-}
-
-.denhaag-pagination__link:not(:first-child):not(:last-child):not(.denhaag-pagination__link--current):not([rel])::before {
-  content: "...";
-  left: calc(50% - 7px);
-  line-height: 0;
-  position: absolute;
-  text-indent: 0;
-  vertical-align: baseline;
-}
-
-.denhaag-pagination__link--current {
-  --denhaag-pagination-color: var(--denhaag-pagination-link-current-color);
-  --denhaag-pagination-font-weight: var(
-    --denhaag-pagination-link-current-font-weight
-  );
-}
-
-.denhaag-pagination__link--current.denhaag-pagination__link:disabled,
-.denhaag-pagination__link--current.denhaag-pagination__link--disabled {
-  --denhaag-pagination-color: var(
-    --denhaag-pagination-link-current-disabled-color
-  );
-  --denhaag-pagination-background-color: var(
-    --denhaag-pagination-link-current-disabled-background-color
-  );
-}
-
-.denhaag-pagination .denhaag-icon {
-  font-size: inherit;
-}

package/lib/components/denhaag-wrappers/pagination/Pagination.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import "./Pagination.css";
-interface PaginationProps {
-    pages: number;
-    currentPage: number;
-    setPage: (page: number) => any;
-}
-export declare const Pagination: ({ pages, currentPage, setPage }: PaginationProps) => JSX.Element;
-export {};

package/lib/components/denhaag-wrappers/pagination/Pagination.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import "./Pagination.css";
-export const Pagination = ({ pages, currentPage, setPage }) => {
-    return (_jsxs("nav", { className: "denhaag-pagination", children: [_jsx(PreviousButton, { previousPage: currentPage > 1 ? currentPage - 1 : undefined, ...{ setPage } }), _jsx("span", { className: "denhaag-pagination__links", role: "group", children: Array.from({ length: pages }, (_, i) => i + 1).map((page, idx) => (_jsx(Link, { ...{ page }, current: page === currentPage, ...{ setPage } }, idx))) }), _jsx(NextButton, { nextPage: currentPage < pages ? currentPage + 1 : undefined, ...{ setPage } })] }));
-};
-const Link = ({ page, current, setPage }) => {
-    return (_jsx("a", { "aria-current": current && "page", "aria-label": `Page ${page}`, className: clsx("denhaag-pagination__link", current && "denhaag-pagination__link--current"), onClick: () => setPage(page), children: page }));
-};
-const PreviousButton = ({ previousPage, setPage }) => {
-    return (_jsx("a", { "aria-label": "Previous page", className: clsx("denhaag-pagination__link denhaag-pagination__link--arrow", !previousPage && "denhaag-pagination__link--disabled"), onClick: () => previousPage && setPage(previousPage), rel: "prev", children: _jsx("svg", { "aria-hidden": "true", className: "denhaag-icon", fill: "none", height: "1em", viewBox: "0 0 7 12", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.9921 10.8143C5.36382 11.1914 5.97222 11.1914 6.34393 10.8143C6.7079 10.4451 6.70822 9.8521 6.34466 9.48248L3.36315 6.45123C2.98039 6.06209 2.98039 5.43791 3.36315 5.04877L6.34466 2.01752C6.70822 1.6479 6.7079 1.05492 6.34394 0.685696C5.97222 0.308599 5.36382 0.308599 4.9921 0.685695L0.692003 5.04799C0.308224 5.43732 0.308224 6.06268 0.692003 6.45201L4.9921 10.8143Z", fill: "currentColor" }) }) }));
-};
-const NextButton = ({ nextPage, setPage }) => {
-    return (_jsx("a", { "aria-label": "Next page", className: clsx("denhaag-pagination__link denhaag-pagination__link--arrow", !nextPage && "denhaag-pagination__link--disabled"), onClick: () => nextPage && setPage(nextPage), rel: "next", children: _jsx("svg", { "aria-hidden": "true", className: "denhaag-icon", fill: "none", height: "1em", viewBox: "0 0 7 12", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M2.0079 1.1857C1.63618 0.8086 1.02778 0.8086 0.656065 1.18569V1.18569C0.292103 1.55492 0.291779 2.1479 0.655339 2.51752L3.63685 5.54877C4.01961 5.93791 4.01961 6.56209 3.63686 6.95123L0.655339 9.98248C0.291779 10.3521 0.292102 10.9451 0.656065 11.3143V11.3143C1.02778 11.6914 1.63618 11.6914 2.0079 11.3143L6.308 6.95201C6.69178 6.56268 6.69178 5.93732 6.308 5.54799L2.0079 1.1857Z", fill: "currentColor" }) }) }));
-};

package/lib/components/displaySwitch/DisplaySwitch.module.css

@@ -1,3 +0,0 @@
-.displaySwitchButtons {
-  align-items: center;
-}

package/lib/components/editableTableRow/EditableTableRow.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface InputTypes {
-    inputType: "text" | "email";
-}
-interface EditableTableRowProps {
-    thead: string;
-    value: string;
-    saveLabel: string;
-    cancelLabel: string;
-    editLabel: string;
-    handleSave: (value: any) => void;
-}
-export declare const EditableTableRow: ({ thead, value, inputType, editLabel, cancelLabel, saveLabel, handleSave, }: EditableTableRowProps & InputTypes) => JSX.Element;
-export {};

package/lib/components/editableTableRow/EditableTableRow.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { TableCell, TableHeader, TableRow } from "@gemeente-denhaag/table";
-import * as styles from "./EditableTableRow.module.css";
-import * as React from "react";
-import { Link } from "@gemeente-denhaag/link";
-import { CheckedIcon, CloseIcon, EditIcon } from "@gemeente-denhaag/icons";
-import { useForm } from "react-hook-form";
-import { InputEmail, InputText } from "../formFields";
-export const EditableTableRow = ({ thead, value, inputType, editLabel, cancelLabel, saveLabel, handleSave, }) => {
-    const [editing, setEditing] = React.useState(false);
-    return (_jsxs(TableRow, { children: [_jsx(TableHeader, { className: styles.th, children: thead }), editing && _jsx(EditingTableRow, { ...{ value, inputType, handleSave, setEditing, saveLabel, cancelLabel } }), !editing && _jsx(RegularTableRow, { ...{ value, setEditing, editLabel } })] }));
-};
-const RegularTableRow = ({ value, editLabel, setEditing }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(TableCell, { children: value }), _jsx(TableCell, { children: _jsx("div", { className: styles.editButton, onClick: () => setEditing(true), children: _jsx(Link, { icon: _jsx(EditIcon, {}), iconAlign: "start", children: editLabel }) }) })] }));
-};
-const EditingTableRow = ({ value, setEditing, handleSave, inputType, saveLabel, cancelLabel, }) => {
-    const { register, handleSubmit, formState: { errors }, } = useForm();
-    const onSubmit = (data) => {
-        handleSave(data.value);
-        setEditing(false);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(TableCell, { children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx(FormField, { ...{ inputType, value, register, errors } }), _jsxs("div", { className: styles.editButtonsContainer, children: [_jsx("button", { type: "submit", className: styles.submit, children: _jsx(Link, { icon: _jsx(CheckedIcon, {}), iconAlign: "start", children: saveLabel }) }), _jsx("div", { onClick: () => setEditing(false), children: _jsx(Link, { icon: _jsx(CloseIcon, {}), iconAlign: "start", className: styles.cancel, children: cancelLabel }) })] })] }) }), _jsx(TableCell, {})] }));
-};
-const FormField = ({ inputType, value, register, errors }) => {
-    switch (inputType) {
-        case "email":
-            return _jsx(InputEmail, { defaultValue: value, ...{ register, errors }, name: "value", validation: { required: true } });
-        case "text":
-            return _jsx(InputText, { defaultValue: value, ...{ register, errors }, name: "value", validation: { required: true } });
-    }
-};

package/lib/components/editableTableRow/EditableTableRow.module.css

@@ -1,25 +0,0 @@
-.th {
-  width: 35%;
-}
-
-.cancel {
-  color: var(--skeleton-color-grey-3) !important;
-}
-
-.editButtonsContainer {
-  display: flex;
-  margin-block-start: var(--skeleton-size-xs);
-}
-
-.editButtonsContainer > *:not(:last-child) {
-  margin-inline-end: var(--skeleton-size-md);
-}
-
-.submit {
-  all: unset;
-}
-
-.editButton {
-  display: flex;
-  justify-content: flex-end;
-}

package/lib/components/formFields/checkbox/Checkbox.module.css

@@ -1,7 +0,0 @@
-.container {
-  user-select: none;
-}
-
-.container:hover {
-  cursor: pointer;
-}