@amsterdam/design-system-react 0.2.0 → 0.3.0

package/dist/Accordion/Accordion.d.ts

@@ -2,15 +2,14 @@
  * @license EUPL-1.2+
  * Copyright (c) 2023 Gemeente Amsterdam
  */
-import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, ReactNode, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
 import { AccordionSection } from './AccordionSection';
 import { HeadingLevel } from '../Heading/Heading';
-export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
+export interface AccordionProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
     headingLevel: HeadingLevel;
     section?: boolean;
 }
-export interface AccordionComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLDivElement>> & RefAttributes<HTMLDivElement> & AccordionProps> {
+export interface AccordionComponent extends ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>> {
     Section: typeof AccordionSection;
 }
 export declare const Accordion: AccordionComponent;

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
-interface BreadcrumbComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement>> {
+type BreadcrumbProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
+interface BreadcrumbComponent extends ForwardRefExoticComponent<BreadcrumbProps & RefAttributes<HTMLElement>> {
     Item: typeof BreadcrumbItem;
 }
 export declare const Breadcrumb: BreadcrumbComponent;

package/dist/Card/Card.d.ts

@@ -12,7 +12,7 @@ export declare const CardLink: ForwardRefExoticComponent<AnchorHTMLAttributes<HT
 } & RefAttributes<HTMLAnchorElement>>;
 export interface CardProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
 }
-export interface CardComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement> & CardProps> {
+export interface CardComponent extends ForwardRefExoticComponent<CardProps & RefAttributes<HTMLElement>> {
     HeadingGroup: typeof CardHeadingGroup;
     Link: typeof CardLink;
 }

package/dist/Footer/Footer.d.ts

@@ -9,7 +9,8 @@ export declare const FooterTop: ForwardRefExoticComponent<HTMLAttributes<HTMLDiv
 export declare const FooterBottom: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     children?: import("react").ReactNode;
 } & RefAttributes<HTMLDivElement>>;
