@amsterdam/design-system-react 0.1.5 → 0.1.6

package/dist/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type Ratio = 'extra-tall' | 'tall' | 'square' | 'wide' | 'extra-wide';
+export interface AspectRatioProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+    ratio?: Ratio;
+}
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/AspectRatio/AspectRatio.test.d.ts

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

package/dist/AspectRatio/index.d.ts

@@ -0,0 +1,2 @@
+export { AspectRatio } from './AspectRatio';
+export type { AspectRatioProps, Ratio } from './AspectRatio';

package/dist/Card/Card.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
+export declare const CardHeadingGroup: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    children?: import("react").ReactNode;
+} & RefAttributes<HTMLElement>>;
+export declare const CardLink: ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children?: import("react").ReactNode;
+} & RefAttributes<HTMLAnchorElement>>;
+export interface CardProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+}
+export interface CardComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement> & CardProps> {
+    HeadingGroup: typeof CardHeadingGroup;
+    Link: typeof CardLink;
+}
+export declare const Card: CardComponent;

package/dist/Card/Card.test.d.ts

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

package/dist/Card/index.d.ts

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

package/dist/Hero/Hero.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes } from 'react';
+export interface HeroProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * De kleur van de titel
+     * Gebruik deze property om de titel in tegenovergestelde kleur te tonen.
+     */
+    inverseColor?: boolean;
+}
+export declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/Hero/Hero.test.d.ts

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

package/dist/Hero/index.d.ts

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

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+export declare const Switch: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Switch/Switch.test.d.ts

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

package/dist/Switch/index.d.ts

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

package/dist/buttons/Button/Button.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'tertiary';
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/buttons/Button/Button.test.d.ts

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

package/dist/buttons/Button/index.d.ts

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

package/dist/containers/Accordion/Accordion.d.ts

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

package/dist/containers/Accordion/Accordion.test.d.ts

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

package/dist/containers/Accordion/AccordionContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HeadingLevel } from '../../text/Heading/Heading';
+export interface AccordionContextValue {
+    headingLevel: HeadingLevel;
+    section?: boolean;
+}
+declare const AccordionContext: import("react").Context<AccordionContextValue>;
+export default AccordionContext;

package/dist/containers/Accordion/AccordionSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { HTMLAttributes } from 'react';
+export interface AccordionSectionProps extends HTMLAttributes<HTMLElement> {
+    label: string;
+    expanded?: boolean;
+}
+export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/containers/Accordion/AccordionSection.test.d.ts

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

package/dist/containers/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';
+export type { AccordionSectionProps } from './AccordionSection';

package/dist/containers/Accordion/useFocusWithArrow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/containers/Accordion/useFocusWithArrows.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import type { KeyboardEvent, RefObject } from 'react';
+export declare const KeyboardKeys: {
+    ArrowUp: string;
+    ArrowDown: string;
+    ArrowRight: string;
+    ArrowLeft: string;
+    Home: string;
+    End: string;
+};
+/**
+ * Focus on children with arrow keys and home / end buttons.
+ *
+ * @param ref Component ref
+ * @param rotating Jump to first item from last or vice versa
+ * @param horizontally In case you need to navigate horizontally, using left / right arrow buttons
+ */
+declare const useFocusWithArrows: (ref: RefObject<HTMLDivElement>, rotating?: boolean, horizontally?: boolean) => {
+    keyDown: (e: KeyboardEvent) => void;
+};
+export default useFocusWithArrows;

package/dist/containers/Footer/Footer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
+import { GridCellProps } from '../../layout/GridCell';
+export declare const FooterTop: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+export type FooterColumnProps = HTMLAttributes<HTMLDivElement> & GridCellProps;
+export declare const FooterColumn: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & GridCellProps & {
+    children?: import("react").ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+export declare const FooterBottom: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+interface FooterComponent extends ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLElement>> & RefAttributes<HTMLElement>> {
+    Top: typeof FooterTop;
+    Bottom: typeof FooterBottom;
+    Column: typeof FooterColumn;
+}
+export declare const Footer: FooterComponent;
+export {};

package/dist/containers/Footer/Footer.test.d.ts

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

package/dist/containers/Footer/index.d.ts

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

package/dist/containers/VisuallyHidden/VisuallyHidden.d.ts

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

package/dist/containers/VisuallyHidden/VisuallyHidden.test.d.ts

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

package/dist/containers/VisuallyHidden/index.d.ts

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

package/dist/forms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    invalid?: boolean;
+    indeterminate?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/forms/Checkbox/Checkbox.test.d.ts

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

package/dist/forms/Checkbox/index.d.ts

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

package/dist/forms/FormLabel/FormLabel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2023 Gemeente Amsterdam
+ */
+import { LabelHTMLAttributes } from 'react';
+export declare const FormLabel: import("react").ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/forms/FormLabel/FormLabel.test.d.ts

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

package/dist/forms/FormLabel/index.d.ts

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