@amsterdam/design-system-react 0.1.9 → 0.2.0

package/LICENSE.md

@@ -11,7 +11,7 @@ The Work is provided under the terms of this Licence when the Licensor (as
 defined below) has placed the following notice immediately following the
 copyright notice for the Work:
 
-    Licensed under the EUPL
+‘Licensed under the EUPL’
 
 or has expressed by any other means his willingness to license under the EUPL.
 

package/dist/Grid/Grid.d.ts

@@ -10,7 +10,6 @@ export type GridColumnNumbers = {
     medium: GridColumnNumber;
     wide: GridColumnNumber;
 };
-type GridDensity = 'low' | 'high';
 type GridPaddingSize = 'small' | 'medium' | 'large';
 type GridPaddingVerticalProp = {
     paddingBottom?: never;
@@ -27,11 +26,14 @@ type GridPaddingTopAndBottomProps = {
 };
 export type GridProps = {
     /**
-     * The density of the grid: low (for websites) or high (for applications).
-     * Adjusts the pace with which columns get wider, and the start width as well.
-     * This is to be implemented more generally – it will be moved into a theme soon.
+     * Opts in to a less spacious layout.
+     * Decreases whitespace between columns and to the sides of the grid.
+     * This usually works well for applications.
+     * @todo Implement more generally – it will be moved into a theme soon.
      */
-    density?: GridDensity;
+    compact?: boolean;
+    /** The amount of vertical whitespace between rows of the grid. */
+    gapVertical?: 'small' | 'large';
 } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
 interface GridComponent extends ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> {
     Cell: typeof GridCell;

package/dist/PageMenu/PageMenu.d.ts

@@ -3,7 +3,13 @@
  * Copyright (c) 2023 Gemeente Amsterdam
  */
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
-type PageMenuProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
+type PageMenuProps = {
+    /**
+     * Whether the page menu’s items align to its end.
+     * If the menu itself aligns to the end of its container, you should set this to `true`.
+     */
+    alignEnd?: boolean;
+} & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
 interface PageMenuComponent extends ForwardRefExoticComponent<PageMenuProps & RefAttributes<HTMLElement>> {
     Link: typeof PageMenuLink;
     Button: typeof PageMenuButton;

package/dist/index.cjs.js

@@ -652,17 +652,18 @@ Footer.displayName = 'Footer';
 Footer.Top.displayName = 'Footer.Top';
 Footer.Bottom.displayName = 'Footer.Bottom';
 
-var _excluded$e = ["children", "className"],
+var _excluded$e = ["alignEnd", "children", "className"],
   _excluded2$3 = ["children", "icon"],
   _excluded3 = ["children", "icon"];
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var alignEnd = _ref.alignEnd,
+    children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$e);
   return jsxRuntime.jsx("ul", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
-    className: clsx('amsterdam-page-menu', className),
+    className: clsx('amsterdam-page-menu', alignEnd && "amsterdam-page-menu--align-end", className),
     ref: ref,
     children: children
   }));
@@ -893,10 +894,10 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
     href = _ref2.href,
     restProps = _objectWithoutProperties(_ref2, _excluded2$1);
   return jsxRuntime.jsx("li", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
-    className: "amsterdam-breadcrumb-item",
+    className: "amsterdam-breadcrumb__item",
     ref: ref,
     children: jsxRuntime.jsx("a", {
-      className: "amsterdam-breadcrumb-item__link",
+      className: "amsterdam-breadcrumb__link",
       href: href,
       children: children
     })
@@ -928,7 +929,7 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     }, className),
     children: [variant === 'inList' && jsxRuntime.jsx(Icon, {
       svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronRightIcon,
-      size: "level-7"
+      size: "level-6"
     }), children]
   }));
 });
@@ -1226,7 +1227,7 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
 });
 GridCell.displayName = 'Grid.Cell';
 
-var _excluded = ["children", "className", "density", "paddingBottom", "paddingTop", "paddingVertical"];
+var _excluded = ["children", "className", "compact", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingVertical) {
@@ -1245,15 +1246,15 @@ var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingV
 var Grid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$density = _ref.density,
-    density = _ref$density === void 0 ? 'low' : _ref$density,
+    compact = _ref.compact,
+    gapVertical = _ref.gapVertical,
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
-    className: clsx('amsterdam-grid', density && "amsterdam-grid--density-".concat(density), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
+    className: clsx('amsterdam-grid', compact && "amsterdam-grid--compact", gapVertical && "amsterdam-grid--gap-vertical--".concat(gapVertical), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
     children: children
   }));
 });

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm.js