-interface FooterComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement>> {
+type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
+interface FooterComponent extends ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLElement>> {
     Top: typeof FooterTop;
     Bottom: typeof FooterBottom;
 }

package/dist/Grid/GridCell.d.ts

@@ -1,22 +1,18 @@
-/**
- * @license EUPL-1.2+
- * Copyright (c) 2023 Gemeente Amsterdam
- */
-import { HTMLAttributes, PropsWithChildren } from 'react';
-import type { GridColumnNumber, GridColumnNumbers } from './Grid';
-type GridCellFullWidthProp = {
-    /** Whether the cell spans the full width of the grid. */
-    fullWidth?: boolean;
-    span?: never;
+import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { GridColumnNumber, GridColumnNumbers } from './Grid';
+type GridCellSpanAllProp = {
+    /** Lets the cell span the full width of all grid variants. */
+    span: 'all';
     start?: never;
 };
-type GridCellColumnProps = {
-    fullWidth?: never;
+type GridCellSpanAndStartProps = {
     /** The amount of grid columns the cell spans. */
     span?: GridColumnNumber | GridColumnNumbers;
     /** The index of the grid column the cell starts at. */
     start?: GridColumnNumber | GridColumnNumbers;
 };
-export type GridCellProps = (GridCellFullWidthProp | GridCellColumnProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+export type GridCellProps = {
+    as?: 'article' | 'div' | 'section';
+} & (GridCellSpanAllProp | GridCellSpanAndStartProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 export declare const GridCell: import("react").ForwardRefExoticComponent<GridCellProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/Grid/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Grid';
-export * from './GridCell';
 export type { GridCellProps } from './GridCell';

package/dist/Header/Header.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes, ReactNode } from 'react';
+import type { LogoBrand } from '../Logo';
+export interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    logoBrand?: LogoBrand;
+    logoLink?: string;
+    logoLinkTitle?: string;
+    title?: string;
+    links?: ReactNode;
+    menu?: ReactNode;
+}
+export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;

package/dist/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header';

package/dist/Heading/Heading.d.ts

@@ -5,7 +5,7 @@
  */
 import { HTMLAttributes } from 'react';
 export type HeadingLevel = 1 | 2 | 3 | 4;
-type Size = 'level-1' | 'level-2' | 'level-3' | 'level-4';
+type HeadingSize = 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6';
 export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     /**
      * Het hiërarchische niveau van de titel.
@@ -15,7 +15,7 @@ export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
      * De visuele grootte van de titel.
      * Voeg dit toe om de titel groter of kleiner weer te geven zonder de semantische betekenis te veranderen.
      */
-    size?: Size;
+    size?: HeadingSize;
     /**
      * De kleur van de titel
      * Gebruik deze property om de titel in tegenovergestelde kleur te tonen.

package/dist/Icon/Icon.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLAttributes } from 'react';
 export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
-    size?: 'level-3' | 'level-4' | 'level-5' | 'level-6' | 'level-7';
+    size?: 'level-3' | 'level-4' | 'level-5' | 'level-6';
     svg: Function;
 }
 export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLElement>>;

package/dist/Image/Image.d.ts

@@ -2,7 +2,8 @@
  * @license EUPL-1.2+
  * Copyright (c) 2023 Gemeente Amsterdam
  */
-import { ImgHTMLAttributes } from 'react';
+import { type ImgHTMLAttributes } from 'react';
 export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    cover?: Boolean;
 }
 export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/Image/index.d.ts

@@ -1,2 +1 @@
-export { Image } from './Image';
-export type { ImageProps } from './Image';
+export { Image, type ImageProps } from './Image';

package/dist/Logo/Logo.d.ts

@@ -3,9 +3,8 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 import { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
-type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
+export type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
 export interface LogoProps extends SVGProps<SVGSVGElement> {
     brand?: LogoBrand;
 }
 export declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
-export {};

package/dist/Logo/index.d.ts

@@ -1,2 +1,2 @@
 export { Logo } from './Logo';
-export type { LogoProps } from './Logo';
+export type { LogoProps, LogoBrand } from './Logo';

package/dist/Mark/Mark.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export interface MarkProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+}
+export declare const Mark: import("react").ForwardRefExoticComponent<MarkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/Mark/Mark.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/Mark/index.d.ts

@@ -0,0 +1,2 @@
+export { Mark } from './Mark';
+export type { MarkProps } from './Mark';

package/dist/Overlap/Overlap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { type HTMLAttributes } from 'react';
+export declare const Overlap: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Overlap/Overlap.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/Overlap/index.d.ts

@@ -0,0 +1 @@
+export { Overlap } from './Overlap';

package/dist/PageMenu/PageMenu.d.ts

@@ -12,7 +12,6 @@ type PageMenuProps = {
 } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
 interface PageMenuComponent extends ForwardRefExoticComponent<PageMenuProps & RefAttributes<HTMLElement>> {
     Link: typeof PageMenuLink;
-    Button: typeof PageMenuButton;
 }
 export declare const PageMenu: PageMenuComponent;
 export interface PageMenuLinkProps extends PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>> {
@@ -20,7 +19,7 @@ export interface PageMenuLinkProps extends PropsWithChildren<AnchorHTMLAttribute
 }
 export interface PageMenuButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
     icon?: Function;
+    showOnMobile?: boolean;
 }
 declare const PageMenuLink: ForwardRefExoticComponent<PageMenuLinkProps & RefAttributes<HTMLAnchorElement>>;
-declare const PageMenuButton: ForwardRefExoticComponent<PageMenuButtonProps & RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/SearchField/SearchField.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
+import { SearchFieldButton } from './SearchFieldButton';
+import { SearchFieldInput } from './SearchFieldInput';
+export interface SearchFieldProps extends PropsWithChildren<HTMLAttributes<HTMLFormElement>> {
+}
+export interface SearchFieldComponent extends ForwardRefExoticComponent<SearchFieldProps & RefAttributes<HTMLFormElement>> {
+    Input: typeof SearchFieldInput;
+    Button: typeof SearchFieldButton;
+}
+export declare const SearchField: SearchFieldComponent;

package/dist/SearchField/SearchField.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/SearchField/SearchFieldButton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes } from 'react';
+interface SearchFieldButtonProps extends HTMLAttributes<HTMLButtonElement> {
+}
+export declare const SearchFieldButton: import("react").ForwardRefExoticComponent<SearchFieldButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/SearchField/SearchFieldInput.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { InputHTMLAttributes } from 'react';
+interface SearchFieldInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+}
+export declare const SearchFieldInput: import("react").ForwardRefExoticComponent<SearchFieldInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/SearchField/SearchFieldInput.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/SearchField/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchField } from './SearchField';
+export type { SearchFieldProps } from './SearchField';

package/dist/SkipLink/SkipLink.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
+export interface SkipLinkProps extends PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>> {
+}
+export declare const SkipLink: import("react").ForwardRefExoticComponent<SkipLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/SkipLink/SkipLink.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/SkipLink/index.d.ts

@@ -0,0 +1,2 @@
+export { SkipLink } from './SkipLink';
+export type { SkipLinkProps } from './SkipLink';

package/dist/{Highlight/Highlight.d.ts → Spotlight/Spotlight.d.ts}

@@ -3,8 +3,8 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 import { HTMLAttributes, PropsWithChildren } from 'react';
-export interface HighlightProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+export interface SpotlightProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
     as?: 'article' | 'aside' | 'div' | 'footer' | 'section';
     color?: 'blue' | 'dark-green' | 'green' | 'light-blue' | 'magenta' | 'orange' | 'purple' | 'yellow';
 }
-export declare const Highlight: import("react").ForwardRefExoticComponent<HighlightProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Spotlight: import("react").ForwardRefExoticComponent<SpotlightProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Spotlight/Spotlight.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/Spotlight/index.d.ts

@@ -0,0 +1,2 @@
+export { Spotlight } from './Spotlight';
+export type { SpotlightProps } from './Spotlight';

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { InputHTMLAttributes } from 'react';
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/TextInput/TextInput.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export { TextInput } from './TextInput';
+export type { TextInputProps } from './TextInput';