@amsterdam/design-system-react 3.0.0 → 3.1.0

package/dist/ProgressList/ProgressListStep.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+export type ProgressListStepProps = {
+    /** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */
+    hasSubsteps?: boolean;
+    /** The heading text for this step. */
+    heading: string;
+    /** The current progress state of the step. */
+    status?: 'current' | 'completed';
+} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+export declare const ProgressListStep: import("react").ForwardRefExoticComponent<{
+    /** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */
+    hasSubsteps?: boolean;
+    /** The heading text for this step. */
+    heading: string;
+    /** The current progress state of the step. */
+    status?: "current" | "completed";
+} & HTMLAttributes<HTMLElement> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLLIElement>>;

package/dist/ProgressList/ProgressListStep.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowForwardIcon } from '@amsterdam/design-system-react-icons';
+import { clsx } from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { Heading } from '../Heading';
+import { Icon } from '../Icon';
+import { ProgressListContext } from './ProgressListContext';
+export const ProgressListStep = forwardRef(({ children, className, hasSubsteps, heading, status, ...restProps }, ref) => {
+    const { headingLevel } = useContext(ProgressListContext);
+    return (_jsxs("li", { "aria-current": status === 'current' ? 'step' : undefined, className: clsx(className, 'ams-progress-list__step', hasSubsteps && 'ams-progress-list__step--has-substeps', status && `ams-progress-list__step--${status}`), ref: ref, ...restProps, children: [_jsxs("div", { className: "ams-progress-list__indicator", children: [_jsx("div", { className: "ams-progress-list__marker", children: _jsx("span", { className: "ams-progress-list__marker-shape", children: status === 'current' && _jsx(Icon, { color: "inverse", svg: ArrowForwardIcon }) }) }), _jsx("span", { className: "ams-progress-list__connector" })] }), _jsxs("div", { className: "ams-progress-list__content", children: [_jsx(Heading, { className: "ams-progress-list__heading", level: headingLevel, children: heading }), children] })] }));
+});
+ProgressListStep.displayName = 'ProgressList.Step';

package/dist/ProgressList/ProgressListSubstep.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import type { ProgressListStepProps } from './ProgressListStep';
+export type ProgressListSubstepProps = {
+    /** The current progress state of the substep. */
+    status?: ProgressListStepProps['status'];
+} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+export declare const ProgressListSubstep: import("react").ForwardRefExoticComponent<{
+    /** The current progress state of the substep. */
+    status?: ProgressListStepProps["status"];
+} & HTMLAttributes<HTMLElement> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLLIElement>>;

package/dist/ProgressList/ProgressListSubstep.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+export const ProgressListSubstep = forwardRef(({ children, className, status, ...restProps }, ref) => {
+    return (_jsxs("li", { "aria-current": status === 'current' ? 'step' : undefined, className: clsx('ams-progress-list-substeps__step', status && `ams-progress-list-substeps__step--${status}`, className), ref: ref, ...restProps, children: [_jsxs("div", { className: "ams-progress-list-substeps__indicator", children: [_jsx("div", { className: "ams-progress-list-substeps__marker", children: _jsx("span", { className: "ams-progress-list-substeps__marker-shape" }) }), _jsx("span", { className: "ams-progress-list-substeps__connector" })] }), _jsx("div", { className: "ams-progress-list-substeps__content", children: children })] }));
+});
+ProgressListSubstep.displayName = 'ProgressList.Substep';

package/dist/ProgressList/ProgressListSubsteps.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+export type ProgressListSubstepsProps = PropsWithChildren<HTMLAttributes<HTMLOListElement>>;
+export declare const ProgressListSubsteps: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLOListElement> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLOListElement>>;

package/dist/ProgressList/ProgressListSubsteps.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+export const ProgressListSubsteps = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("ol", { ...restProps, className: clsx('ams-progress-list-substeps', className), ref: ref, children: children })));
+ProgressListSubsteps.displayName = 'ProgressList.Substeps';

package/dist/ProgressList/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+export { ProgressList } from './ProgressList';
+export type { ProgressListProps } from './ProgressList';
+export type { ProgressListStepProps } from './ProgressListStep';
+export type { ProgressListSubstepProps } from './ProgressListSubstep';
+export type { ProgressListSubstepsProps } from './ProgressListSubsteps';

package/dist/ProgressList/index.js

@@ -0,0 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+export { ProgressList } from './ProgressList';

package/dist/Radio/Radio.d.ts

@@ -2,13 +2,14 @@
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
-import type { InputHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import type { InputHTMLAttributes, PropsWithChildren } from 'react';
+import type { IconProps } from '../Icon';
 export type RadioProps = {
     /**
      * An icon to display instead of the default icon.
      * @default RadioIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps['svg'];
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & PropsWithChildren<Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-invalid' | 'type'>>;
@@ -20,9 +21,9 @@ export declare const Radio: import("react").ForwardRefExoticComponent<{
      * An icon to display instead of the default icon.
      * @default RadioIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps["svg"];
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "aria-invalid" | "type"> & {
-    children?: ReactNode | undefined;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;