@amsterdam/design-system-react 0.2.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 (106) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +3 -2
  3. package/dist/index.cjs.js +792 -369
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.d.ts +669 -28
  6. package/dist/index.esm.js +785 -372
  7. package/dist/index.esm.js.map +1 -1
  8. package/package.json +19 -20
  9. package/dist/Accordion/Accordion.d.ts +0 -16
  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 -10
  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 -17
  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 -22
  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 -3
  53. package/dist/Heading/Heading.d.ts +0 -29
  54. package/dist/Heading/Heading.test.d.ts +0 -1
  55. package/dist/Heading/index.d.ts +0 -2
  56. package/dist/Highlight/Highlight.d.ts +0 -10
  57. package/dist/Highlight/Highlight.test.d.ts +0 -1
  58. package/dist/Highlight/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 -8
  63. package/dist/Image/Image.test.d.ts +0 -1
  64. package/dist/Image/index.d.ts +0 -2
  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 -11
  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/OrderedList/OrderedList.d.ts +0 -17
  78. package/dist/OrderedList/OrderedList.test.d.ts +0 -1
  79. package/dist/OrderedList/index.d.ts +0 -2
  80. package/dist/PageHeading/PageHeading.d.ts +0 -15
  81. package/dist/PageHeading/PageHeading.test.d.ts +0 -1
  82. package/dist/PageHeading/index.d.ts +0 -2
  83. package/dist/PageMenu/PageMenu.d.ts +0 -26
  84. package/dist/PageMenu/PageMenu.test.d.ts +0 -1
  85. package/dist/PageMenu/index.d.ts +0 -2
  86. package/dist/Pagination/Pagination.d.ts +0 -24
  87. package/dist/Pagination/Pagination.test.d.ts +0 -1
  88. package/dist/Pagination/index.d.ts +0 -2
  89. package/dist/Paragraph/Paragraph.d.ts +0 -17
  90. package/dist/Paragraph/Paragraph.test.d.ts +0 -1
  91. package/dist/Paragraph/index.d.ts +0 -2
  92. package/dist/Screen/Screen.d.ts +0 -11
  93. package/dist/Screen/Screen.test.d.ts +0 -1
  94. package/dist/Screen/index.d.ts +0 -2
  95. package/dist/Switch/Switch.d.ts +0 -4
  96. package/dist/Switch/Switch.test.d.ts +0 -1
  97. package/dist/Switch/index.d.ts +0 -1
  98. package/dist/TopTaskLink/TopTaskLink.d.ts +0 -10
  99. package/dist/TopTaskLink/TopTaskLink.test.d.ts +0 -1
  100. package/dist/TopTaskLink/index.d.ts +0 -1
  101. package/dist/UnorderedList/UnorderedList.d.ts +0 -17
  102. package/dist/UnorderedList/UnorderedList.test.d.ts +0 -1
  103. package/dist/UnorderedList/index.d.ts +0 -2
  104. package/dist/VisuallyHidden/VisuallyHidden.d.ts +0 -8
  105. package/dist/VisuallyHidden/VisuallyHidden.test.d.ts +0 -1
  106. package/dist/VisuallyHidden/index.d.ts +0 -1
@@ -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;
@@ -1,3 +0,0 @@
1
- import { type SVGProps } from 'react';
2
- declare const LogoStadsbankVanLening: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
- export default LogoStadsbankVanLening;
@@ -1,3 +0,0 @@
1
- import { type SVGProps } from 'react';
2
- declare const LogoVgaVerzekeringen: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
- export default LogoVgaVerzekeringen;
@@ -1,5 +0,0 @@
1
- export { default as LogoAmsterdam } from './LogoAmsterdam';
2
- export { default as LogoGgdAmsterdam } from './LogoGgdAmsterdam';
3
- export { default as LogoStadsarchief } from './LogoStadsarchief';
4
- export { default as LogoStadsbankVanLening } from './LogoStadsbankVanLening';
5
- export { default as LogoVgaVerzekeringen } from './LogoVgaVerzekeringen';
@@ -1,2 +0,0 @@
1
- export { Logo } from './Logo';
2
- export type { LogoProps } from './Logo';
@@ -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,26 +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 = {
7
- /**
8
- * Whether the page menu’s items align to its end.
9
- * If the menu itself aligns to the end of its container, you should set this to `true`.
10
- */
11
- alignEnd?: boolean;
12
- } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
13
- interface PageMenuComponent extends ForwardRefExoticComponent<PageMenuProps & RefAttributes<HTMLElement>> {
14
- Link: typeof PageMenuLink;
15
- Button: typeof PageMenuButton;
16
- }
17
- export declare const PageMenu: PageMenuComponent;
18
- export interface PageMenuLinkProps extends PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>> {
19
- icon?: Function;
20
- }
21
- export interface PageMenuButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
22
- icon?: Function;
23
- }
24
- declare const PageMenuLink: ForwardRefExoticComponent<PageMenuLinkProps & RefAttributes<HTMLAnchorElement>>;
25
- declare const PageMenuButton: ForwardRefExoticComponent<PageMenuButtonProps & RefAttributes<HTMLButtonElement>>;
26
- 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,24 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes } from 'react';
6
- export interface PaginationProps extends HTMLAttributes<HTMLElement> {
7
- /**
8
- * The maximum amount of pages shown. This has a lower limit of 5
9
- */
10
- maxVisiblePages?: number;
11
- /**
12
- * Callback triggered when interaction changes the page number.
13
- */
14
- onPageChange?: (page: number) => void;
15
- /**
16
- * The current page number.
17
- */
18
- page?: number;
19
- /**
20
- * The total number of pages.
21
- */
22
- totalPages: number;
23
- }
24
- export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Pagination } from './Pagination';
2
- export type { PaginationProps } from './Pagination';
@@ -1,17 +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 interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
8
- size?: 'small' | 'large';
9
- /**
10
- * De kleur van de paragraaf
11
- * Gebruik deze property om de paragraaf in tegenovergestelde kleur te tonen.
12
- */
13
- inverseColor?: boolean;
14
- }
15
- export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & {
16
- children?: import("react").ReactNode;
17
- } & 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,11 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- import { HTMLAttributes, PropsWithChildren } from 'react';
6
- type ScreenMaxWidth = 'wide' | 'x-wide';
7
- export interface ScreenProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
8
- maxWidth?: ScreenMaxWidth;
9
- }
10
- export declare const Screen: import("react").ForwardRefExoticComponent<ScreenProps & import("react").RefAttributes<HTMLDivElement>>;
11
- export {};
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,2 +0,0 @@
1
- export { Screen } from './Screen';
2
- export type { ScreenProps } from './Screen';
@@ -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,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,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';
@@ -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';