@amsterdam/design-system-react 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/README.md +3 -18
  2. package/dist/Alert/Alert.d.ts +13 -0
  3. package/dist/Alert/index.d.ts +2 -0
  4. package/dist/index.cjs.js +159 -161
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.d.ts +20 -20
  7. package/dist/index.esm.js +121 -125
  8. package/dist/index.esm.js.map +1 -1
  9. package/package.json +6 -7
  10. package/dist/Card/Card.d.ts +0 -18
  11. package/dist/Card/index.d.ts +0 -2
  12. package/dist/Hero/Hero.d.ts +0 -15
  13. package/dist/Hero/Hero.test.d.ts +0 -1
  14. package/dist/Hero/index.d.ts +0 -1
  15. package/dist/Switch/Switch.d.ts +0 -4
  16. package/dist/Switch/Switch.test.d.ts +0 -1
  17. package/dist/Switch/index.d.ts +0 -1
  18. package/dist/Testula/Testula.d.ts +0 -8
  19. package/dist/Testula/Testula.test.d.ts +0 -1
  20. package/dist/Testula/index.d.ts +0 -2
  21. package/dist/buttons/Button/Button.d.ts +0 -12
  22. package/dist/buttons/Button/Button.test.d.ts +0 -1
  23. package/dist/buttons/Button/index.d.ts +0 -2
  24. package/dist/containers/Accordion/Accordion.d.ts +0 -17
  25. package/dist/containers/Accordion/Accordion.test.d.ts +0 -1
  26. package/dist/containers/Accordion/AccordionContext.d.ts +0 -8
  27. package/dist/containers/Accordion/AccordionSection.d.ts +0 -12
  28. package/dist/containers/Accordion/AccordionSection.test.d.ts +0 -1
  29. package/dist/containers/Accordion/index.d.ts +0 -3
  30. package/dist/containers/Accordion/useFocusWithArrow.test.d.ts +0 -1
  31. package/dist/containers/Accordion/useFocusWithArrows.d.ts +0 -24
  32. package/dist/containers/Footer/Footer.d.ts +0 -23
  33. package/dist/containers/Footer/Footer.test.d.ts +0 -1
  34. package/dist/containers/Footer/index.d.ts +0 -1
  35. package/dist/containers/VisuallyHidden/VisuallyHidden.d.ts +0 -8
  36. package/dist/containers/VisuallyHidden/VisuallyHidden.test.d.ts +0 -1
  37. package/dist/containers/VisuallyHidden/index.d.ts +0 -1
  38. package/dist/forms/Checkbox/Checkbox.d.ts +0 -12
  39. package/dist/forms/Checkbox/Checkbox.test.d.ts +0 -1
  40. package/dist/forms/Checkbox/index.d.ts +0 -2
  41. package/dist/forms/FormLabel/FormLabel.d.ts +0 -9
  42. package/dist/forms/FormLabel/FormLabel.test.d.ts +0 -1
  43. package/dist/forms/FormLabel/index.d.ts +0 -1
  44. package/dist/layout/GridCell/GridCell.d.ts +0 -18
  45. package/dist/layout/GridCell/index.d.ts +0 -2
  46. package/dist/layout/PageGrid/PageGrid.d.ts +0 -10
  47. package/dist/layout/PageGrid/index.d.ts +0 -2
  48. package/dist/media/Icon/Icon.d.ts +0 -12
  49. package/dist/media/Icon/Icon.test.d.ts +0 -1
  50. package/dist/media/Icon/index.d.ts +0 -2
  51. package/dist/navigation/Breadcrumb/Breadcrumb.d.ts +0 -11
  52. package/dist/navigation/Breadcrumb/Breadcrumb.test.d.ts +0 -1
  53. package/dist/navigation/Breadcrumb/index.d.ts +0 -2
  54. package/dist/navigation/Link/Link.d.ts +0 -21
  55. package/dist/navigation/Link/Link.test.d.ts +0 -1
  56. package/dist/navigation/Link/index.d.ts +0 -2
  57. package/dist/navigation/PageMenu/PageMenu.d.ts +0 -20
  58. package/dist/navigation/PageMenu/PageMenu.test.d.ts +0 -1
  59. package/dist/navigation/PageMenu/index.d.ts +0 -2
  60. package/dist/navigation/TopTaskLink/TopTaskLink.d.ts +0 -10
  61. package/dist/navigation/TopTaskLink/TopTaskLink.test.d.ts +0 -1
  62. package/dist/navigation/TopTaskLink/index.d.ts +0 -1
  63. package/dist/text/Blockquote/Blockquote.d.ts +0 -15
  64. package/dist/text/Blockquote/Blockquote.test.d.ts +0 -1
  65. package/dist/text/Blockquote/index.d.ts +0 -2
  66. package/dist/text/Heading/Heading.d.ts +0 -29
  67. package/dist/text/Heading/Heading.test.d.ts +0 -1
  68. package/dist/text/Heading/index.d.ts +0 -2
  69. package/dist/text/OrderedList/OrderedList.d.ts +0 -17
  70. package/dist/text/OrderedList/OrderedList.test.d.ts +0 -1
  71. package/dist/text/OrderedList/index.d.ts +0 -2
  72. package/dist/text/PageHeading/PageHeading.d.ts +0 -15
  73. package/dist/text/PageHeading/PageHeading.test.d.ts +0 -1
  74. package/dist/text/PageHeading/index.d.ts +0 -2
  75. package/dist/text/Paragraph/Paragraph.d.ts +0 -18
  76. package/dist/text/Paragraph/Paragraph.test.d.ts +0 -1
  77. package/dist/text/Paragraph/index.d.ts +0 -2
  78. package/dist/text/UnorderedList/UnorderedList.d.ts +0 -17
  79. package/dist/text/UnorderedList/UnorderedList.test.d.ts +0 -1
  80. package/dist/text/UnorderedList/index.d.ts +0 -2
  81. package/dist/tsconfig.test.tsbuildinfo +0 -1
  82. package/dist/tsconfig.tsbuildinfo +0 -1
  83. package/dist/unstyled/index.d.ts +0 -22
  84. /package/dist/{Card/Card.test.d.ts → Alert/Alert.test.d.ts} +0 -0
