@amsterdam/design-system-react 0.1.6 → 0.1.8
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.
- package/README.md +3 -18
- package/dist/Accordion/Accordion.d.ts +1 -2
- package/dist/Alert/Alert.d.ts +13 -0
- package/dist/Alert/index.d.ts +2 -0
- package/dist/AspectRatio/AspectRatio.d.ts +1 -1
- package/dist/Breadcrumb/Breadcrumb.d.ts +3 -4
- package/dist/Card/Card.d.ts +4 -3
- package/dist/Footer/Footer.d.ts +0 -6
- package/dist/Grid/Grid.d.ts +40 -0
- package/dist/Grid/GridCell.d.ts +16 -12
- package/dist/Grid/gridCellClasses.d.ts +2 -0
- package/dist/Grid/index.d.ts +2 -3
- package/dist/Highlight/Highlight.d.ts +10 -0
- package/dist/Highlight/index.d.ts +2 -0
- package/dist/Image/Image.d.ts +8 -0
- package/dist/Image/index.d.ts +2 -0
- package/dist/Pagination/Pagination.d.ts +24 -0
- package/dist/Pagination/index.d.ts +2 -0
- package/dist/Paragraph/Paragraph.d.ts +1 -2
- package/dist/Screen/Screen.d.ts +11 -0
- package/dist/Screen/index.d.ts +2 -0
- package/dist/TopTaskLink/TopTaskLink.d.ts +1 -1
- package/dist/index.cjs.js +514 -234
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +26 -20
- package/dist/index.esm.js +508 -235
- package/dist/index.esm.js.map +1 -1
- package/package.json +22 -22
- package/dist/Grid/PageGrid.d.ts +0 -10
- package/dist/Hero/Hero.d.ts +0 -15
- package/dist/Hero/index.d.ts +0 -1
- package/dist/Testula/Testula.d.ts +0 -8
- package/dist/Testula/index.d.ts +0 -2
- package/dist/buttons/Button/Button.d.ts +0 -12
- package/dist/buttons/Button/index.d.ts +0 -2
- package/dist/containers/Accordion/Accordion.d.ts +0 -17
- package/dist/containers/Accordion/AccordionContext.d.ts +0 -8
- package/dist/containers/Accordion/AccordionSection.d.ts +0 -12
- package/dist/containers/Accordion/index.d.ts +0 -3
- package/dist/containers/Accordion/useFocusWithArrow.test.d.ts +0 -1
- package/dist/containers/Accordion/useFocusWithArrows.d.ts +0 -24
- package/dist/containers/Footer/Footer.d.ts +0 -23
- package/dist/containers/Footer/index.d.ts +0 -1
- package/dist/containers/VisuallyHidden/VisuallyHidden.d.ts +0 -8
- package/dist/containers/VisuallyHidden/index.d.ts +0 -1
- package/dist/forms/Checkbox/Checkbox.d.ts +0 -12
- package/dist/forms/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/forms/Checkbox/index.d.ts +0 -2
- package/dist/forms/FormLabel/FormLabel.d.ts +0 -9
- package/dist/forms/FormLabel/FormLabel.test.d.ts +0 -1
- package/dist/forms/FormLabel/index.d.ts +0 -1
- package/dist/layout/GridCell/GridCell.d.ts +0 -18
- package/dist/layout/GridCell/index.d.ts +0 -2
- package/dist/layout/PageGrid/PageGrid.d.ts +0 -10
- package/dist/layout/PageGrid/index.d.ts +0 -2
- package/dist/media/Icon/Icon.d.ts +0 -12
- package/dist/media/Icon/Icon.test.d.ts +0 -1
- package/dist/media/Icon/index.d.ts +0 -2
- package/dist/navigation/Breadcrumb/Breadcrumb.d.ts +0 -11
- package/dist/navigation/Breadcrumb/Breadcrumb.test.d.ts +0 -1
- package/dist/navigation/Breadcrumb/index.d.ts +0 -2
- package/dist/navigation/Link/Link.d.ts +0 -21
- package/dist/navigation/Link/Link.test.d.ts +0 -1
- package/dist/navigation/Link/index.d.ts +0 -2
- package/dist/navigation/PageMenu/PageMenu.d.ts +0 -20
- package/dist/navigation/PageMenu/PageMenu.test.d.ts +0 -1
- package/dist/navigation/PageMenu/index.d.ts +0 -2
- package/dist/navigation/TopTaskLink/TopTaskLink.d.ts +0 -10
- package/dist/navigation/TopTaskLink/TopTaskLink.test.d.ts +0 -1
- package/dist/navigation/TopTaskLink/index.d.ts +0 -1
- package/dist/text/Blockquote/Blockquote.d.ts +0 -15
- package/dist/text/Blockquote/Blockquote.test.d.ts +0 -1
- package/dist/text/Blockquote/index.d.ts +0 -2
- package/dist/text/Heading/Heading.d.ts +0 -29
- package/dist/text/Heading/Heading.test.d.ts +0 -1
- package/dist/text/Heading/index.d.ts +0 -2
- package/dist/text/OrderedList/OrderedList.d.ts +0 -17
- package/dist/text/OrderedList/OrderedList.test.d.ts +0 -1
- package/dist/text/OrderedList/index.d.ts +0 -2
- package/dist/text/PageHeading/PageHeading.d.ts +0 -15
- package/dist/text/PageHeading/PageHeading.test.d.ts +0 -1
- package/dist/text/PageHeading/index.d.ts +0 -2
- package/dist/text/Paragraph/Paragraph.d.ts +0 -18
- package/dist/text/Paragraph/Paragraph.test.d.ts +0 -1
- package/dist/text/Paragraph/index.d.ts +0 -2
- package/dist/text/UnorderedList/UnorderedList.d.ts +0 -17
- package/dist/text/UnorderedList/UnorderedList.test.d.ts +0 -1
- package/dist/text/UnorderedList/index.d.ts +0 -2
- package/dist/tsconfig.test.tsbuildinfo +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/unstyled/index.d.ts +0 -22
- /package/dist/{Hero/Hero.test.d.ts → Alert/Alert.test.d.ts} +0 -0
- /package/dist/{Testula/Testula.test.d.ts → Grid/Grid.test.d.ts} +0 -0
- /package/dist/{buttons/Button/Button.test.d.ts → Grid/GridCell.test.d.ts} +0 -0
- /package/dist/{containers/Accordion/Accordion.test.d.ts → Highlight/Highlight.test.d.ts} +0 -0
- /package/dist/{containers/Accordion/AccordionSection.test.d.ts → Image/Image.test.d.ts} +0 -0
- /package/dist/{containers/Footer/Footer.test.d.ts → Pagination/Pagination.test.d.ts} +0 -0
- /package/dist/{containers/VisuallyHidden/VisuallyHidden.test.d.ts → Screen/Screen.test.d.ts} +0 -0
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.1.
|
|
2
|
+
"version": "0.1.8",
|
|
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,50 +32,50 @@
|
|
|
32
32
|
"dist/"
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@amsterdam/design-system-react-icons": "0.1.
|
|
36
|
-
"@utrecht/component-library-react": "
|
|
35
|
+
"@amsterdam/design-system-react-icons": "0.1.8",
|
|
36
|
+
"@utrecht/component-library-react": "2.0.0",
|
|
37
37
|
"clsx": "2.0.0",
|
|
38
38
|
"date-fns": "2.30.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@babel/core": "7.23.
|
|
42
|
-
"@babel/plugin-transform-runtime": "7.
|
|
43
|
-
"@babel/preset-env": "7.
|
|
44
|
-
"@babel/preset-react": "7.
|
|
45
|
-
"@babel/runtime": "7.23.
|
|
46
|
-
"@rollup/plugin-babel": "6.0.
|
|
47
|
-
"@rollup/plugin-commonjs": "25.0.
|
|
48
|
-
"@rollup/plugin-node-resolve": "15.2.
|
|
41
|
+
"@babel/core": "7.23.3",
|
|
42
|
+
"@babel/plugin-transform-runtime": "7.23.3",
|
|
43
|
+
"@babel/preset-env": "7.23.3",
|
|
44
|
+
"@babel/preset-react": "7.23.3",
|
|
45
|
+
"@babel/runtime": "7.23.2",
|
|
46
|
+
"@rollup/plugin-babel": "6.0.4",
|
|
47
|
+
"@rollup/plugin-commonjs": "25.0.7",
|
|
48
|
+
"@rollup/plugin-node-resolve": "15.2.3",
|
|
49
|
+
"@rollup/pluginutils": "5.0.5",
|
|
49
50
|
"@testing-library/dom": "9.3.3",
|
|
50
|
-
"@testing-library/jest-dom": "6.1.
|
|
51
|
-
"@testing-library/react": "14.
|
|
51
|
+
"@testing-library/jest-dom": "6.1.4",
|
|
52
|
+
"@testing-library/react": "14.1.0",
|
|
52
53
|
"@testing-library/user-event": "14.5.1",
|
|
53
54
|
"@types/date-fns": "2.6.0",
|
|
54
|
-
"@types/jest": "29.5.
|
|
55
|
-
"@types/lodash": "4.14.
|
|
56
|
-
"@types/react": "18.2.
|
|
55
|
+
"@types/jest": "29.5.8",
|
|
56
|
+
"@types/lodash": "4.14.201",
|
|
57
|
+
"@types/react": "18.2.37",
|
|
57
58
|
"jest": "29.7.0",
|
|
58
59
|
"jest-environment-jsdom": "29.7.0",
|
|
59
60
|
"lodash": "4.17.21",
|
|
60
|
-
"next": "
|
|
61
|
+
"next": "14.0.3",
|
|
61
62
|
"npm-run-all": "4.1.5",
|
|
62
63
|
"postcss": "8.4.31",
|
|
63
64
|
"react": "18.2.0",
|
|
64
65
|
"react-dom": "18.2.0",
|
|
65
|
-
"rollup": "
|
|
66
|
+
"rollup": "4.4.1",
|
|
66
67
|
"rollup-plugin-delete": "2.0.0",
|
|
67
68
|
"rollup-plugin-filesize": "10.0.0",
|
|
68
|
-
"rollup-plugin-node-externals": "6.1.
|
|
69
|
+
"rollup-plugin-node-externals": "6.1.2",
|
|
69
70
|
"rollup-plugin-node-polyfills": "0.2.1",
|
|
70
71
|
"rollup-plugin-peer-deps-external": "2.2.4",
|
|
71
|
-
"rollup-plugin-postcss": "4.0.2",
|
|
72
72
|
"rollup-plugin-typescript2": "0.36.0",
|
|
73
|
-
"sass": "1.
|
|
73
|
+
"sass": "1.69.5",
|
|
74
74
|
"tslib": "2.6.2"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
77
|
"react": "16 - 18",
|
|
78
78
|
"react-dom": "16 - 18"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "703538926459edf62102d1fe7b6bd15ab511865d"
|
|
81
81
|
}
|
package/dist/Grid/PageGrid.d.ts
DELETED
|
@@ -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>>;
|
package/dist/Hero/Hero.d.ts
DELETED
|
@@ -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>>;
|
package/dist/Hero/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Hero } from './Hero';
|
|
@@ -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>>;
|
package/dist/Testula/index.d.ts
DELETED
|
@@ -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,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,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
|
-
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
|
-
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
|
-
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,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,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,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,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,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,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,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,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,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,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,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';
|