@amsterdam/design-system-react 0.3.0 → 0.4.0

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 (127) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +3 -2
  3. package/dist/index.cjs.js +621 -359
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.d.ts +669 -34
  6. package/dist/index.esm.js +619 -362
  7. package/dist/index.esm.js.map +1 -1
  8. package/package.json +17 -16
  9. package/dist/Accordion/Accordion.d.ts +0 -15
  10. package/dist/Accordion/Accordion.test.d.ts +0 -1
  11. package/dist/Accordion/AccordionContext.d.ts +0 -8
  12. package/dist/Accordion/AccordionSection.d.ts +0 -12
  13. package/dist/Accordion/AccordionSection.test.d.ts +0 -1
  14. package/dist/Accordion/index.d.ts +0 -3
  15. package/dist/Accordion/useFocusWithArrow.test.d.ts +0 -1
  16. package/dist/Accordion/useFocusWithArrows.d.ts +0 -24
  17. package/dist/Alert/Alert.d.ts +0 -13
  18. package/dist/Alert/Alert.test.d.ts +0 -1
  19. package/dist/Alert/index.d.ts +0 -2
  20. package/dist/AspectRatio/AspectRatio.d.ts +0 -10
  21. package/dist/AspectRatio/AspectRatio.test.d.ts +0 -1
  22. package/dist/AspectRatio/index.d.ts +0 -2
  23. package/dist/Blockquote/Blockquote.d.ts +0 -15
  24. package/dist/Blockquote/Blockquote.test.d.ts +0 -1
  25. package/dist/Blockquote/index.d.ts +0 -2
  26. package/dist/Breadcrumb/Breadcrumb.d.ts +0 -11
  27. package/dist/Breadcrumb/Breadcrumb.test.d.ts +0 -1
  28. package/dist/Breadcrumb/index.d.ts +0 -2
  29. package/dist/Button/Button.d.ts +0 -12
  30. package/dist/Button/Button.test.d.ts +0 -1
  31. package/dist/Button/index.d.ts +0 -2
  32. package/dist/Card/Card.d.ts +0 -19
  33. package/dist/Card/Card.test.d.ts +0 -1
  34. package/dist/Card/index.d.ts +0 -2
  35. package/dist/Checkbox/Checkbox.d.ts +0 -12
  36. package/dist/Checkbox/Checkbox.test.d.ts +0 -1
  37. package/dist/Checkbox/index.d.ts +0 -2
  38. package/dist/Dialog/Dialog.d.ts +0 -9
  39. package/dist/Dialog/Dialog.test.d.ts +0 -1
  40. package/dist/Dialog/index.d.ts +0 -2
  41. package/dist/Footer/Footer.d.ts +0 -18
  42. package/dist/Footer/Footer.test.d.ts +0 -1
  43. package/dist/Footer/index.d.ts +0 -1
  44. package/dist/FormLabel/FormLabel.d.ts +0 -9
  45. package/dist/FormLabel/FormLabel.test.d.ts +0 -1
  46. package/dist/FormLabel/index.d.ts +0 -1
  47. package/dist/Grid/Grid.d.ts +0 -42
  48. package/dist/Grid/Grid.test.d.ts +0 -1
  49. package/dist/Grid/GridCell.d.ts +0 -18
  50. package/dist/Grid/GridCell.test.d.ts +0 -1
  51. package/dist/Grid/gridCellClasses.d.ts +0 -2
  52. package/dist/Grid/index.d.ts +0 -2
  53. package/dist/Header/Header.d.ts +0 -15
  54. package/dist/Header/Header.test.d.ts +0 -1
  55. package/dist/Header/index.d.ts +0 -2
  56. package/dist/Heading/Heading.d.ts +0 -29
  57. package/dist/Heading/Heading.test.d.ts +0 -1
  58. package/dist/Heading/index.d.ts +0 -2
  59. package/dist/Icon/Icon.d.ts +0 -12
  60. package/dist/Icon/Icon.test.d.ts +0 -1
  61. package/dist/Icon/index.d.ts +0 -2
  62. package/dist/Image/Image.d.ts +0 -9
  63. package/dist/Image/Image.test.d.ts +0 -1
  64. package/dist/Image/index.d.ts +0 -1
  65. package/dist/Link/Link.d.ts +0 -21
  66. package/dist/Link/Link.test.d.ts +0 -1
  67. package/dist/Link/index.d.ts +0 -2
  68. package/dist/Logo/Logo.d.ts +0 -10
  69. package/dist/Logo/Logo.test.d.ts +0 -1
  70. package/dist/Logo/brand/LogoAmsterdam.d.ts +0 -3
  71. package/dist/Logo/brand/LogoGgdAmsterdam.d.ts +0 -3
  72. package/dist/Logo/brand/LogoStadsarchief.d.ts +0 -3
  73. package/dist/Logo/brand/LogoStadsbankVanLening.d.ts +0 -3
  74. package/dist/Logo/brand/LogoVgaVerzekeringen.d.ts +0 -3
  75. package/dist/Logo/brand/index.d.ts +0 -5
  76. package/dist/Logo/index.d.ts +0 -2
  77. package/dist/Mark/Mark.d.ts +0 -8
  78. package/dist/Mark/Mark.test.d.ts +0 -1
  79. package/dist/Mark/index.d.ts +0 -2
  80. package/dist/OrderedList/OrderedList.d.ts +0 -17
  81. package/dist/OrderedList/OrderedList.test.d.ts +0 -1
  82. package/dist/OrderedList/index.d.ts +0 -2
  83. package/dist/Overlap/Overlap.d.ts +0 -8
  84. package/dist/Overlap/Overlap.test.d.ts +0 -1
  85. package/dist/Overlap/index.d.ts +0 -1
  86. package/dist/PageHeading/PageHeading.d.ts +0 -15
  87. package/dist/PageHeading/PageHeading.test.d.ts +0 -1
  88. package/dist/PageHeading/index.d.ts +0 -2
  89. package/dist/PageMenu/PageMenu.d.ts +0 -25
  90. package/dist/PageMenu/PageMenu.test.d.ts +0 -1
  91. package/dist/PageMenu/index.d.ts +0 -2
  92. package/dist/Pagination/Pagination.d.ts +0 -24
  93. package/dist/Pagination/Pagination.test.d.ts +0 -1
  94. package/dist/Pagination/index.d.ts +0 -2
  95. package/dist/Paragraph/Paragraph.d.ts +0 -17
  96. package/dist/Paragraph/Paragraph.test.d.ts +0 -1
  97. package/dist/Paragraph/index.d.ts +0 -2
  98. package/dist/Screen/Screen.d.ts +0 -11
  99. package/dist/Screen/Screen.test.d.ts +0 -1
  100. package/dist/Screen/index.d.ts +0 -2
  101. package/dist/SearchField/SearchField.d.ts +0 -14
  102. package/dist/SearchField/SearchField.test.d.ts +0 -1
  103. package/dist/SearchField/SearchFieldButton.d.ts +0 -9
  104. package/dist/SearchField/SearchFieldInput.d.ts +0 -10
  105. package/dist/SearchField/SearchFieldInput.test.d.ts +0 -1
  106. package/dist/SearchField/index.d.ts +0 -2
  107. package/dist/SkipLink/SkipLink.d.ts +0 -8
  108. package/dist/SkipLink/SkipLink.test.d.ts +0 -1
  109. package/dist/SkipLink/index.d.ts +0 -2
  110. package/dist/Spotlight/Spotlight.d.ts +0 -10
  111. package/dist/Spotlight/Spotlight.test.d.ts +0 -1
  112. package/dist/Spotlight/index.d.ts +0 -2
  113. package/dist/Switch/Switch.d.ts +0 -4
  114. package/dist/Switch/Switch.test.d.ts +0 -1
  115. package/dist/Switch/index.d.ts +0 -1
  116. package/dist/TextInput/TextInput.d.ts +0 -8
  117. package/dist/TextInput/TextInput.test.d.ts +0 -1
  118. package/dist/TextInput/index.d.ts +0 -2
  119. package/dist/TopTaskLink/TopTaskLink.d.ts +0 -10
  120. package/dist/TopTaskLink/TopTaskLink.test.d.ts +0 -1
  121. package/dist/TopTaskLink/index.d.ts +0 -1
  122. package/dist/UnorderedList/UnorderedList.d.ts +0 -17
  123. package/dist/UnorderedList/UnorderedList.test.d.ts +0 -1
  124. package/dist/UnorderedList/index.d.ts +0 -2
  125. package/dist/VisuallyHidden/VisuallyHidden.d.ts +0 -8
  126. package/dist/VisuallyHidden/VisuallyHidden.test.d.ts +0 -1
  127. package/dist/VisuallyHidden/index.d.ts +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.3.0",
