@amsterdam/design-system-react 2.2.0 → 3.1.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.2.0",
+  "version": "3.1.0",
   "author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
   "description": "All React components from the Amsterdam Design System. Use it to compose pages in your website or application.",
   "homepage": "https://designsystem.amsterdam",
@@ -29,48 +29,43 @@
     "dist/"
   ],
   "dependencies": {
-    "@babel/runtime": "7.28.4",
+    "@babel/runtime": "7.28.6",
     "clsx": "2.1.1",
-    "@amsterdam/design-system-react-icons": "1.1.1"
+    "@amsterdam/design-system-react-icons": "2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.28.5",
+    "@babel/core": "7.28.6",
     "@babel/plugin-transform-runtime": "7.28.5",
-    "@babel/preset-env": "7.28.5",
+    "@babel/preset-env": "7.28.6",
     "@babel/preset-react": "7.28.5",
     "@rollup/plugin-babel": "6.1.0",
-    "@rollup/plugin-commonjs": "28.0.9",
+    "@rollup/plugin-commonjs": "29.0.0",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@rollup/pluginutils": "5.3.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "30.0.0",
-    "@types/lodash": "4.17.20",
-    "@types/react": "18.3.26",
+    "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
     "jest": "30.2.0",
     "jest-environment-jsdom": "30.2.0",
-    "next": "15.5.6",
-    "npm-run-all": "4.1.5",
-    "postcss": "8.5.6",
+    "next": "16.1.5",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rollup": "4.53.2",
-    "rollup-plugin-dts": "6.2.3",
+    "rollup": "4.57.0",
+    "rollup-plugin-dts": "6.3.0",
     "rollup-plugin-filesize": "10.0.0",
     "rollup-plugin-node-externals": "8.1.2",
     "rollup-plugin-node-polyfills": "0.2.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.94.0",
-    "tslib": "2.8.1"
+    "sass": "1.97.3"
   },
   "peerDependencies": {
     "react": "16 - 19",
     "react-dom": "16 - 19",
-    "@amsterdam/design-system-css": "2.2.0"
+    "@amsterdam/design-system-css": "3.1.0"
   },
   "scripts": {
     "build": "tsc --project ./tsconfig.build.json && rollup -c",

package/dist/ImageSlider/ImageSliderContext.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-export type ImageSliderContextValue = {
-    currentSlideId: number;
-    goToNextSlide: () => void;
-    goToPreviousSlide: () => void;
-    goToSlideId: (id: number) => void;
-    isAtEnd: boolean;
-    isAtStart: boolean;
-};
-export declare const ImageSliderContext: import("react").Context<ImageSliderContextValue>;

package/dist/ImageSlider/ImageSliderContext.js

@@ -1,14 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { createContext } from 'react';
-const defaultValues = {
-    currentSlideId: 0,
-    goToNextSlide: () => { },
-    goToPreviousSlide: () => { },
-    goToSlideId: () => { },
-    isAtEnd: false,
-    isAtStart: true,
-};
-export const ImageSliderContext = createContext(defaultValues);

package/dist/ImageSlider/ImageSliderControls.d.ts

@@ -1,17 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import type { HTMLAttributes } from 'react';
-export type ImageSliderControlsProps = {
-    /** The label for the ‘next’ button */
-    nextLabel: string;
-    /** The label for the ‘previous’ button */
-    previousLabel: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ImageSliderControls: import("react").ForwardRefExoticComponent<{
-    /** The label for the ‘next’ button */
-    nextLabel: string;
-    /** The label for the ‘previous’ button */
-    previousLabel: string;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ImageSlider/ImageSliderControls.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronBackwardIcon, ChevronForwardIcon } from '@amsterdam/design-system-react-icons';
-import { clsx } from 'clsx';
-import { forwardRef, useCallback, useContext } from 'react';
-import { Button } from '../Button';
-import { ImageSliderContext } from './ImageSliderContext';
-export const ImageSliderControls = forwardRef(({ className, nextLabel, previousLabel, ...restProps }, ref) => {
-    const { goToNextSlide, goToPreviousSlide, isAtEnd, isAtStart } = useContext(ImageSliderContext);
-    const handleClickPrevious = useCallback(() => goToPreviousSlide(), [goToPreviousSlide]);
-    const handleClickNext = useCallback(() => goToNextSlide(), [goToNextSlide]);
-    return (_jsxs("div", { ...restProps, className: clsx('ams-image-slider__controls', className), ref: ref, children: [_jsx(Button, { className: "ams-image-slider__control ams-image-slider__control--previous", color: "inverse", disabled: isAtStart, icon: ChevronBackwardIcon, iconOnly: true, onClick: handleClickPrevious, children: previousLabel }), _jsx(Button, { className: "ams-image-slider__control ams-image-slider__control--next", color: "inverse", disabled: isAtEnd, icon: ChevronForwardIcon, iconOnly: true, onClick: handleClickNext, children: nextLabel })] }));
-});
-ImageSliderControls.displayName = 'ImageSliderControls';

package/dist/ImageSlider/ImageSliderItem.d.ts

@@ -1,15 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import type { HTMLAttributes, PropsWithChildren } from 'react';
-export type ImageSliderItemProps = {
-    /** The identifier of the item. Must match the key or order of the slides (starting at 0). */
-    slideId: number;
-} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-export declare const ImageSliderItem: import("react").ForwardRefExoticComponent<{
-    /** The identifier of the item. Must match the key or order of the slides (starting at 0). */
-    slideId: number;
-} & HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ImageSlider/ImageSliderItem.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import { forwardRef, useContext, useMemo } from 'react';
-import { ImageSliderContext } from './ImageSliderContext';
-export const ImageSliderItem = forwardRef(({ children, className, slideId, ...restProps }, ref) => {
-    const { currentSlideId } = useContext(ImageSliderContext);
-    const isInView = useMemo(() => currentSlideId === slideId, [currentSlideId, slideId]);
-    const itemClassName = useMemo(() => clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className), [isInView, className]);
-    return (_jsx("div", { ...restProps, "aria-hidden": !isInView ? true : undefined, className: itemClassName, ref: ref, children: children }));
-});
-ImageSliderItem.displayName = 'ImageSlider.Item';

package/dist/ImageSlider/ImageSliderScroller.d.ts

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

package/dist/ImageSlider/ImageSliderScroller.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-export const ImageSliderScroller = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("div", { ...restProps, className: clsx('ams-image-slider__scroller', className), ref: ref, children: children })));
-ImageSliderScroller.displayName = 'ImageSlider.Scroller';