@utrecht/component-library-react 6.2.1 → 7.0.0

package/dist/index.esm.js

@@ -2,12 +2,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useId, useRef, useState, createElement, isValidElement, useImperativeHandle, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
 import clsx, { clsx as clsx$1 } from 'clsx';
 
-var _excluded$1t = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
+var _excluded$1t = ["appearance", "busy", "disabled", "children", "className", "hint", "icon", "label", "pressed", "type"];
 function ownKeys$1u(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$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -17,10 +17,12 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     hint = _ref.hint,
+    icon = _ref.icon,
+    label = _ref.label,
     pressed = _ref.pressed,
     type = _ref.type,
     restProps = _objectWithoutProperties(_ref, _excluded$1t);
-  return jsx("button", _objectSpread$1u(_objectSpread$1u({
+  return jsxs("button", _objectSpread$1u(_objectSpread$1u({
     ref: ref,
     className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
     "aria-busy": busy || undefined,
@@ -28,7 +30,10 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: disabled,
     type: type || 'button'
   }, restProps), {}, {
-    children: children
+    children: [icon, label && jsx("span", {
+      className: "utrecht-button__label",
+      children: label
+    }), children]
   }));
 });
 Button.displayName = 'Button';
@@ -70,10 +75,29 @@ var HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HTMLHeading.displayName = 'HTMLHeading';
 
-var _excluded$1r = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
-  _excluded2$a = ["children", "group", "headingLevel", "heading"];
+var _excluded$1r = ["appearance", "className", "level"];
 function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var appearance = _ref.appearance,
+    className = _ref.className,
+    level = _ref.level,
+    restProps = _objectWithoutProperties(_ref, _excluded$1r);
+  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
+  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
+  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
+  return jsx(HeadingX, _objectSpread$1s(_objectSpread$1s({
+    className: clsx(headingClassName, className)
+  }, restProps), {}, {
+    ref: ref
+  }));
+});
+Heading.displayName = 'Heading';
+
+var _excluded$1q = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
+  _excluded2$a = ["children", "group", "headingLevel", "heading"];
+function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconChevronDown = function IconChevronDown() {
   return jsxs("svg", {
     id: "Layer_1",
@@ -149,7 +173,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onButtonFocus = _ref.onButtonFocus,
     icon = _ref.icon,
     appearance = _ref.appearance,
-    props = _objectWithoutProperties(_ref, _excluded$1r);
+    props = _objectWithoutProperties(_ref, _excluded$1q);
   var panelAttributes = {
     className: clsx('utrecht-accordion__panel', {
       'utrecht-accordion__panel--expanded': expanded
@@ -173,7 +197,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   //   content of the landmark to be the actual content, instead of starting
   //   with the button that controls the region.
   // - we only want expanded sections to show up as landmarks
-  return jsxs("div", _objectSpread$1s(_objectSpread$1s({
+  return jsxs("div", _objectSpread$1r(_objectSpread$1r({
     className: clsx('utrecht-accordion__section', className),
     id: id,
     ref: ref
@@ -206,12 +230,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
           children: label
         })]
       })
-    }), section ? jsx("section", _objectSpread$1s(_objectSpread$1s({
+    }), section ? jsx("section", _objectSpread$1r(_objectSpread$1r({
       id: panelId,
       "aria-labelledby": buttonId
     }, panelAttributes), {}, {
       children: children
-    })) : jsx("div", _objectSpread$1s(_objectSpread$1s({
+    })) : jsx("div", _objectSpread$1r(_objectSpread$1r({
       id: panelId
     }, panelAttributes), {}, {
       children: children
@@ -227,10 +251,10 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     props = _objectWithoutProperties(_ref2, _excluded2$a);
   var headingId = useId();
   return jsxs(Fragment, {
-    children: [!!heading && typeof headingLevel === 'number' && jsx(HTMLHeading, {
+    children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
       level: headingLevel,
       children: heading
-    }), jsx("div", _objectSpread$1s(_objectSpread$1s({
+    }), jsx("div", _objectSpread$1r(_objectSpread$1r({
       className: clsx('utrecht-accordion'),
       role: group ? 'group' : undefined,
       "aria-labelledby": group ? headingId : undefined
@@ -286,7 +310,9 @@ var useAccordion = function useAccordion(sections, ref) {
 var AccordionProvider = function AccordionProvider(_ref4) {
   var sections = _ref4.sections,
     icon = _ref4.icon,
-    appearance = _ref4.appearance;
+    appearance = _ref4.appearance,
+    heading = _ref4.heading,
+    headingLevel = _ref4.headingLevel;
   var ref = useRef(null);
   var _useAccordion = useAccordion(sections, ref),
     refs = _useAccordion.refs,
@@ -329,7 +355,10 @@ var AccordionProvider = function AccordionProvider(_ref4) {
     // Prevent scrolling the page
     evt.preventDefault();
   };
+  var sectionHeadingLevel = typeof headingLevel === 'number' ? headingLevel + (heading ? 1 : 0) : undefined;
   return jsx(Accordion, {
+    heading: heading,
+    headingLevel: headingLevel,
     onKeyDown: handleKeyDown,
     ref: ref,
     children: sectionsState.map(function (section, index) {
@@ -338,7 +367,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
         // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
         setSectionsState(sectionsState.map(function (section, index) {
           if (index === activatedIndex) {
-            return _objectSpread$1s(_objectSpread$1s({}, section), {}, {
+            return _objectSpread$1r(_objectSpread$1r({}, section), {}, {
               expanded: !section.expanded
             });
           } else {
@@ -346,7 +375,9 @@ var AccordionProvider = function AccordionProvider(_ref4) {
           }
         }));
       };
-      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1s(_objectSpread$1s({}, section), {}, {
+      return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1r(_objectSpread$1r({
+        headingLevel: sectionHeadingLevel
+      }, section), {}, {
         icon: icon,
         appearance: appearance,
         ref: refs[index],
@@ -361,16 +392,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
 };
 AccordionProvider.displayName = 'AccordionProvider';
 
-var _excluded$1q = ["children", "className", "icon", "type"];
-function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1p = ["children", "className", "icon", "type"];
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1q);
-  return jsxs("div", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1p);
+  return jsxs("div", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert', {
       'utrecht-alert--error': type === 'error',
@@ -393,16 +424,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Alert.displayName = 'Alert';
 
-var _excluded$1p = ["children", "className", "icon", "type"];
-function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1o = ["children", "className", "icon", "type"];
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     icon = _ref.icon,
     type = _ref.type,
-    restProps = _objectWithoutProperties(_ref, _excluded$1p);
-  return jsxs("dialog", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1o);
+  return jsxs("dialog", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-alert-dialog', {
       'utrecht-alert-dialog--error': type === 'error',
@@ -421,14 +452,14 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AlertDialog.displayName = 'AlertDialog';
 
-var _excluded$1o = ["children", "className"];
-function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1n = ["children", "className"];
+function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1o);
-  return jsx("article", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1n);
+  return jsx("article", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-article', className),
     children: children
@@ -436,14 +467,14 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Article.displayName = 'Article';
 
-var _excluded$1n = ["children", "className"];
-function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1m = ["children", "className"];
+function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1n);
-  return jsx("div", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1m);
+  return jsx("div", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-backdrop', className),
     children: children
@@ -451,35 +482,35 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Backdrop.displayName = 'Backdrop';
 
-var _excluded$1m = ["children", "className", "value"];
-function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1l = ["children", "className", "value"];
+function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     value = _ref.value,
-    restProps = _objectWithoutProperties(_ref, _excluded$1m);
-  var props = _objectSpread$1n({
+    restProps = _objectWithoutProperties(_ref, _excluded$1l);
+  var props = _objectSpread$1m({
     children: children,
     className: clsx('utrecht-badge-counter', className)
   }, restProps);
-  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1n(_objectSpread$1n({}, props), {}, {
+  return typeof value !== 'undefined' ? jsx("data", _objectSpread$1m(_objectSpread$1m({}, props), {}, {
     value: value,
     ref: ref
-  })) : jsx("span", _objectSpread$1n(_objectSpread$1n({}, props), {}, {
+  })) : jsx("span", _objectSpread$1m(_objectSpread$1m({}, props), {}, {
     ref: ref
   }));
 });
 BadgeCounter.displayName = 'BadgeCounter';
 
-var _excluded$1l = ["children", "className"];
-function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1k = ["children", "className"];
+function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded$1l);
-  return jsx("div", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1k);
+  return jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-badge-list', className),
     children: children
@@ -487,15 +518,15 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BadgeList.displayName = 'BadgeList';
 
-var _excluded$1k = ["children", "className", "attribution"];
-function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1j = ["children", "className", "attribution"];
+function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     attribution = _ref.attribution,
-    restProps = _objectWithoutProperties(_ref, _excluded$1k);
-  return jsxs("blockquote", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
+    restProps = _objectWithoutProperties(_ref, _excluded$1j);
+  return jsxs("blockquote", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
     ref: ref,
     className: clsx('utrecht-blockquote', className),
     children: [children, attribution && jsx("div", {
@@ -506,25 +537,6 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Blockquote.displayName = 'Blockquote';
 
-var _excluded$1j = ["appearance", "className", "level"];
-function ownKeys$1k(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$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var appearance = _ref.appearance,
-    className = _ref.className,
-    level = _ref.level,
-    restProps = _objectWithoutProperties(_ref, _excluded$1j);
-  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
-  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
-  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
-  return jsx(HeadingX, _objectSpread$1k(_objectSpread$1k({
-    className: clsx(headingClassName, className)
-  }, restProps), {}, {
-    ref: ref
-  }));
-});
-Heading.displayName = 'Heading';
-
 var _excluded$1i = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
 function ownKeys$1j(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$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1115,7 +1127,7 @@ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Emphasis.displayName = 'Emphasis';
 
-var _excluded$13 = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
+var _excluded$13 = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "required", "role"],
   _excluded2$6 = ["className", "children", "disabled", "invalid"];
 function ownKeys$14(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$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1129,6 +1141,7 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
     form = _ref.form,
     invalid = _ref.invalid,
     name = _ref.name,
+    required = _ref.required,
     role = _ref.role,
     restProps = _objectWithoutProperties(_ref, _excluded$13);
   return jsx("div", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
@@ -1138,7 +1151,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
       "aria-describedby": ariaDescribedby,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      "aria-invalid": invalid || undefined,
+      "aria-invalid": role === 'radiogroup' ? invalid || undefined : undefined,
+      "aria-required": role === 'radiogroup' ? required || undefined : undefined,
       disabled: disabled,
       form: form,
       name: name,
@@ -1621,17 +1635,20 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 IBANData.displayName = 'IBANData';
 
-var _excluded$L = ["children", "className"];
+var _excluded$L = ["children", "className", "role"];
 function ownKeys$M(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$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'presentation' : _ref$role,
     restProps = _objectWithoutProperties(_ref, _excluded$L);
   return jsx("span", _objectSpread$M(_objectSpread$M({
-    "aria-hidden": "true",
     ref: ref,
-    className: clsx('utrecht-icon', className)
+    className: clsx('utrecht-icon', className),
+    role: role,
+    "aria-hidden": role === 'presentation' ? 'true' : undefined
   }, restProps), {}, {
     children: children
   }));

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../components-react/button-react/dist/index.esm.js"],"sourcesContent":["import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _defineProperty from '@babel/runtime/helpers/defineProperty';\nimport _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';\nimport { jsx } from 'react/jsx-runtime';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nvar _excluded = [\"appearance\", \"busy\", \"disabled\", \"children\", \"className\", \"hint\", \"pressed\", \"type\"];\nfunction 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; }\nfunction _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; }\nvar Button = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var appearance = _ref.appearance,\n    busy = _ref.busy,\n    disabled = _ref.disabled,\n    children = _ref.children,\n    className = _ref.className,\n    hint = _ref.hint,\n    pressed = _ref.pressed,\n    type = _ref.type,\n    restProps = _objectWithoutProperties(_ref, _excluded);\n  return jsx(\"button\", _objectSpread(_objectSpread({\n    ref: ref,\n    className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),\n    \"aria-busy\": busy || undefined,\n    \"aria-pressed\": typeof pressed === 'boolean' ? pressed : undefined,\n    disabled: disabled,\n    type: type || 'button'\n  }, restProps), {}, {\n    children: children\n  }));\n});\nButton.displayName = 'Button';\nvar PrimaryActionButton = function PrimaryActionButton(_ref2) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"primary-action-button\"\n  }));\n};\nPrimaryActionButton.displayName = 'PrimaryActionButton';\nvar SecondaryActionButton = function SecondaryActionButton(_ref3) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"secondary-action-button\"\n  }));\n};\nSecondaryActionButton.displayName = 'SecondaryActionButton';\nvar SubtleButton = function SubtleButton(_ref4) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"subtle-button\"\n  }));\n};\nSubtleButton.displayName = 'SubtleButton';\n\nexport { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton };\n//# sourceMappingURL=index.esm.js.map\n"],"names":["_excluded","ownKeys","_objectSpread"],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../components-react/button-react/dist/index.esm.js"],"sourcesContent":["import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _defineProperty from '@babel/runtime/helpers/defineProperty';\nimport _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nvar _excluded = [\"appearance\", \"busy\", \"disabled\", \"children\", \"className\", \"hint\", \"icon\", \"label\", \"pressed\", \"type\"];\nfunction 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; }\nfunction _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; }\nvar Button = /*#__PURE__*/forwardRef(function (_ref, ref) {\n  var appearance = _ref.appearance,\n    busy = _ref.busy,\n    disabled = _ref.disabled,\n    children = _ref.children,\n    className = _ref.className,\n    hint = _ref.hint,\n    icon = _ref.icon,\n    label = _ref.label,\n    pressed = _ref.pressed,\n    type = _ref.type,\n    restProps = _objectWithoutProperties(_ref, _excluded);\n  return jsxs(\"button\", _objectSpread(_objectSpread({\n    ref: ref,\n    className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),\n    \"aria-busy\": busy || undefined,\n    \"aria-pressed\": typeof pressed === 'boolean' ? pressed : undefined,\n    disabled: disabled,\n    type: type || 'button'\n  }, restProps), {}, {\n    children: [icon, label && jsx(\"span\", {\n      className: \"utrecht-button__label\",\n      children: label\n    }), children]\n  }));\n});\nButton.displayName = 'Button';\nvar PrimaryActionButton = function PrimaryActionButton(_ref2) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"primary-action-button\"\n  }));\n};\nPrimaryActionButton.displayName = 'PrimaryActionButton';\nvar SecondaryActionButton = function SecondaryActionButton(_ref3) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"secondary-action-button\"\n  }));\n};\nSecondaryActionButton.displayName = 'SecondaryActionButton';\nvar SubtleButton = function SubtleButton(_ref4) {\n  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));\n  return jsx(Button, _objectSpread(_objectSpread({}, args), {}, {\n    appearance: \"subtle-button\"\n  }));\n};\nSubtleButton.displayName = 'SubtleButton';\n\nexport { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton };\n//# sourceMappingURL=index.esm.js.map\n"],"names":["_excluded","ownKeys","_objectSpread"],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.2.1",
+  "version": "7.0.0",
   "author": "Community for NL Design System",
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -73,33 +73,33 @@
     "@utrecht/alert-dialog-css": "1.2.0",
     "@utrecht/alternate-lang-nav-css": "1.1.0",
     "@utrecht/article-css": "1.2.0",
-    "@utrecht/badge-counter-css": "1.2.1",
     "@utrecht/backdrop-css": "1.2.0",
+    "@utrecht/badge-counter-css": "1.2.1",
     "@utrecht/badge-data-css": "1.2.0",
     "@utrecht/badge-list-css": "2.0.0",
-    "@utrecht/badge-status-css": "1.2.0",
     "@utrecht/blockquote-css": "1.2.1",
+    "@utrecht/badge-status-css": "1.2.0",
     "@utrecht/breadcrumb-nav-css": "1.2.0",
     "@utrecht/button-group-css": "1.2.0",
-    "@utrecht/button-react": "1.0.1",
     "@utrecht/button-link-css": "1.1.0",
-    "@utrecht/calendar-react": "1.0.1",
+    "@utrecht/button-react": "2.0.0",
+    "@utrecht/calendar-react": "1.0.2",
     "@utrecht/checkbox-css": "1.3.0",
-    "@utrecht/code-block-css": "1.2.2",
     "@utrecht/code-css": "1.2.2",
+    "@utrecht/code-block-css": "1.2.2",
     "@utrecht/color-sample-css": "1.2.2",
     "@utrecht/column-layout-css": "1.2.0",
     "@utrecht/combobox-css": "1.2.0",
     "@utrecht/currency-data-css": "1.1.0",
     "@utrecht/custom-checkbox-css": "1.1.1",
     "@utrecht/data-list-css": "1.2.0",
-    "@utrecht/data-placeholder-css": "1.2.0",
     "@utrecht/digid-button-css": "1.2.0",
+    "@utrecht/data-placeholder-css": "1.2.0",
     "@utrecht/document-css": "1.2.0",
     "@utrecht/drawer-css": "1.2.2",
     "@utrecht/emphasis-css": "1.2.0",
     "@utrecht/figure-css": "1.2.0",
-    "@utrecht/focus-ring-css": "1.2.0",
+    "@utrecht/focus-ring-css": "2.0.0",
     "@utrecht/form-field-css": "1.2.0",
     "@utrecht/form-field-description-css": "1.3.0",
     "@utrecht/form-field-error-message-css": "1.3.1",
@@ -115,50 +115,50 @@
     "@utrecht/heading-group-css": "1.2.0",
     "@utrecht/html-content-css": "1.1.0",
     "@utrecht/iban-data-css": "1.1.0",
-    "@utrecht/icon": "1.2.0",
     "@utrecht/img-css": "1.1.0",
+    "@utrecht/icon": "1.2.0",
     "@utrecht/index-char-nav-css": "1.2.0",
     "@utrecht/link-button-css": "1.1.0",
+    "@utrecht/link-css": "1.3.0",
     "@utrecht/link-list-css": "2.1.0",
-    "@utrecht/link-css": "1.2.1",
     "@utrecht/link-social-css": "1.2.0",
     "@utrecht/list-social-css": "1.2.0",
     "@utrecht/listbox-css": "1.2.0",
     "@utrecht/logo-button-css": "1.2.0",
     "@utrecht/logo-css": "1.2.0",
     "@utrecht/logo-image-css": "1.2.0",
-    "@utrecht/map-control-button-css": "2.0.1",
+    "@utrecht/map-control-button-css": "2.0.2",
     "@utrecht/map-marker-css": "1.2.0",
-    "@utrecht/mark-css": "1.2.1",
+    "@utrecht/mark-css": "1.2.2",
     "@utrecht/multiline-data-css": "1.1.0",
     "@utrecht/nav-bar-css": "1.2.0",
     "@utrecht/nav-list-css": "1.1.0",
-    "@utrecht/number-badge-css": "2.0.0",
+    "@utrecht/number-badge-css": "2.1.0",
     "@utrecht/number-data-css": "1.2.0",
     "@utrecht/ordered-list-css": "1.2.0",
     "@utrecht/page-content-css": "1.2.0",
     "@utrecht/page-css": "1.2.0",
     "@utrecht/page-footer-css": "1.2.0",
-    "@utrecht/pagination-css": "1.2.0",
-    "@utrecht/paragraph-css": "1.2.0",
+    "@utrecht/page-header-css": "1.2.0",
+    "@utrecht/pagination-css": "1.2.1",
+    "@utrecht/paragraph-css": "2.0.0",
     "@utrecht/pre-heading-css": "1.2.2",
     "@utrecht/preserve-data-css": "1.1.0",
-    "@utrecht/radio-button-css": "1.3.0",
+    "@utrecht/radio-button-css": "1.3.1",
     "@utrecht/rich-text-css": "1.1.0",
     "@utrecht/search-bar-css": "2.0.0",
-    "@utrecht/select-css": "1.3.0",
+    "@utrecht/select-css": "1.4.0",
     "@utrecht/separator-css": "1.2.0",
-    "@utrecht/skip-link-css": "1.2.0",
+    "@utrecht/skip-link-css": "1.3.0",
     "@utrecht/spotlight-section-css": "1.3.0",
     "@utrecht/subscript-css": "1.0.0",
-    "@utrecht/page-header-css": "1.2.0",
     "@utrecht/superscript-css": "1.0.0",
     "@utrecht/surface-css": "1.2.0",
-    "@utrecht/table-of-contents-css": "0.1.0",
-    "@utrecht/textarea-css": "2.0.0",
-    "@utrecht/textbox-css": "1.3.0",
     "@utrecht/table-css": "1.2.0",
-    "@utrecht/top-task-link-css": "1.2.0",
+    "@utrecht/table-of-contents-css": "0.1.0",
+    "@utrecht/textarea-css": "2.0.1",
+    "@utrecht/textbox-css": "1.3.1",
+    "@utrecht/top-task-link-css": "1.2.1",
     "@utrecht/top-task-nav-css": "1.1.0",
     "@utrecht/unordered-list-css": "1.2.0",
     "@utrecht/url-data-css": "1.1.0",