@@ -650,17 +650,18 @@ Footer.displayName = 'Footer';
 Footer.Top.displayName = 'Footer.Top';
 Footer.Bottom.displayName = 'Footer.Bottom';
 
-var _excluded$e = ["children", "className"],
+var _excluded$e = ["alignEnd", "children", "className"],
   _excluded2$3 = ["children", "icon"],
   _excluded3 = ["children", "icon"];
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
+  var alignEnd = _ref.alignEnd,
+    children = _ref.children,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded$e);
   return jsx("ul", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
-    className: clsx('amsterdam-page-menu', className),
+    className: clsx('amsterdam-page-menu', alignEnd && "amsterdam-page-menu--align-end", className),
     ref: ref,
     children: children
   }));
@@ -891,10 +892,10 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     href = _ref2.href,
     restProps = _objectWithoutProperties(_ref2, _excluded2$1);
   return jsx("li", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
-    className: "amsterdam-breadcrumb-item",
+    className: "amsterdam-breadcrumb__item",
     ref: ref,
     children: jsx("a", {
-      className: "amsterdam-breadcrumb-item__link",
+      className: "amsterdam-breadcrumb__link",
       href: href,
       children: children
     })
@@ -926,7 +927,7 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, className),
     children: [variant === 'inList' && jsx(Icon, {
       svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon,
-      size: "level-7"
+      size: "level-6"
     }), children]
   }));
 });
@@ -1224,7 +1225,7 @@ var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GridCell.displayName = 'Grid.Cell';
 
-var _excluded = ["children", "className", "density", "paddingBottom", "paddingTop", "paddingVertical"];
+var _excluded = ["children", "className", "compact", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingVertical) {
@@ -1243,15 +1244,15 @@ var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingV
 var Grid = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$density = _ref.density,
-    density = _ref$density === void 0 ? 'low' : _ref$density,
+    compact = _ref.compact,
+    gapVertical = _ref.gapVertical,
     paddingBottom = _ref.paddingBottom,
     paddingTop = _ref.paddingTop,
     paddingVertical = _ref.paddingVertical,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
-    className: clsx('amsterdam-grid', density && "amsterdam-grid--density-".concat(density), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
+    className: clsx('amsterdam-grid', compact && "amsterdam-grid--compact", gapVertical && "amsterdam-grid--gap-vertical--".concat(gapVertical), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
     children: children
   }));
 });

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.9",
+  "version": "0.2.0",
   "author": "Community for NL Design System",
   "description": "React component library bundle for the City of Amsterdam based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -32,29 +32,29 @@
     "dist/"
   ],
   "dependencies": {
-    "@amsterdam/design-system-react-icons": "0.1.9",
+    "@amsterdam/design-system-react-icons": "0.1.10",
     "@utrecht/component-library-react": "2.0.0",
     "clsx": "2.0.0",
     "date-fns": "2.30.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.3",
+    "@babel/core": "7.23.5",
     "@babel/plugin-transform-runtime": "7.23.4",
-    "@babel/preset-env": "7.23.3",
+    "@babel/preset-env": "7.23.5",
     "@babel/preset-react": "7.23.3",
-    "@babel/runtime": "7.23.4",
+    "@babel/runtime": "7.23.5",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/pluginutils": "5.0.5",
+    "@rollup/pluginutils": "5.1.0",
     "@testing-library/dom": "9.3.3",
-    "@testing-library/jest-dom": "6.1.4",
+    "@testing-library/jest-dom": "6.1.5",
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.5.1",
     "@types/date-fns": "2.6.0",
     "@types/jest": "29.5.10",
     "@types/lodash": "4.14.202",
-    "@types/react": "18.2.38",
+    "@types/react": "18.2.39",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "lodash": "4.17.21",
@@ -63,7 +63,7 @@
     "postcss": "8.4.31",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "4.5.1",
+    "rollup": "4.6.1",
     "rollup-plugin-delete": "2.0.0",
     "rollup-plugin-filesize": "10.0.0",
     "rollup-plugin-node-externals": "6.1.2",
@@ -77,5 +77,5 @@
     "react": "16 - 18",
     "react-dom": "16 - 18"
   },
-  "gitHead": "930baf5f841a4a368c75a7e72e96838ce3f09c79"
+  "gitHead": "de071558a849af9c0f7b1a442b255a1a42d78f2f"
 }