@utrecht/component-library-react 1.0.0-alpha.14 → 1.0.0-alpha.140

package/README.md

@@ -45,11 +45,11 @@ import { Document } from "@utrecht/component-library-react/Document";
 import { Heading1 } from "@utrecht/component-library-react/Heading1";
 
 // Package with CSS for white-label components
-import "@utrecht/component-library-css/dist/bem.css";
+import "@utrecht/component-library-css";
 
 // Package with Utrecht design tokens for the white-label components
-// Substitute with your another theme for other organisations.
-import "@utrecht/design-tokens/dist/theme/index.css";
+// Substitute with your another theme for other organizations.
+import "@utrecht/design-tokens/dist/index.css";
 
 export const MyPage = () => (
   // Class name to apply the design tokens from the theme
@@ -59,6 +59,30 @@ export const MyPage = () => (
 );
 ```
 
+Only when you use the `<HTMLContent/>` component, you should import the `html.css` from the `component-library-css`
+
+```jsx
+import { HTMLContent } from "@utrecht/component-library-react";
+
+import "@utrecht/component-library-css/dist/html.css";
+import "@utrecht/design-tokens/dist/index.css";
+
+export const MyPage = () => (
+  // Class name to apply the design tokens from the theme
+  <HTMLContent
+    className="utrecht-theme"
+    dangerouslySetInnerHTML={{
+      _html: `<h1>Heading 1</h1>
+    <h2>Heading 2</h2>
+    <h3>Heading 3</h3>
+    <h4>Heading 4</h4>
+    <h5>Heading 5</h5>
+    <h6>Heading 6</h6>`,
+    }}
+  />
+);
+```
+
 ## Components overview
 
 We make components for React available when needed in a project. Not every component is available yet, and we welcome you to discuss contributions.

package/dist/{cjs/Article.d.ts → Article.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type ArticleProps = HTMLAttributes<HTMLElement>;
-export declare const Article: import("react").ForwardRefExoticComponent<ArticleProps & import("react").RefAttributes<HTMLElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type ArticleProps = HTMLAttributes<HTMLElement>;
+export declare const Article: import("react").ForwardRefExoticComponent<ArticleProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/{cjs/Backdrop.d.ts → Backdrop.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type BackdropProps = HTMLAttributes<HTMLDivElement>;
-export declare const Backdrop: import("react").ForwardRefExoticComponent<BackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type BackdropProps = HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<BackdropProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Button.d.ts

@@ -0,0 +1,27 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    appearance?: string;
+    busy?: boolean;
+    hint?: string;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export declare const SecondaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export declare const SubtleButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};

package/dist/ButtonLink.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { AnchorHTMLAttributes } from 'react';
+export interface ButtonLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    appearance?: string;
+    external?: boolean;
+}
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/{cjs/Checkbox.d.ts → Checkbox.d.ts}

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
-    invalid?: boolean;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+    invalid?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/CustomRadioButton.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { InputHTMLAttributes } from 'react';
+export declare type CustomRadioButtonProps = InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean;
+};
+export declare const CustomRadioButton: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/DataList.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'react';
+export interface DataListProps extends HTMLAttributes<HTMLElement> {
+    appearance?: string;
+}
+export declare const DataList: import("react").ForwardRefExoticComponent<DataListProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDListElement>>;
+export declare type DataListItemProps = HTMLAttributes<HTMLDivElement>;
+export declare const DataListItem: import("react").ForwardRefExoticComponent<DataListItemProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare type DataListKeyProps = HTMLAttributes<HTMLElement>;
+export declare const DataListKey: import("react").ForwardRefExoticComponent<DataListKeyProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export interface DataListValueProps extends HTMLAttributes<HTMLElement> {
+    value?: number | string;
+    emptyDescription?: string;
+    multiline?: boolean;
+    notranslate?: boolean;
+}
+export declare const DataListValue: import("react").ForwardRefExoticComponent<DataListValueProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare type DataListActionsProps = HTMLAttributes<HTMLElement>;
+export declare const DataListActions: import("react").ForwardRefExoticComponent<DataListActionsProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/{cjs/Document.d.ts → Document.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type DocumentProps = HTMLAttributes<HTMLDivElement>;
-export declare const Document: import("react").ForwardRefExoticComponent<DocumentProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type DocumentProps = HTMLAttributes<HTMLDivElement>;
+export declare const Document: import("react").ForwardRefExoticComponent<DocumentProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/Fieldset.d.ts → Fieldset.d.ts}

@@ -1,3 +1,5 @@
-import { FieldsetHTMLAttributes } from 'react';
-export declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
-export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+import { FieldsetHTMLAttributes } from 'react';
+export declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
+export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist/{cjs/FieldsetLegend.d.ts → FieldsetLegend.d.ts}

@@ -1,3 +1,5 @@
-import { HTMLAttributes } from 'react';
-export declare type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
-export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & import("react").RefAttributes<HTMLLegendElement>>;
+import { HTMLAttributes } from 'react';
+export declare type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
+export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLegendElement>>;

package/dist/{cjs/FormField.d.ts → FormField.d.ts}

@@ -1,3 +1,5 @@
-import { HTMLAttributes } from 'react';
-export declare type FormFieldProps = HTMLAttributes<HTMLDivElement>;
-export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+export declare type FormFieldProps = HTMLAttributes<HTMLDivElement>;
+export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/FormFieldDescription.d.ts → FormFieldDescription.d.ts}

@@ -1,7 +1,9 @@
-import { HTMLAttributes } from 'react';
-export interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
-    invalid?: boolean;
-    valid?: boolean;
-    warning?: boolean;
-}
-export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+export interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    valid?: boolean;
+    warning?: boolean;
+}
+export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/FormLabel.d.ts → FormLabel.d.ts}

@@ -1,8 +1,10 @@
-import { LabelHTMLAttributes } from 'react';
-export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    htmlFor: string;
-    type?: 'checkbox' | 'radio';
-    disabled?: boolean;
-    checked?: boolean;
-}
-export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+import { LabelHTMLAttributes } from 'react';
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    htmlFor: string;
+    type?: 'checkbox' | 'radio';
+    disabled?: boolean;
+    checked?: boolean;
+}
+export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/{cjs/HTMLContent.d.ts → HTMLContent.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type HTMLContentProps = HTMLAttributes<HTMLDivElement>;
-export declare const HTMLContent: import("react").ForwardRefExoticComponent<HTMLContentProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type HTMLContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const HTMLContent: import("react").ForwardRefExoticComponent<HTMLContentProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/Heading1.d.ts → Heading1.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading1Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading1: import("react").ForwardRefExoticComponent<Heading1Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading1Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading1: import("react").ForwardRefExoticComponent<Heading1Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/{cjs/Heading2.d.ts → Heading2.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading2Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading2: import("react").ForwardRefExoticComponent<Heading2Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading2Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading2: import("react").ForwardRefExoticComponent<Heading2Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/{cjs/Heading3.d.ts → Heading3.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading3Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading3: import("react").ForwardRefExoticComponent<Heading3Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading3Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading3: import("react").ForwardRefExoticComponent<Heading3Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/{cjs/Heading4.d.ts → Heading4.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading4Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading4: import("react").ForwardRefExoticComponent<Heading4Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading4Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading4: import("react").ForwardRefExoticComponent<Heading4Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/{cjs/Heading5.d.ts → Heading5.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading5Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading5: import("react").ForwardRefExoticComponent<Heading5Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading5Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading5: import("react").ForwardRefExoticComponent<Heading5Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/{cjs/Heading6.d.ts → Heading6.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type Heading6Props = HTMLAttributes<HTMLHeadingElement>;
-export declare const Heading6: import("react").ForwardRefExoticComponent<Heading6Props & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type Heading6Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading6: import("react").ForwardRefExoticComponent<Heading6Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/HeadingGroup.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type HeadingGroupProps = HTMLAttributes<HTMLElement>;
+export declare const HeadingGroup: import("react").ForwardRefExoticComponent<HeadingGroupProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/Image.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { ImgHTMLAttributes } from 'react';
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    photo?: boolean;
+}
+export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/{cjs/Link.d.ts → Link.d.ts}

@@ -1,15 +1,13 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- */
-import { AnchorHTMLAttributes } from 'react';
-export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    activeStyle?: boolean;
-    external?: boolean;
-    focusStyle?: boolean;
-    focusVisibleStyle?: boolean;
-    hoverStyle?: boolean;
-    visitedStyle?: boolean;
-}
-export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { AnchorHTMLAttributes } from 'react';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    boxContent?: boolean;
+    external?: boolean;
+}
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/LinkButton.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { ButtonHTMLAttributes } from 'react';
+export interface LinkButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    inline?: boolean;
+}
+export declare const LinkButton: import("react").ForwardRefExoticComponent<LinkButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/NumberValue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { DataHTMLAttributes } from 'react';
+export interface NumberValueProps extends DataHTMLAttributes<HTMLDataElement> {
+    value?: number | string;
+}
+export declare const NumberValue: import("react").ForwardRefExoticComponent<NumberValueProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDataElement>>;

package/dist/{cjs/OrderedList.d.ts → OrderedList.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { OlHTMLAttributes } from 'react';
-export declare type OrderedListProps = OlHTMLAttributes<HTMLOListElement>;
-export declare const OrderedList: import("react").ForwardRefExoticComponent<OrderedListProps & import("react").RefAttributes<HTMLOListElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { OlHTMLAttributes } from 'react';
+export declare type OrderedListProps = OlHTMLAttributes<HTMLOListElement>;
+export declare const OrderedList: import("react").ForwardRefExoticComponent<OrderedListProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLOListElement>>;

package/dist/{cjs/OrderedListItem.d.ts → OrderedListItem.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { LiHTMLAttributes } from 'react';
-export declare type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
-export declare const OrderedListItem: import("react").ForwardRefExoticComponent<OrderedListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { LiHTMLAttributes } from 'react';
+export declare type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
+export declare const OrderedListItem: import("react").ForwardRefExoticComponent<OrderedListItemProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLIElement>>;

package/dist/{cjs/Page.d.ts → Page.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type PageProps = HTMLAttributes<HTMLDivElement>;
-export declare const Page: import("react").ForwardRefExoticComponent<PageProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageProps = HTMLAttributes<HTMLDivElement>;
+export declare const Page: import("react").ForwardRefExoticComponent<PageProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/PageContent.d.ts → PageContent.d.ts}

@@ -1,9 +1,13 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type PageContentProps = HTMLAttributes<HTMLDivElement>;
-export declare const PageContent: import("react").ForwardRefExoticComponent<PageContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare type PageContentMainProps = HTMLAttributes<HTMLDivElement>;
-export declare const PageContentMain: import("react").ForwardRefExoticComponent<PageContentMainProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageContent: import("react").ForwardRefExoticComponent<PageContentProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare type PageContentMainProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageContentMain: import("react").ForwardRefExoticComponent<PageContentMainProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/PageFooter.d.ts → PageFooter.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type PageFooterProps = HTMLAttributes<HTMLDivElement>;
-export declare const PageFooter: import("react").ForwardRefExoticComponent<PageFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageFooter: import("react").ForwardRefExoticComponent<PageFooterProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/PageHeader.d.ts → PageHeader.d.ts}

@@ -1,7 +1,9 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export declare type PageHeaderProps = HTMLAttributes<HTMLDivElement>;
-export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/Paragraph.d.ts → Paragraph.d.ts}

@@ -1,9 +1,11 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { HTMLAttributes } from 'react';
-export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
-    lead?: boolean;
-}
-export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    lead?: boolean;
+}
+export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/PreHeading.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PreHeadingProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const PreHeading: import("react").ForwardRefExoticComponent<PreHeadingProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/{cjs/RadioButton.d.ts → RadioButton.d.ts}

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
-    invalid?: boolean;
-}
-export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+import { InputHTMLAttributes } from 'react';
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+    invalid?: boolean;
+}
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;