@amsterdam/design-system-react 0.1.5 → 0.1.6
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/dist/AspectRatio/AspectRatio.d.ts +10 -0
- package/dist/AspectRatio/AspectRatio.test.d.ts +1 -0
- package/dist/AspectRatio/index.d.ts +2 -0
- package/dist/Card/Card.d.ts +18 -0
- package/dist/Card/Card.test.d.ts +1 -0
- package/dist/Card/index.d.ts +2 -0
- package/dist/Hero/Hero.d.ts +15 -0
- package/dist/Hero/Hero.test.d.ts +1 -0
- package/dist/Hero/index.d.ts +1 -0
- package/dist/Switch/Switch.d.ts +4 -0
- package/dist/Switch/Switch.test.d.ts +1 -0
- package/dist/Switch/index.d.ts +1 -0
- package/dist/buttons/Button/Button.d.ts +12 -0
- package/dist/buttons/Button/Button.test.d.ts +1 -0
- package/dist/buttons/Button/index.d.ts +2 -0
- package/dist/containers/Accordion/Accordion.d.ts +17 -0
- package/dist/containers/Accordion/Accordion.test.d.ts +1 -0
- package/dist/containers/Accordion/AccordionContext.d.ts +8 -0
- package/dist/containers/Accordion/AccordionSection.d.ts +12 -0
- package/dist/containers/Accordion/AccordionSection.test.d.ts +1 -0
- package/dist/containers/Accordion/index.d.ts +3 -0
- package/dist/containers/Accordion/useFocusWithArrow.test.d.ts +1 -0
- package/dist/containers/Accordion/useFocusWithArrows.d.ts +24 -0
- package/dist/containers/Footer/Footer.d.ts +23 -0
- package/dist/containers/Footer/Footer.test.d.ts +1 -0
- package/dist/containers/Footer/index.d.ts +1 -0
- package/dist/containers/VisuallyHidden/VisuallyHidden.d.ts +8 -0
- package/dist/containers/VisuallyHidden/VisuallyHidden.test.d.ts +1 -0
- package/dist/containers/VisuallyHidden/index.d.ts +1 -0
- package/dist/forms/Checkbox/Checkbox.d.ts +12 -0
- package/dist/forms/Checkbox/Checkbox.test.d.ts +1 -0
- package/dist/forms/Checkbox/index.d.ts +2 -0
- package/dist/forms/FormLabel/FormLabel.d.ts +9 -0
- package/dist/forms/FormLabel/FormLabel.test.d.ts +1 -0
- package/dist/forms/FormLabel/index.d.ts +1 -0
- package/dist/index.cjs.js +40 -40
- package/dist/index.esm.js +40 -40
- package/dist/layout/GridCell/GridCell.d.ts +18 -0
- package/dist/layout/GridCell/index.d.ts +2 -0
- package/dist/layout/PageGrid/PageGrid.d.ts +10 -0
- package/dist/layout/PageGrid/index.d.ts +2 -0
- package/dist/media/Icon/Icon.d.ts +12 -0
- package/dist/media/Icon/Icon.test.d.ts +1 -0
- package/dist/media/Icon/index.d.ts +2 -0
- package/dist/navigation/Breadcrumb/Breadcrumb.d.ts +11 -0
- package/dist/navigation/Breadcrumb/Breadcrumb.test.d.ts +1 -0
- package/dist/navigation/Breadcrumb/index.d.ts +2 -0
- package/dist/navigation/Link/Link.d.ts +21 -0
- package/dist/navigation/Link/Link.test.d.ts +1 -0
- package/dist/navigation/Link/index.d.ts +2 -0
- package/dist/navigation/PageMenu/PageMenu.d.ts +20 -0
- package/dist/navigation/PageMenu/PageMenu.test.d.ts +1 -0
- package/dist/navigation/PageMenu/index.d.ts +2 -0
- package/dist/navigation/TopTaskLink/TopTaskLink.d.ts +10 -0
- package/dist/navigation/TopTaskLink/TopTaskLink.test.d.ts +1 -0
- package/dist/navigation/TopTaskLink/index.d.ts +1 -0
- package/dist/text/Blockquote/Blockquote.d.ts +15 -0
- package/dist/text/Blockquote/Blockquote.test.d.ts +1 -0
- package/dist/text/Blockquote/index.d.ts +2 -0
- package/dist/text/Heading/Heading.d.ts +29 -0
- package/dist/text/Heading/Heading.test.d.ts +1 -0
- package/dist/text/Heading/index.d.ts +2 -0
- package/dist/text/OrderedList/OrderedList.d.ts +17 -0
- package/dist/text/OrderedList/OrderedList.test.d.ts +1 -0
- package/dist/text/OrderedList/index.d.ts +2 -0
- package/dist/text/PageHeading/PageHeading.d.ts +15 -0
- package/dist/text/PageHeading/PageHeading.test.d.ts +1 -0
- package/dist/text/PageHeading/index.d.ts +2 -0
- package/dist/text/Paragraph/Paragraph.d.ts +18 -0
- package/dist/text/Paragraph/Paragraph.test.d.ts +1 -0
- package/dist/text/Paragraph/index.d.ts +2 -0
- package/dist/text/UnorderedList/UnorderedList.d.ts +17 -0
- package/dist/text/UnorderedList/UnorderedList.test.d.ts +1 -0
- package/dist/text/UnorderedList/index.d.ts +2 -0
- package/dist/tsconfig.test.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +25 -26
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,10 @@
|
|
|
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>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TopTaskLink } from './TopTaskLink';
|
|
@@ -0,0 +1,15 @@
|
|
|
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>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,29 @@
|
|
|
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 {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,17 @@
|
|
|
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 {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,15 @@
|
|
|
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>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,18 @@
|
|
|
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>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,17 @@
|
|
|
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 {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|