2
+ "version": "0.4.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "React component library bundle for the City of Amsterdam based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -32,48 +32,49 @@
32
32
  "dist/"
33
33
  ],
34
34
  "dependencies": {
35
- "@amsterdam/design-system-react-icons": "0.1.11",
35
+ "@amsterdam/design-system-react-icons": "0.1.12",
36
36
  "@utrecht/component-library-react": "3.0.0",
37
- "clsx": "2.0.0"
37
+ "clsx": "2.1.0"
38
38
  },
39
39
  "devDependencies": {
40
- "@babel/core": "7.23.6",
41
- "@babel/plugin-transform-runtime": "7.23.6",
42
- "@babel/preset-env": "7.23.6",
40
+ "@babel/core": "7.23.9",
41
+ "@babel/plugin-transform-runtime": "7.23.9",
42
+ "@babel/preset-env": "7.23.9",
43
43
  "@babel/preset-react": "7.23.3",
44
- "@babel/runtime": "7.23.6",
44
+ "@babel/runtime": "7.23.9",
45
45
  "@rollup/plugin-babel": "6.0.4",
46
46
  "@rollup/plugin-commonjs": "25.0.7",
47
47
  "@rollup/plugin-node-resolve": "15.2.3",
48
48
  "@rollup/pluginutils": "5.1.0",
49
- "@testing-library/dom": "9.3.3",
50
- "@testing-library/jest-dom": "6.1.5",
49
+ "@testing-library/dom": "9.3.4",
50
+ "@testing-library/jest-dom": "6.3.0",
51
51
  "@testing-library/react": "14.1.2",
52
- "@testing-library/user-event": "14.5.1",
52
+ "@testing-library/user-event": "14.5.2",
53
53
  "@types/jest": "29.5.11",
54
54
  "@types/lodash": "4.14.202",
55
- "@types/react": "18.2.45",
55
+ "@types/react": "18.2.48",
56
56
  "jest": "29.7.0",
57
57
  "jest-environment-jsdom": "29.7.0",
58
58
  "lodash": "4.17.21",
59
- "next": "14.0.4",
59
+ "next": "14.1.0",
60
60
  "npm-run-all": "4.1.5",
61
- "postcss": "8.4.32",
61
+ "postcss": "8.4.33",
62
62
  "react": "18.2.0",
63
63
  "react-dom": "18.2.0",
64
- "rollup": "4.9.1",
64
+ "rollup": "4.9.6",
65
65
  "rollup-plugin-delete": "2.0.0",
66
+ "rollup-plugin-dts": "6.1.0",
66
67
  "rollup-plugin-filesize": "10.0.0",
67
68
  "rollup-plugin-node-externals": "6.1.2",
68
69
  "rollup-plugin-node-polyfills": "0.2.1",
69
70
  "rollup-plugin-peer-deps-external": "2.2.4",
70
71
  "rollup-plugin-typescript2": "0.36.0",
71
- "sass": "1.69.5",
72
+ "sass": "1.70.0",
72
73
  "tslib": "2.6.2"
73
74
  },
