@utrecht/component-library-react 1.0.0-alpha.20 → 1.0.0-alpha.200

package/README.md

@@ -45,10 +45,10 @@ 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.
+// Substitute with your another theme for other organizations.
 import "@utrecht/design-tokens/dist/index.css";
 
 export const MyPage = () => (
@@ -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/Alert.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes, ReactNode } from 'react';
+export declare type AlertType = 'info' | 'ok' | 'warning' | 'error';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: ReactNode;
+    type?: string | AlertType;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/AlertDialog.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { DialogHTMLAttributes, ReactNode } from 'react';
+export declare type AlertDialogType = 'error' | 'info' | 'warning';
+export interface AlertDialogProps extends DialogHTMLAttributes<HTMLDialogElement> {
+    icon?: ReactNode;
+    type?: string | AlertDialogType;
+}
+export declare const AlertDialog: import("react").ForwardRefExoticComponent<AlertDialogProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDialogElement>>;

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,28 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    appearance?: string;
+    busy?: boolean;
+    hint?: string;
+    pressed?: boolean;
+}
+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/ButtonGroup.d.ts

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

package/dist/ButtonLink.d.ts

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

package/dist/Calendar/CalendarButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ButtonProps } from '../Button';
+export interface CalendarButtonProps extends ButtonProps {
+}
+export declare const CalendarButton: React.FC<CalendarButtonProps>;

package/dist/Calendar/CalendarIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarIcon: React.FC<CalendarIconProps>;

package/dist/Calendar/CalendarNavigation.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarNavigationProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarNavigation: React.FC<CalendarNavigationProps>;

package/dist/Calendar/CalendarNavigationButtons.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CalendarButtonProps } from './CalendarButton';
+interface CalendarNavigationButtonsProps extends CalendarButtonProps {
+    onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
+    previousIcon?: any;
+    nextIcon?: any;
+    previousTitle?: string;
+    nextTitle?: string;
+    children?: React.ReactNode;
+}
+export declare const CalendarNavigationButtons: React.FC<CalendarNavigationButtonsProps>;
+export {};

package/dist/Calendar/CalendarNavigationLabel.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface CalendarNavigationLabelProps {
+    label?: string;
+}
+export declare const CalendarNavigationLabel: FC<CalendarNavigationLabelProps>;
+export {};

package/dist/Calendar/CalendarTableDaysContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableDaysContainerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableDaysContainer: React.FC<CalendarTableDaysContainerProps>;

package/dist/Calendar/CalendarTableDaysItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableDaysItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableDaysItem: React.FC<CalendarTableDaysItemProps>;

package/dist/Calendar/CalendarTableDaysItemDay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CalendarButtonProps } from './CalendarButton';
+export interface CalendarTableDaysItemDayProps extends CalendarButtonProps {
+    day: string;
+    dayOutOfTheMonth?: boolean;
+    isToday: boolean;
+    emphasis?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare const CalendarTableDaysItemDay: React.FC<CalendarTableDaysItemDayProps>;

package/dist/Calendar/CalendarTableWeeksContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CalendarTableWeeksContainer: React.FC<{
+    children?: React.ReactNode;
+}>;

package/dist/Calendar/CalendarTableWeeksItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableWeeksItemProps extends React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableWeeksItem: React.FC<CalendarTableWeeksItemProps>;

package/dist/Calendar/IconArrowLeft.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowLeft: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowLeftDouble.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowLeftDouble: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowRight.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowRight: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowRightDouble.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowRightDouble: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/index.d.ts

@@ -0,0 +1,41 @@
+import { Locale } from 'date-fns';
+import { FC } from 'react';
+declare type Events = {
+    date: string;
+    emphasis?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+};
+interface CalendarProps {
+    /**
+     * `onCalendarClick` It's a callback function that returns the selected date, triggered when you click on the day
+     *
+     * */
+    onCalendarClick: (date: string) => void;
+    /**
+     * `events` An array of event objects that contain some properties that allow you to change the calendar day style base on your value
+     * `{date?: Date; emphasis?: boolean; selected?: boolean; disabled?: boolean;}`
+     *
+     * */
+    events?: Events[];
+    /**
+     * `currentDate` The default value is `new Date()`, but you can provide a different date
+     *   https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
+     * */
+    currentDate?: Date;
+    /**
+     * `locale` to change the calendar language by using 'date-fns/locale'
+     *  `import { nl, enUS } from 'date-fns/locale';`
+     * */
+    locale?: Locale;
+    previousYearButtonTitle?: string;
+    nextYearButtonTitle?: string;
+    previousMonthButtonTitle?: string;
+    nextMonthButtonTitle?: string;
+}
+/**
+ * Calendar Component
+ * powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
+ * */
+export declare const Calendar: FC<CalendarProps>;
+export {};

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

@@ -1,5 +1,6 @@
-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'> {
+    appearance?: string;
+    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/Emphasis.d.ts

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

package/dist/Fieldset.d.ts

@@ -0,0 +1,19 @@
+import { FieldsetHTMLAttributes, HTMLAttributes } from 'react';
+export interface FieldsetProps extends HTMLAttributes<HTMLDivElement> {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    disabled?: boolean;
+    form?: string;
+    invalid?: boolean;
+    name?: string;
+}
+export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export interface FieldsetOnlyProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    invalid?: boolean;
+}
+export declare const FieldsetOnly: import("react").ForwardRefExoticComponent<FieldsetOnlyProps & {
+    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/Figure.d.ts

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

package/dist/FigureCaption.d.ts

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

package/dist/FormField.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    type?: string;
+}
+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/Heading.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    appearance?: string;
+    level: number;
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

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>>;