@@ -1,15 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- export interface HeroProps extends HTMLAttributes<HTMLHeadingElement> {
7
- /**
8
- * De kleur van de titel
9
- * Gebruik deze property om de titel in tegenovergestelde kleur te tonen.
10
- */
11
- inverseColor?: boolean;
12
- }
13
- export declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & {
14
- children?: import("react").ReactNode;
15
- } & import("react").RefAttributes<HTMLHeadingElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { Hero } from './Hero';
@@ -1,4 +0,0 @@
1
- import { InputHTMLAttributes } from 'react';
2
- export declare const Switch: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
3
- children?: import("react").ReactNode;
4
- } & import("react").RefAttributes<HTMLInputElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { Switch } from './Switch';
@@ -1,8 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes, PropsWithChildren } from 'react';
6
- export interface TestulaProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
7
- }
8
- export declare const Testula: import("react").ForwardRefExoticComponent<TestulaProps & import("react").RefAttributes<HTMLElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Testula } from './Testula';
2
- export type { TestulaProps } from './Testula';
@@ -1,12 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2021 Robbert Broersma
4
- * Copyright (c) 2023 Gemeente Amsterdam
5
- */
6
- import { ButtonHTMLAttributes } from 'react';
7
- export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
8
- variant?: 'primary' | 'secondary' | 'tertiary';
9
- }
10
- export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
11
- children?: import("react").ReactNode;
12
- } & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonProps } from './Button';
@@ -1,17 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import type { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
6
- import { HTMLAttributes, PropsWithChildren } from 'react';
7
- import { AccordionSection } from './AccordionSection';
8
- import { HeadingLevel } from '../../text/Heading/Heading';
9
- export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
10
- children?: ReactNode;
11
- headingLevel: HeadingLevel;
12
- section?: boolean;
13
- }
14
- export interface AccordionComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLDivElement>> & RefAttributes<HTMLDivElement> & AccordionProps> {
15
- Section: typeof AccordionSection;
16
- }
17
- export declare const Accordion: AccordionComponent;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { HeadingLevel } from '../../text/Heading/Heading';
3
- export interface AccordionContextValue {
4
- headingLevel: HeadingLevel;
5
- section?: boolean;
6
- }
7
- declare const AccordionContext: import("react").Context<AccordionContextValue>;
8
- export default AccordionContext;
@@ -1,12 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- export interface AccordionSectionProps extends HTMLAttributes<HTMLElement> {
7
- label: string;
8
- expanded?: boolean;
9
- }
10
- export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & {
11
- children?: import("react").ReactNode;
12
- } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,3 +0,0 @@
1
- export { Accordion } from './Accordion';
2
- export type { AccordionProps } from './Accordion';
3
- export type { AccordionSectionProps } from './AccordionSection';
@@ -1 +0,0 @@
1
- export {};
@@ -1,24 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import type { KeyboardEvent, RefObject } from 'react';
6
- export declare const KeyboardKeys: {
7
- ArrowUp: string;
8
- ArrowDown: string;
9
- ArrowRight: string;
10
- ArrowLeft: string;
11
- Home: string;
12
- End: string;
13
- };
14
- /**
15
- * Focus on children with arrow keys and home / end buttons.
16
- *
17
- * @param ref Component ref
18
- * @param rotating Jump to first item from last or vice versa
19
- * @param horizontally In case you need to navigate horizontally, using left / right arrow buttons
20
- */
21
- declare const useFocusWithArrows: (ref: RefObject<HTMLDivElement>, rotating?: boolean, horizontally?: boolean) => {
22
- keyDown: (e: KeyboardEvent) => void;
23
- };
24
- export default useFocusWithArrows;
@@ -1,23 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- import { GridCellProps } from '../../layout/GridCell';
7
- export declare const FooterTop: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
8
- children?: import("react").ReactNode;
9
- } & RefAttributes<HTMLDivElement>>;
10
- export type FooterColumnProps = HTMLAttributes<HTMLDivElement> & GridCellProps;
11
- export declare const FooterColumn: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & GridCellProps & {
12
- children?: import("react").ReactNode;
13
- } & RefAttributes<HTMLDivElement>>;
14
- export declare const FooterBottom: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
15
- children?: import("react").ReactNode;
16
- } & RefAttributes<HTMLDivElement>>;
17
- interface FooterComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement>> {
18
- Top: typeof FooterTop;
19
- Bottom: typeof FooterBottom;
20
- Column: typeof FooterColumn;
21
- }
22
- export declare const Footer: FooterComponent;
23
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { Footer } from './Footer';
@@ -1,8 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
7
- children?: import("react").ReactNode;
8
- } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { VisuallyHidden } from './VisuallyHidden';
@@ -1,12 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { InputHTMLAttributes } from 'react';
6
- export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
7
- invalid?: boolean;
8
- indeterminate?: boolean;
9
- }
10
- export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & {
11
- children?: import("react").ReactNode;
12
- } & import("react").RefAttributes<HTMLInputElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Checkbox } from './Checkbox';
2
- export type { CheckboxProps } from './Checkbox';
@@ -1,9 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2021 Robbert Broersma
4
- * Copyright (c) 2023 Gemeente Amsterdam
5
- */
6
- import { LabelHTMLAttributes } from 'react';
7
- export declare const FormLabel: import("react").ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & {
8
- children?: import("react").ReactNode;
9
- } & import("react").RefAttributes<HTMLLabelElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { FormLabel } from './FormLabel';
@@ -1,18 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- import { PageGridColumnNumber } from '../PageGrid/PageGrid';
7
- type GridColumns = PageGridColumnNumber | {
8
- start?: PageGridColumnNumber;
9
- span: PageGridColumnNumber;
10
- };
11
- export interface GridCellProps extends HTMLAttributes<HTMLDivElement> {
12
- gridColumns?: GridColumns;
13
- }
14
- export declare const gridColumnClassNames: (gridColumns?: GridColumns) => string;
15
- export declare const GridCell: import("react").ForwardRefExoticComponent<GridCellProps & {
16
- children?: import("react").ReactNode;
17
- } & import("react").RefAttributes<HTMLDivElement>>;
18
- export {};
@@ -1,2 +0,0 @@
1
- export type { GridCellProps } from './GridCell';
2
- export * from './GridCell';
@@ -1,10 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes, PropsWithChildren } from 'react';
6
- export type PageGridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
7
- export type PageGridProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
8
- export declare const PageGrid: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
9
- children?: import("react").ReactNode;
10
- } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,2 +0,0 @@
1
- export type { PageGridProps } from './PageGrid';
2
- export * from './PageGrid';
@@ -1,12 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2021 Gemeente Utrecht
4
- * Copyright (c) 2021 Robbert Broersma
5
- * Copyright (c) 2023 Gemeente Amsterdam
6
- */
7
- import { HTMLAttributes } from 'react';
8
- export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
9
- size?: 'level-3' | 'level-4' | 'level-5' | 'level-6' | 'level-7';
10
- svg: Function;
11
- }
12
- export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Icon } from './Icon';
2
- export type { IconProps } from './Icon';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import type { HTMLAttributes, PropsWithChildren } from 'react';
3
- interface BreadcrumbComponent extends React.ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>> {
4
- Item: typeof BreadcrumbItem;
5
- }
6
- export declare const Breadcrumb: BreadcrumbComponent;
7
- export interface BreadcrumbItemProps extends PropsWithChildren<HTMLAttributes<HTMLLIElement>> {
8
- href: string;
9
- }
10
- declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
11
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Breadcrumb } from './Breadcrumb';
2
- export type { BreadcrumbItemProps } from './Breadcrumb';
@@ -1,21 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { AnchorHTMLAttributes, PropsWithChildren } from 'react';
6
- type LinkOnBackground = 'default' | 'light' | 'dark';
7
- type LinkVariant = 'standalone' | 'inline' | 'inList';
8
- interface CommonProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'> {
9
- variant?: LinkVariant;
10
- onBackground?: LinkOnBackground;
11
- }
12
- type ConditionalProps = {
13
- variant?: 'standalone' | 'inline';
14
- icon?: never;
15
- } | {
16
- variant?: 'inList';
17
- icon?: Function;
18
- };
19
- export type LinkProps = CommonProps & ConditionalProps;
20
- export declare const Link: import("react").ForwardRefExoticComponent<PropsWithChildren<LinkProps> & import("react").RefAttributes<HTMLAnchorElement>>;
21
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Link } from './Link';
2
- export type { LinkProps } from './Link';
@@ -1,20 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- type PageMenuProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
7
- interface PageMenuComponent extends ForwardRefExoticComponent<PageMenuProps & RefAttributes<HTMLElement>> {
8
- Link: typeof PageMenuLink;
9
- Button: typeof PageMenuButton;
10
- }
11
- export declare const PageMenu: PageMenuComponent;
12
- export interface PageMenuLinkProps extends PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>> {
13
- icon?: Function;
14
- }
15
- export interface PageMenuButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
16
- icon?: Function;
17
- }
18
- declare const PageMenuLink: ForwardRefExoticComponent<PageMenuLinkProps & RefAttributes<HTMLAnchorElement>>;
19
- declare const PageMenuButton: ForwardRefExoticComponent<PageMenuButtonProps & RefAttributes<HTMLButtonElement>>;
20
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { PageMenu } from './PageMenu';
2
- export type { PageMenuLinkProps } from './PageMenu';
@@ -1,10 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { AnchorHTMLAttributes } from 'react';
6
- export interface TopTaskLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
7
- label: string;
8
- description?: string;
9
- }
10
- export declare const TopTaskLink: import("react").ForwardRefExoticComponent<TopTaskLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { TopTaskLink } from './TopTaskLink';
@@ -1,15 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { BlockquoteHTMLAttributes } from 'react';
6
- export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
7
- /**
8
- * De kleur van het citaat.
9
- * Gebruik deze property om het citaat in tegenovergestelde kleur te tonen.
10
- */
11
- inverseColor?: boolean;
12
- }
13
- export declare const Blockquote: import("react").ForwardRefExoticComponent<BlockquoteProps & {
14
- children?: import("react").ReactNode;
15
- } & import("react").RefAttributes<HTMLQuoteElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Blockquote } from './Blockquote';
2
- export type { BlockquoteProps } from './Blockquote';
@@ -1,29 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2021 Robbert Broersma
4
- * Copyright (c) 2023 Gemeente Amsterdam
5
- */
6
- import { HTMLAttributes } from 'react';
7
- export type HeadingLevel = 1 | 2 | 3 | 4;
8
- type Size = 'level-1' | 'level-2' | 'level-3' | 'level-4';
9
- export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
10
- /**
11
- * Het hiërarchische niveau van de titel.
12
- */
13
- level?: HeadingLevel;
14
- /**
15
- * De visuele grootte van de titel.
16
- * Voeg dit toe om de titel groter of kleiner weer te geven zonder de semantische betekenis te veranderen.
17
- */
18
- size?: Size;
19
- /**
20
- * De kleur van de titel
21
- * Gebruik deze property om de titel in tegenovergestelde kleur te tonen.
22
- */
23
- inverseColor?: boolean;
24
- }
25
- export declare function getHeadingElement(level: HeadingLevel): "h2" | "h3" | "h4" | "h1";
26
- export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & {
27
- children?: import("react").ReactNode;
28
- } & import("react").RefAttributes<HTMLHeadingElement>>;
29
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export type { HeadingProps } from './Heading';
2
- export { Heading } from './Heading';
@@ -1,17 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { ForwardRefExoticComponent, LiHTMLAttributes, OlHTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- export interface OrderedListProps extends PropsWithChildren<OlHTMLAttributes<HTMLOListElement>> {
7
- markers?: boolean;
8
- }
9
- interface OrderedListComponent extends ForwardRefExoticComponent<OrderedListProps & RefAttributes<HTMLOListElement>> {
10
- Item: typeof OrderedListItem;
11
- }
12
- export declare const OrderedList: OrderedListComponent;
13
- export type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
14
- export declare const OrderedListItem: ForwardRefExoticComponent<OrderedListItemProps & {
15
- children?: import("react").ReactNode;
16
- } & RefAttributes<HTMLLIElement>>;
17
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { OrderedList } from './OrderedList';
2
- export type { OrderedListProps } from './OrderedList';
@@ -1,15 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- export interface PageHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
7
- /**
8
- * De kleur van de titel
9
- * Gebruik deze property om de titel in tegenovergestelde kleur te tonen.
10
- */
11
- inverseColor?: boolean;
12
- }
13
- export declare const PageHeading: import("react").ForwardRefExoticComponent<PageHeadingProps & {
14
- children?: import("react").ReactNode;
15
- } & import("react").RefAttributes<HTMLHeadingElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { PageHeading } from './PageHeading';
2
- export type { PageHeadingProps } from './PageHeading';
@@ -1,18 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2021 Robbert Broersma
4
- * Copyright (c) 2023 Gemeente Amsterdam
5
- */
6
- import { HTMLAttributes } from 'react';
7
- import { GridCellProps } from '../../layout/GridCell';
8
- export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, GridCellProps {
9
- size?: 'small' | 'large';
10
- /**
11
- * De kleur van de paragraaf
12
- * Gebruik deze property om de paragraaf in tegenovergestelde kleur te tonen.
13
- */
14
- inverseColor?: boolean;
15
- }
16
- export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & {
17
- children?: import("react").ReactNode;
18
- } & import("react").RefAttributes<HTMLParagraphElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Paragraph } from './Paragraph';
2
- export type { ParagraphProps } from './Paragraph';
@@ -1,17 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { ForwardRefExoticComponent, HTMLAttributes, LiHTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- export interface UnorderedListProps extends PropsWithChildren<HTMLAttributes<HTMLUListElement>> {
7
- markers?: boolean;
8
- }
9
- interface UnorderedListComponent extends ForwardRefExoticComponent<UnorderedListProps & RefAttributes<HTMLUListElement>> {
10
- Item: typeof UnorderedListItem;
11
- }
12
- export declare const UnorderedList: UnorderedListComponent;
13
- export type UnorderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
14
- export declare const UnorderedListItem: ForwardRefExoticComponent<UnorderedListItemProps & {
15
- children?: import("react").ReactNode;
16
- } & RefAttributes<HTMLLIElement>>;
17
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { UnorderedList } from './UnorderedList';
2
- export type { UnorderedListProps } from './UnorderedList';