74
75
  "peerDependencies": {
75
76
  "react": "16 - 18",
76
77
  "react-dom": "16 - 18"
77
78
  },
78
- "gitHead": "0201bd289e2eec2297f23d93959718f7235d76c4"
79
+ "gitHead": "3bc9765e9de9553db5b643d2ed79735837d4d7b6"
79
80
  }
@@ -1,15 +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 { AccordionSection } from './AccordionSection';
7
- import { HeadingLevel } from '../Heading/Heading';
8
- export interface AccordionProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
9
- headingLevel: HeadingLevel;
10
- section?: boolean;
11
- }
12
- export interface AccordionComponent extends ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>> {
13
- Section: typeof AccordionSection;
14
- }
15
- 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 '../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,13 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes, PropsWithChildren } from 'react';
6
- export interface AlertProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
7
- title?: string;
8
- severity?: undefined | 'error' | 'success';
9
- closeable?: boolean;
10
- icon?: boolean;
11
- onClose?: () => void;
12
- }
13
- export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Alert } from './Alert';
2
- export type { AlertProps } from './Alert';
@@ -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 Ratio = 'x-tall' | 'tall' | 'square' | 'wide' | 'x-wide' | '2x-wide';
7
- export interface AspectRatioProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
8
- ratio?: Ratio;
9
- }
10
- export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { AspectRatio } from './AspectRatio';
2
- export type { AspectRatioProps, Ratio } from './AspectRatio';
@@ -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,11 +0,0 @@
1
- import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
2
- type BreadcrumbProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
3
- interface BreadcrumbComponent extends ForwardRefExoticComponent<BreadcrumbProps & 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: ForwardRefExoticComponent<BreadcrumbItemProps & 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,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,19 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- export interface CardHeadingProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
7
- tagline: string;
8
- }
9
- export declare const CardHeadingGroup: ForwardRefExoticComponent<CardHeadingProps & RefAttributes<HTMLElement>>;
10
- export declare const CardLink: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
11
- children?: import("react").ReactNode;
12
- } & RefAttributes<HTMLAnchorElement>>;
13
- export interface CardProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
14
- }
15
- export interface CardComponent extends ForwardRefExoticComponent<CardProps & RefAttributes<HTMLElement>> {
16
- HeadingGroup: typeof CardHeadingGroup;
17
- Link: typeof CardLink;
18
- }
19
- export declare const Card: CardComponent;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Card } from './Card';
2
- export type { CardProps } from './Card';
@@ -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) 2023 Gemeente Amsterdam
4
- */
5
- import { DialogHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
6
- export interface DialogProps extends PropsWithChildren<DialogHTMLAttributes<HTMLDialogElement>> {
7
- actions?: ReactNode;
8
- }
9
- export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDialogElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Dialog } from './Dialog';
2
- export type { DialogProps } from './Dialog';
@@ -1,18 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
6
- export declare const FooterTop: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
7
- children?: import("react").ReactNode;
8
- } & RefAttributes<HTMLDivElement>>;
9
- export declare const FooterBottom: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
10
- children?: import("react").ReactNode;
11
- } & RefAttributes<HTMLDivElement>>;
12
- type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
13
- interface FooterComponent extends ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLElement>> {
14
- Top: typeof FooterTop;
15
- Bottom: typeof FooterBottom;
16
- }
17
- export declare const Footer: FooterComponent;
18
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { Footer } from './Footer';
@@ -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,42 +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 { GridCell } from './GridCell';
7
- export type GridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
8
- export type GridColumnNumbers = {
9
- narrow: GridColumnNumber;
10
- medium: GridColumnNumber;
11
- wide: GridColumnNumber;
12
- };
13
- type GridPaddingSize = 'small' | 'medium' | 'large';
14
- type GridPaddingVerticalProp = {
15
- paddingBottom?: never;
16
- paddingTop?: never;
17
- /** The amount of vertical whitespace above and below the grid. */
18
- paddingVertical?: GridPaddingSize;
19
- };
20
- type GridPaddingTopAndBottomProps = {
21
- /** The amount of vertical whitespace below the grid. */
22
- paddingBottom?: GridPaddingSize;
23
- /** The amount of vertical whitespace above the grid. */
24
- paddingTop?: GridPaddingSize;
25
- paddingVertical?: never;
26
- };
27
- export type GridProps = {
28
- /**
29
- * Opts in to a less spacious layout.
30
- * Decreases whitespace between columns and to the sides of the grid.
31
- * This usually works well for applications.
32
- * @todo Implement more generally – it will be moved into a theme soon.
33
- */
34
- compact?: boolean;
35
- /** The amount of vertical whitespace between rows of the grid. */
36
- gapVertical?: 'small' | 'large';
37
- } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
38
- interface GridComponent extends ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> {
39
- Cell: typeof GridCell;
40
- }
41
- export declare const Grid: GridComponent;
42
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,18 +0,0 @@
1
- import { type HTMLAttributes, type PropsWithChildren } from 'react';
2
- import { GridColumnNumber, GridColumnNumbers } from './Grid';
3
- type GridCellSpanAllProp = {
4
- /** Lets the cell span the full width of all grid variants. */
5
- span: 'all';
6
- start?: never;
7
- };
8
- type GridCellSpanAndStartProps = {
9
- /** The amount of grid columns the cell spans. */
10
- span?: GridColumnNumber | GridColumnNumbers;
11
- /** The index of the grid column the cell starts at. */
12
- start?: GridColumnNumber | GridColumnNumbers;
13
- };
14
- export type GridCellProps = {
15
- as?: 'article' | 'div' | 'section';
16
- } & (GridCellSpanAllProp | GridCellSpanAndStartProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
17
- export declare const GridCell: import("react").ForwardRefExoticComponent<GridCellProps & import("react").RefAttributes<HTMLDivElement>>;
18
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- import { GridCellProps } from './GridCell';
2
- export declare const gridCellClasses: (span?: GridCellProps['span'], start?: GridCellProps['start']) => string[];
@@ -1,2 +0,0 @@
1
- export * from './Grid';
2
- export type { GridCellProps } from './GridCell';
@@ -1,15 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes, ReactNode } from 'react';
6
- import type { LogoBrand } from '../Logo';
7
- export interface HeaderProps extends HTMLAttributes<HTMLElement> {
8
- logoBrand?: LogoBrand;
9
- logoLink?: string;
10
- logoLinkTitle?: string;
11
- title?: string;
12
- links?: ReactNode;
13
- menu?: ReactNode;
14
- }
15
- export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Header } from './Header';
2
- export type { HeaderProps } from './Header';
@@ -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 HeadingSize = 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6';
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?: HeadingSize;
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,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';
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,9 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { type ImgHTMLAttributes } from 'react';
6
- export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
7
- cover?: Boolean;
8
- }
9
- export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1 +0,0 @@
1
- export { Image, type ImageProps } from './Image';
@@ -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,10 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
6
- export type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
7
- export interface LogoProps extends SVGProps<SVGSVGElement> {
8
- brand?: LogoBrand;
9
- }
10
- export declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,3 +0,0 @@
1
- import { type SVGProps } from 'react';
2
- declare const LogoAmsterdam: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
- export default LogoAmsterdam;
@@ -1,3 +0,0 @@
1
- import { type SVGProps } from 'react';
2
- declare const LogoGgdAmsterdam: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
- export default LogoGgdAmsterdam;
@@ -1,3 +0,0 @@
1
- import { type SVGProps } from 'react';
2
- declare const LogoStadsarchief: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
- export default LogoStadsarchief;