@amsterdam/design-system-react 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/README.md +3 -18
  2. package/dist/Alert/Alert.d.ts +13 -0
  3. package/dist/Alert/index.d.ts +2 -0
  4. package/dist/index.cjs.js +159 -161
  5. package/dist/index.cjs.js.map +1 -1
  6. package/dist/index.d.ts +20 -20
  7. package/dist/index.esm.js +121 -125
  8. package/dist/index.esm.js.map +1 -1
  9. package/package.json +6 -7
  10. package/dist/Card/Card.d.ts +0 -18
  11. package/dist/Card/index.d.ts +0 -2
  12. package/dist/Hero/Hero.d.ts +0 -15
  13. package/dist/Hero/Hero.test.d.ts +0 -1
  14. package/dist/Hero/index.d.ts +0 -1
  15. package/dist/Switch/Switch.d.ts +0 -4
  16. package/dist/Switch/Switch.test.d.ts +0 -1
  17. package/dist/Switch/index.d.ts +0 -1
  18. package/dist/Testula/Testula.d.ts +0 -8
  19. package/dist/Testula/Testula.test.d.ts +0 -1
  20. package/dist/Testula/index.d.ts +0 -2
  21. package/dist/buttons/Button/Button.d.ts +0 -12
  22. package/dist/buttons/Button/Button.test.d.ts +0 -1
  23. package/dist/buttons/Button/index.d.ts +0 -2
  24. package/dist/containers/Accordion/Accordion.d.ts +0 -17
  25. package/dist/containers/Accordion/Accordion.test.d.ts +0 -1
  26. package/dist/containers/Accordion/AccordionContext.d.ts +0 -8
  27. package/dist/containers/Accordion/AccordionSection.d.ts +0 -12
  28. package/dist/containers/Accordion/AccordionSection.test.d.ts +0 -1
  29. package/dist/containers/Accordion/index.d.ts +0 -3
  30. package/dist/containers/Accordion/useFocusWithArrow.test.d.ts +0 -1
  31. package/dist/containers/Accordion/useFocusWithArrows.d.ts +0 -24
  32. package/dist/containers/Footer/Footer.d.ts +0 -23
  33. package/dist/containers/Footer/Footer.test.d.ts +0 -1
  34. package/dist/containers/Footer/index.d.ts +0 -1
  35. package/dist/containers/VisuallyHidden/VisuallyHidden.d.ts +0 -8
  36. package/dist/containers/VisuallyHidden/VisuallyHidden.test.d.ts +0 -1
  37. package/dist/containers/VisuallyHidden/index.d.ts +0 -1
  38. package/dist/forms/Checkbox/Checkbox.d.ts +0 -12
  39. package/dist/forms/Checkbox/Checkbox.test.d.ts +0 -1
  40. package/dist/forms/Checkbox/index.d.ts +0 -2
  41. package/dist/forms/FormLabel/FormLabel.d.ts +0 -9
  42. package/dist/forms/FormLabel/FormLabel.test.d.ts +0 -1
  43. package/dist/forms/FormLabel/index.d.ts +0 -1
  44. package/dist/layout/GridCell/GridCell.d.ts +0 -18
  45. package/dist/layout/GridCell/index.d.ts +0 -2
  46. package/dist/layout/PageGrid/PageGrid.d.ts +0 -10
  47. package/dist/layout/PageGrid/index.d.ts +0 -2
  48. package/dist/media/Icon/Icon.d.ts +0 -12
  49. package/dist/media/Icon/Icon.test.d.ts +0 -1
  50. package/dist/media/Icon/index.d.ts +0 -2
  51. package/dist/navigation/Breadcrumb/Breadcrumb.d.ts +0 -11
  52. package/dist/navigation/Breadcrumb/Breadcrumb.test.d.ts +0 -1
  53. package/dist/navigation/Breadcrumb/index.d.ts +0 -2
  54. package/dist/navigation/Link/Link.d.ts +0 -21
  55. package/dist/navigation/Link/Link.test.d.ts +0 -1
  56. package/dist/navigation/Link/index.d.ts +0 -2
  57. package/dist/navigation/PageMenu/PageMenu.d.ts +0 -20
  58. package/dist/navigation/PageMenu/PageMenu.test.d.ts +0 -1
  59. package/dist/navigation/PageMenu/index.d.ts +0 -2
  60. package/dist/navigation/TopTaskLink/TopTaskLink.d.ts +0 -10
  61. package/dist/navigation/TopTaskLink/TopTaskLink.test.d.ts +0 -1
  62. package/dist/navigation/TopTaskLink/index.d.ts +0 -1
  63. package/dist/text/Blockquote/Blockquote.d.ts +0 -15
  64. package/dist/text/Blockquote/Blockquote.test.d.ts +0 -1
  65. package/dist/text/Blockquote/index.d.ts +0 -2
  66. package/dist/text/Heading/Heading.d.ts +0 -29
  67. package/dist/text/Heading/Heading.test.d.ts +0 -1
  68. package/dist/text/Heading/index.d.ts +0 -2
  69. package/dist/text/OrderedList/OrderedList.d.ts +0 -17
  70. package/dist/text/OrderedList/OrderedList.test.d.ts +0 -1
  71. package/dist/text/OrderedList/index.d.ts +0 -2
  72. package/dist/text/PageHeading/PageHeading.d.ts +0 -15
  73. package/dist/text/PageHeading/PageHeading.test.d.ts +0 -1
  74. package/dist/text/PageHeading/index.d.ts +0 -2
  75. package/dist/text/Paragraph/Paragraph.d.ts +0 -18
  76. package/dist/text/Paragraph/Paragraph.test.d.ts +0 -1
  77. package/dist/text/Paragraph/index.d.ts +0 -2
  78. package/dist/text/UnorderedList/UnorderedList.d.ts +0 -17
  79. package/dist/text/UnorderedList/UnorderedList.test.d.ts +0 -1
  80. package/dist/text/UnorderedList/index.d.ts +0 -2
  81. package/dist/tsconfig.test.tsbuildinfo +0 -1
  82. package/dist/tsconfig.tsbuildinfo +0 -1
  83. package/dist/unstyled/index.d.ts +0 -22
  84. /package/dist/{Card/Card.test.d.ts → Alert/Alert.test.d.ts} +0 -0
package/dist/index.cjs.js CHANGED
@@ -3,104 +3,38 @@
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var clsx = require('clsx');
7
- var react = require('react');
8
6
  var designSystemReactIcons = require('@amsterdam/design-system-react-icons');
7
+ var clsx = require('clsx');
8
+ var React = require('react');
9
9
  var componentLibraryReact = require('@utrecht/component-library-react');
10
10
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
11
11
 
12
- function styleInject(css, ref) {
13
- if ( ref === void 0 ) ref = {};
14
- var insertAt = ref.insertAt;
15
-
16
- if (!css || typeof document === 'undefined') { return; }
17
-
18
- var head = document.head || document.getElementsByTagName('head')[0];
19
- var style = document.createElement('style');
20
- style.type = 'text/css';
21
-
22
- if (insertAt === 'top') {
23
- if (head.firstChild) {
24
- head.insertBefore(style, head.firstChild);
25
- } else {
26
- head.appendChild(style);
27
- }
28
- } else {
29
- head.appendChild(style);
30
- }
31
-
32
- if (style.styleSheet) {
33
- style.styleSheet.cssText = css;
34
- } else {
35
- style.appendChild(document.createTextNode(css));
36
- }
37
- }
38
-
39
- var css_248z$i = ".amsterdam-visually-hidden{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:1px}";
40
- styleInject(css_248z$i);
41
-
42
- var css_248z$h = ".amsterdam-footer__top{background-color:var(--amsterdam-footer-top-background-color);padding-block:2.5rem;padding-inline:2rem}@media screen and (width > 53.375rem){.amsterdam-footer__top{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide),1fr)}}.amsterdam-footer__column{display:flex;flex-direction:column;gap:2.5rem}.amsterdam-footer__bottom{padding-block:.5rem;padding-inline:2rem}";
43
- styleInject(css_248z$h);
44
-
45
- var css_248z$g = ".amsterdam-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin-block:0;padding-inline:0;row-gap:var(--amsterdam-page-menu-row-gap)}.amsterdam-page-menu__link{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-focus-outline-offset);text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation}@media screen and (width > 53.375rem){.amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__button{-webkit-text-size-adjust:100%;background-color:transparent;border:0;box-sizing:border-box;color:var(--amsterdam-page-menu-item-color);cursor:pointer;display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-narrow-font-size);font-weight:var(--amsterdam-page-menu-item-narrow-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);margin-block:0;outline-offset:var(--amsterdam-focus-outline-offset);padding-inline:0;text-align:center;text-decoration:var(--amsterdam-page-menu-item-text-decoration);touch-action:manipulation}@media screen and (width > 53.375rem){.amsterdam-page-menu__button{font-size:var(--amsterdam-page-menu-item-wide-font-size)}}.amsterdam-page-menu__button:hover,.amsterdam-page-menu__link:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration:var(--amsterdam-page-menu-item-hover-text-decoration)}.amsterdam-page-menu__button svg,.amsterdam-page-menu__link svg{color:currentColor}";
46
- styleInject(css_248z$g);
47
-
48
- var css_248z$f = ".amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-narrow-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-top-task-link__label{font-size:var(--amsterdam-top-task-link-label-wide-font-size)}}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.5rem}.amsterdam-top-task-link__description{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-narrow-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-line-height)}@media screen and (width > 53.375rem){.amsterdam-top-task-link__description{font-size:var(--amsterdam-top-task-link-description-wide-font-size)}}";
49
- styleInject(css_248z$f);
50
-
51
- var css_248z$e = "@charset \"UTF-8\";.amsterdam-blockquote{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-blockquote-color);font-family:var(--amsterdam-blockquote-font-family);font-size:var(--amsterdam-blockquote-narrow-font-size);font-weight:var(--amsterdam-blockquote-font-weight);line-height:var(--amsterdam-blockquote-line-height);margin-block:0;margin-inline:0;quotes:\"“\" \"”\"}.amsterdam-blockquote:before{content:open-quote}.amsterdam-blockquote:after{content:close-quote}@media screen and (width > 53.375rem){.amsterdam-blockquote{font-size:var(--amsterdam-blockquote-wide-font-size)}}.amsterdam-blockquote--inverse-color{color:var(--amsterdam-blockquote-inverse-color)}";
52
- styleInject(css_248z$e);
53
-
54
- var css_248z$d = ".amsterdam-checkbox__input{appearance:none;margin-block:0;margin-inline:0;opacity:0}.amsterdam-checkbox__input:focus-visible+label{outline:auto;outline-offset:var(--amsterdam-checkbox-outline-offset)}.amsterdam-checkbox__checkmark{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-checkbox-checkmark-narrow-size)*var(--amsterdam-checkbox-checkmark-multiplier));width:1.5rem}.amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-border-color);border-style:solid;border-width:2px;box-sizing:border-box;content:\"\";height:1.5rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-checkbox__checkmark{height:calc(var(--amsterdam-checkbox-checkmark-wide-size)*var(--amsterdam-checkbox-checkmark-multiplier))}}.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-checkbox-font-family);font-size:var(--amsterdam-checkbox-narrow-font-size);font-weight:400;gap:.5rem;line-height:var(--amsterdam-checkbox-line-height)}.amsterdam-checkbox__label:hover{color:var(--amsterdam-checkbox-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-hover-border-color);border-width:3px}@media screen and (width > 53.375rem){.amsterdam-checkbox__label{font-size:var(--amsterdam-checkbox-wide-font-size)}}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-checked-background-color);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-background-color);background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2ZmZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMy43MTRoMzJ2NEgweiIvPjwvc3ZnPg==\");background-position:50%;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:invalid+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-invalid-border-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-disabled-color);cursor:not-allowed}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color);border-width:2px}.amsterdam-checkbox__input:invalid:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-background-color)}.amsterdam-checkbox__input:invalid:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label:hover{text-decoration:none}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color)}.amsterdam-checkbox__input:invalid:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}:is(.amsterdam-checkbox__input:invalid,.amsterdam-checkbox__input[aria-invalid=true])+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-invalid-hover-border-color)}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-checked-hover-background-color)}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:checked,.amsterdam-checkbox__input[aria-invalid=true]:checked)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:indeterminate,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:disabled,.amsterdam-checkbox__input[aria-invalid=true]:disabled)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark:after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}.amsterdam-checkbox__input:invalid:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input:invalid:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark:after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}";
55
- styleInject(css_248z$d);
56
-
57
- var css_248z$c = ".amsterdam-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-narrow-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-line-height);margin-block:0}@media screen and (width > 53.375rem){.amsterdam-page-heading{font-size:var(--amsterdam-page-heading-wide-font-size)}}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}";
58
- styleInject(css_248z$c);
59
-
60
- var css_248z$b = ".amsterdam-ordered-list{-webkit-text-size-adjust:100%;box-sizing:border-box;display:grid;gap:var(--amsterdam-ordered-list-gap);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-narrow-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){font-size:var(--amsterdam-ordered-list-wide-font-size)}}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-ordered-list-item-padding-inline-start)}";
61
- styleInject(css_248z$b);
62
-
63
- var css_248z$a = ".amsterdam-accordion__header{display:flex;margin-block:0;margin-inline:0}.amsterdam-accordion__button{background-color:transparent;border:0;color:var(--amsterdam-accordion-button-color);cursor:pointer;display:flex;font-family:var(--amsterdam-accordion-button-font-family);font-size:var(--amsterdam-accordion-button-narrow-font-size);font-weight:var(--amsterdam-accordion-button-font-weight);justify-content:space-between;line-height:var(--amsterdam-accordion-button-line-height);padding-block:.75rem;padding-inline:1rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-accordion__button{font-size:var(--amsterdam-accordion-button-wide-font-size)}}.amsterdam-accordion__button:focus{outline-offset:var(--amsterdam-accordion-button-focus-outline-offset)}.amsterdam-accordion__button:hover{box-shadow:var(--amsterdam-accordion-button-hover-box-shadow)}.amsterdam-accordion__button svg{transform:rotate(0deg);transition:transform .3s ease}@media (prefers-reduced-motion){.amsterdam-accordion__button svg{transition:none}}.amsterdam-accordion__button[aria-expanded=true] svg{transform:rotate(180deg)}.amsterdam-accordion__panel{display:none;padding-block:1rem;padding-inline:1rem}.amsterdam-accordion__panel--expanded{display:block}";
64
- styleInject(css_248z$a);
65
-
66
- var css_248z$9 = ".amsterdam-breadcrumb{font-family:var(--amsterdam-breadcrumb-font-family,inherit);font-size:var(--amsterdam-breadcrumb-narrow-font-size);line-height:var(--amsterdam-breadcrumb-line-height)}@media screen and (width > 53.375rem){.amsterdam-breadcrumb{font-size:var(--amsterdam-breadcrumb-wide-font-size)}}.amsterdam-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-block:0;padding-inline:0}.amsterdam-breadcrumb-item{align-items:center;display:flex}.amsterdam-breadcrumb-item:not(:last-child):after{background-color:var(--amsterdam-breadcrumb-color);clip-path:path(\"M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z\");content:\"\";display:inline-block;height:16px;margin-inline-start:1rem;width:16px}.amsterdam-breadcrumb-item__link{color:var(--amsterdam-breadcrumb-color);cursor:pointer;outline-offset:var(--amsterdam-breadcrumb-item-link-outline-offset);text-decoration:none}.amsterdam-breadcrumb-item__link:first-letter{text-transform:capitalize}.amsterdam-breadcrumb-item__link:active,.amsterdam-breadcrumb-item__link:focus,.amsterdam-breadcrumb-item__link:hover{color:var(--amsterdam-breadcrumb-item-link-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}";
67
- styleInject(css_248z$9);
68
-
69
- var css_248z$8 = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-pressed-background-color:var(\n --_utrecht-button-hint-pressed-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-pressed-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-pressed-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-pressed-border-color:var(\n --_utrecht-button-hint-pressed-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-pressed-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-pressed-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-pressed-color:var(\n --_utrecht-button-hint-pressed-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-pressed-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-pressed-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-block-end-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor,revert);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family,inherit));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-button{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor,revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor,wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}.amsterdam-button{font-size:var(--amsterdam-button-narrow-font-size)}@media screen and (width > 53.375rem){.amsterdam-button{font-size:var(--amsterdam-button-wide-font-size)}}.amsterdam-button--secondary{box-shadow:var(--amsterdam-button-secondary-box-shadow)}.amsterdam-button--secondary [aria-disabled=true],.amsterdam-button--secondary:disabled{box-shadow:var(--amsterdam-button-secondary-disabled-box-shadow)}.amsterdam-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-hover-box-shadow)}.amsterdam-button--secondary.amsterdam-button--secondary:focus{color:var(--amsterdam-button-secondary-focus-color)}.amsterdam-button--secondary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-focus-box-shadow)}.amsterdam-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-hover-box-shadow)}.amsterdam-button--tertiary:focus:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-focus-box-shadow)}";
70
- styleInject(css_248z$8);
71
-
72
- var css_248z$7 = ".amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-narrow-font-size);font-weight:var(--amsterdam-form-label-font-weight);line-height:var(--amsterdam-form-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-form-label{font-size:var(--amsterdam-form-label-wide-font-size)}}";
73
- styleInject(css_248z$7);
74
-
75
- var css_248z$6 = ".amsterdam-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);margin-block:0}.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-narrow-font-size);line-height:var(--amsterdam-heading-1-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-wide-font-size)}}.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-narrow-font-size);line-height:var(--amsterdam-heading-2-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-wide-font-size)}}.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-narrow-font-size);line-height:var(--amsterdam-heading-3-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-wide-font-size)}}.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-narrow-font-size);line-height:var(--amsterdam-heading-4-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-wide-font-size)}}.amsterdam-heading--inverse-color{color:var(--amsterdam-heading-inverse-color)}";
76
- styleInject(css_248z$6);
77
-
78
- var css_248z$5 = ".amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-narrow)*var(--amsterdam-icon-size-3-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-icon-size-wide)*var(--amsterdam-icon-size-3-container-multiplier))}}.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-narrow);width:var(--amsterdam-icon-size-3-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-size-3-icon-size-wide);width:var(--amsterdam-icon-size-3-icon-size-wide)}}.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-narrow)*var(--amsterdam-icon-size-4-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-size-4-icon-size-wide)*var(--amsterdam-icon-size-4-container-multiplier))}}.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-narrow);width:var(--amsterdam-icon-size-4-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-size-4-icon-size-wide);width:var(--amsterdam-icon-size-4-icon-size-wide)}}.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-narrow)*var(--amsterdam-icon-size-5-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-size-5-icon-size-wide)*var(--amsterdam-icon-size-5-container-multiplier))}}.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-narrow);width:var(--amsterdam-icon-size-5-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-size-5-icon-size-wide);width:var(--amsterdam-icon-size-5-icon-size-wide)}}.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-narrow)*var(--amsterdam-icon-size-6-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-size-6-icon-size-wide)*var(--amsterdam-icon-size-6-container-multiplier))}}.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-narrow);width:var(--amsterdam-icon-size-6-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-size-6-icon-size-wide);width:var(--amsterdam-icon-size-6-icon-size-wide)}}.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-narrow)*var(--amsterdam-icon-size-7-container-multiplier))}@media screen and (width > 53.375rem){.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-size-7-icon-size-wide)*var(--amsterdam-icon-size-7-container-multiplier))}}.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-narrow);width:var(--amsterdam-icon-size-7-icon-size-narrow)}@media screen and (width > 53.375rem){.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-size-7-icon-size-wide);width:var(--amsterdam-icon-size-7-icon-size-wide)}}";
79
- styleInject(css_248z$5);
80
-
81
- var css_248z$4 = ".amsterdam-link{color:var(--amsterdam-link-color);font-family:var(--amsterdam-link-font-family);font-weight:var(--amsterdam-link-font-weight);outline-offset:var(--amsterdam-link-outline-offset)}.amsterdam-link:active,.amsterdam-link:focus,.amsterdam-link:hover{color:var(--amsterdam-link-focus-color)}.amsterdam-link--standalone{display:inline-block;font-size:var(--amsterdam-link-standalone-narrow-font-size);line-height:var(--amsterdam-link-standalone-line-height);text-decoration-thickness:var(--amsterdam-link-standalone-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-text-underline-offset)}.amsterdam-link--standalone:active,.amsterdam-link--standalone:focus,.amsterdam-link--standalone:hover{text-decoration-thickness:var(--amsterdam-link-standalone-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-standalone-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--standalone{font-size:var(--amsterdam-link-standalone-wide-font-size)}}.amsterdam-link--inline{font-family:var(--amsterdam-link-inline-font-family);font-size:var(--amsterdam-link-inline-font-size);line-height:var(--amsterdam-link-inline-line-height);text-decoration:var(--amsterdam-link-inline-text-decoration);text-decoration-thickness:var(--amsterdam-link-text-decoration-thickness)}.amsterdam-link--inline:active,.amsterdam-link--inline:focus,.amsterdam-link--inline:hover{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline:visited{color:var(--amsterdam-link-inline-visited-color)}.amsterdam-link--in-list{align-items:flex-start;display:inline-flex;font-size:var(--amsterdam-link-in-list-narrow-font-size);gap:var(--amsterdam-link-in-list-gap);line-height:var(--amsterdam-link-in-list-line-height);text-decoration:var(--amsterdam-link-in-list-text-decoration)}.amsterdam-link--in-list:active,.amsterdam-link--in-list:focus,.amsterdam-link--in-list:hover{text-decoration:var(--amsterdam-link-in-list-focus-text-decoration);text-decoration-thickness:var(--amsterdam-link-in-list-focus-text-decoration-thickness);text-underline-offset:var(--amsterdam-link-in-list-focus-text-underline-offset)}@media screen and (width > 53.375rem){.amsterdam-link--in-list{font-size:var(--amsterdam-link-in-list-wide-font-size)}}.amsterdam-link--in-list__chevron span.amsterdam-icon svg{height:16px;width:16px}.amsterdam-link--on-background-dark{color:var(--amsterdam-link-on-background-dark-color)}.amsterdam-link--on-background-dark:active,.amsterdam-link--on-background-dark:focus,.amsterdam-link--on-background-dark:hover{color:var(--amsterdam-link-on-background-dark-hover-color)}.amsterdam-link--on-background-dark:visited{color:var(--amsterdam-link-on-background-dark-visited-color)}.amsterdam-link--on-background-light{color:var(--amsterdam-link-on-background-light-color)}.amsterdam-link--on-background-light:active,.amsterdam-link--on-background-light:focus,.amsterdam-link--on-background-light:hover{color:var(--amsterdam-link-on-background-light-hover-color)}.amsterdam-link--on-background-light:visited{color:var(--amsterdam-link-on-background-light-visited-color)}.amsterdam-link--inline.amsterdam-link--on-background-dark,.amsterdam-link--inline.amsterdam-link--on-background-light{text-decoration:var(--amsterdam-link-inline-focus-text-decoration);text-underline-offset:var(--amsterdam-link-inline-focus-text-underline-offset)}.amsterdam-link--inline.amsterdam-link--on-background-dark:active,.amsterdam-link--inline.amsterdam-link--on-background-dark:focus,.amsterdam-link--inline.amsterdam-link--on-background-dark:hover,.amsterdam-link--inline.amsterdam-link--on-background-light:active,.amsterdam-link--inline.amsterdam-link--on-background-light:focus,.amsterdam-link--inline.amsterdam-link--on-background-light:hover{text-decoration:var(--amsterdam-link-inline-text-decoration)}";
82
- styleInject(css_248z$4);
83
-
84
- var css_248z$3 = ".amsterdam-paragraph{-webkit-text-size-adjust:100%;box-sizing:border-box;color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-narrow-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-line-height);margin-block:0}@media screen and (width > 53.375rem){.amsterdam-paragraph{font-size:var(--amsterdam-paragraph-wide-font-size)}}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-narrow-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-wide-font-size)}}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-narrow-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}@media screen and (width > 53.375rem){.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-wide-font-size)}}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}";
85
- styleInject(css_248z$3);
86
-
87
- var css_248z$2 = ".amsterdam-unordered-list{-webkit-text-size-adjust:100%;box-sizing:border-box;display:grid;gap:var(--amsterdam-unordered-list-gap);list-style:none;margin-block:0;padding-inline-start:0}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-narrow-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}@media screen and (width > 53.375rem){.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){font-size:var(--amsterdam-unordered-list-wide-font-size)}}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start)}";
88
- styleInject(css_248z$2);
89
-
90
- var css_248z$1 = "@media screen and (width > 53.375rem){.amsterdam-grid-column-start-1{grid-column-start:1}.amsterdam-grid-column-span-1{grid-column-end:span 1}.amsterdam-grid-column-start-2{grid-column-start:2}.amsterdam-grid-column-span-2{grid-column-end:span 2}.amsterdam-grid-column-start-3{grid-column-start:3}.amsterdam-grid-column-span-3{grid-column-end:span 3}.amsterdam-grid-column-start-4{grid-column-start:4}.amsterdam-grid-column-span-4{grid-column-end:span 4}.amsterdam-grid-column-start-5{grid-column-start:5}.amsterdam-grid-column-span-5{grid-column-end:span 5}.amsterdam-grid-column-start-6{grid-column-start:6}.amsterdam-grid-column-span-6{grid-column-end:span 6}.amsterdam-grid-column-start-7{grid-column-start:7}.amsterdam-grid-column-span-7{grid-column-end:span 7}.amsterdam-grid-column-start-8{grid-column-start:8}.amsterdam-grid-column-span-8{grid-column-end:span 8}.amsterdam-grid-column-start-9{grid-column-start:9}.amsterdam-grid-column-span-9{grid-column-end:span 9}.amsterdam-grid-column-start-10{grid-column-start:10}.amsterdam-grid-column-span-10{grid-column-end:span 10}.amsterdam-grid-column-start-11{grid-column-start:11}.amsterdam-grid-column-span-11{grid-column-end:span 11}.amsterdam-grid-column-start-12{grid-column-start:12}.amsterdam-grid-column-span-12{grid-column-end:span 12}}";
91
- styleInject(css_248z$1);
92
-
93
- var css_248z = ".amsterdam-page-grid{column-gap:var(--amsterdam-page-grid-column-gap);display:grid;grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-narrow),1fr);max-width:var(--amsterdam-page-grid-max-width)}@media screen and (width > 53.375rem){.amsterdam-page-grid{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide),1fr)}}";
94
- styleInject(css_248z);
12
+ var _excluded$k = ["className", "size", "svg"];
13
+ function ownKeys$k(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; }
14
+ function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
+ var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
+ var className = _ref.className,
17
+ _ref$size = _ref.size,
18
+ size = _ref$size === void 0 ? 'level-3' : _ref$size,
19
+ svg = _ref.svg,
20
+ otherProps = _objectWithoutProperties(_ref, _excluded$k);
21
+ return jsxRuntime.jsx("span", _objectSpread$k(_objectSpread$k({
22
+ ref: ref,
23
+ className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', size === 'level-7' && 'amsterdam-icon--size-7', className)
24
+ }, otherProps), {}, {
25
+ children: svg()
26
+ }));
27
+ });
28
+ Icon.displayName = 'Icon';
95
29
 
96
- var _excluded$i = ["children", "className"];
97
- function ownKeys$i(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; }
98
- function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
99
- var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
30
+ var _excluded$j = ["children", "className"];
31
+ function ownKeys$j(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; }
32
+ function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
33
+ var VisuallyHidden = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
100
34
  var children = _ref.children,
101
35
  className = _ref.className,
102
- restProps = _objectWithoutProperties(_ref, _excluded$i);
103
- return jsxRuntime.jsx("div", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
36
+ restProps = _objectWithoutProperties(_ref, _excluded$j);
37
+ return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
104
38
  ref: ref,
105
39
  className: clsx('amsterdam-visually-hidden', className),
106
40
  children: children
@@ -108,9 +42,89 @@ var VisuallyHidden = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
108
42
  });
109
43
  VisuallyHidden.displayName = 'VisuallyHidden';
110
44
 
111
- var _excluded$h = ["children", "gridColumns", "className"];
45
+ var _excluded$i = ["className", "size"],
46
+ _excluded2$5 = ["children", "className", "title", "severity", "closeable", "icon", "onClose"];
47
+ function ownKeys$i(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; }
48
+ function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
49
+ var AlertClose = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
50
+ var className = _ref.className,
51
+ size = _ref.size,
52
+ restProps = _objectWithoutProperties(_ref, _excluded$i);
53
+ return jsxRuntime.jsxs("button", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
54
+ ref: ref,
55
+ className: clsx('amsterdam-alert__close', className),
56
+ children: [jsxRuntime.jsx(VisuallyHidden, {
57
+ children: "Sluiten"
58
+ }), jsxRuntime.jsx(Icon, {
59
+ svg: designSystemReactIcons.Close,
60
+ size: size
61
+ })]
62
+ }));
63
+ });
64
+ var iconSvgBySeverity = {
65
+ error: designSystemReactIcons.Alert,
66
+ success: designSystemReactIcons.Checkmark
67
+ };
68
+ var Alert = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
69
+ var children = _ref2.children,
70
+ className = _ref2.className,
71
+ title = _ref2.title,
72
+ severity = _ref2.severity,
73
+ closeable = _ref2.closeable,
74
+ icon = _ref2.icon,
75
+ onClose = _ref2.onClose,
76
+ restProps = _objectWithoutProperties(_ref2, _excluded2$5);
77
+ var alertSize = title ? 'level-5' : 'level-6';
78
+ var alertIcon = React.useMemo(function () {
79
+ if (!icon || !severity) {
80
+ return null;
81
+ }
82
+ return jsxRuntime.jsx(Icon, {
83
+ size: alertSize,
84
+ svg: iconSvgBySeverity[severity]
85
+ });
86
+ }, [icon, severity, alertSize]);
87
+ return jsxRuntime.jsxs("div", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
88
+ ref: ref,
89
+ className: clsx('amsterdam-alert', severity && "amsterdam-alert--".concat(severity), className),
90
+ children: [alertIcon && jsxRuntime.jsx("div", {
91
+ className: "amsterdam-alert__icon",
92
+ children: alertIcon
93
+ }), jsxRuntime.jsxs("div", {
94
+ className: "amsterdam-alert__content",
95
+ children: [title && jsxRuntime.jsx("span", {
96
+ className: "amsterdam-alert__title",
97
+ children: title
98
+ }), children]
99
+ }), closeable && jsxRuntime.jsx(AlertClose, {
100
+ size: alertSize,
101
+ onClick: onClose
102
+ })]
103
+ }));
104
+ });
105
+ Alert.displayName = 'Alert';
106
+ AlertClose.displayName = 'AlertClose';
107
+
108
+ var _excluded$h = ["children", "className", "ratio"];
112
109
  function ownKeys$h(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; }
113
110
  function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
111
+ var AspectRatio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
112
+ var children = _ref.children,
113
+ className = _ref.className,
114
+ _ref$ratio = _ref.ratio,
115
+ ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
116
+ restProps = _objectWithoutProperties(_ref, _excluded$h);
117
+ return jsxRuntime.jsx("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
118
+ ref: ref,
119
+ className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
120
+ children: children
121
+ }));
122
+ });
123
+ AspectRatio.displayName = 'AspectRatio';
124
+
125
+ var _excluded$g = ["children", "gridColumns", "className"];
126
+ function ownKeys$g(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; }
127
+ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
114
128
  var gridColumnClassNames = function gridColumnClassNames(gridColumns) {
115
129
  if (!gridColumns) {
116
130
  return '';
@@ -122,12 +136,12 @@ var gridColumnClassNames = function gridColumnClassNames(gridColumns) {
122
136
  span = gridColumns.span;
123
137
  return clsx(start && "amsterdam-grid-column-start-".concat(start), span && "amsterdam-grid-column-span-".concat(span));
124
138
  };
125
- var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
139
+ var GridCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
126
140
  var children = _ref.children,
127
141
  gridColumns = _ref.gridColumns,
128
142
  className = _ref.className,
129
- restProps = _objectWithoutProperties(_ref, _excluded$h);
130
- return jsxRuntime.jsx("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
143
+ restProps = _objectWithoutProperties(_ref, _excluded$g);
144
+ return jsxRuntime.jsx("div", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
131
145
  ref: ref,
132
146
  className: clsx('amsterdam-grid-cell', gridColumnClassNames(gridColumns), className),
133
147
  children: children
@@ -135,14 +149,14 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
135
149
  });
136
150
  GridCell.displayName = 'GridCell';
137
151
 
138
- var _excluded$g = ["children", "className"];
139
- function ownKeys$g(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; }
140
- function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
141
- var PageGrid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
152
+ var _excluded$f = ["children", "className"];
153
+ function ownKeys$f(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; }
154
+ function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
155
+ var PageGrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
142
156
  var children = _ref.children,
143
157
  className = _ref.className,
144
- restProps = _objectWithoutProperties(_ref, _excluded$g);
145
- return jsxRuntime.jsx("div", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
158
+ restProps = _objectWithoutProperties(_ref, _excluded$f);
159
+ return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
146
160
  ref: ref,
147
161
  className: clsx('amsterdam-page-grid', className),
148
162
  children: children
@@ -150,50 +164,50 @@ var PageGrid = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
150
164
  });
151
165
  PageGrid.displayName = 'PageGrid';
152
166
 
153
- var _excluded$f = ["children", "className"],
167
+ var _excluded$e = ["children", "className"],
154
168
  _excluded2$4 = ["children", "className"],
155
169
  _excluded3$1 = ["children", "className"],
156
170
  _excluded4 = ["children", "className"];
157
- function ownKeys$f(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; }
158
- function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
159
- var FooterTop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
171
+ 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; }
172
+ 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; }
173
+ var FooterTop = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
160
174
  var children = _ref.children,
161
175
  className = _ref.className,
162
- restProps = _objectWithoutProperties(_ref, _excluded$f);
163
- return jsxRuntime.jsx(PageGrid, _objectSpread$f(_objectSpread$f({}, restProps), {}, {
176
+ restProps = _objectWithoutProperties(_ref, _excluded$e);
177
+ return jsxRuntime.jsx(PageGrid, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
164
178
  ref: ref,
165
179
  className: clsx('amsterdam-footer__top', className),
166
180
  children: children
167
181
  }));
168
182
  });
169
183
  FooterTop.displayName = 'FooterTop';
170
- var FooterColumn = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
184
+ var FooterColumn = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
171
185
  var children = _ref2.children,
172
186
  className = _ref2.className,
173
187
  restProps = _objectWithoutProperties(_ref2, _excluded2$4);
174
- return jsxRuntime.jsx(GridCell, _objectSpread$f(_objectSpread$f({}, restProps), {}, {
188
+ return jsxRuntime.jsx(GridCell, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
175
189
  ref: ref,
176
190
  className: clsx('amsterdam-footer__column', className),
177
191
  children: children
178
192
  }));
179
193
  });
180
194
  FooterColumn.displayName = 'FooterColumn';
181
- var FooterBottom = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
195
+ var FooterBottom = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
182
196
  var children = _ref3.children,
183
197
  className = _ref3.className,
184
198
  restProps = _objectWithoutProperties(_ref3, _excluded3$1);
185
- return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
199
+ return jsxRuntime.jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
186
200
  ref: ref,
187
201
  className: clsx('amsterdam-footer__bottom', className),
188
202
  children: children
189
203
  }));
190
204
  });
191
205
  FooterBottom.displayName = 'FooterBottom';
192
- var Footer = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
206
+ var Footer = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
193
207
  var children = _ref4.children,
194
208
  className = _ref4.className,
195
209
  restProps = _objectWithoutProperties(_ref4, _excluded4);
196
- return jsxRuntime.jsx("footer", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
210
+ return jsxRuntime.jsx("footer", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
197
211
  ref: ref,
198
212
  className: clsx('amsterdam-footer', className),
199
213
  children: children
@@ -207,30 +221,12 @@ Footer.Top.displayName = 'Footer.Top';
207
221
  Footer.Bottom.displayName = 'Footer.Bottom';
208
222
  Footer.Column.displayName = 'Footer.Column';
209
223
 
210
- var _excluded$e = ["className", "size", "svg"];
211
- 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; }
212
- 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; }
213
- var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
214
- var className = _ref.className,
215
- _ref$size = _ref.size,
216
- size = _ref$size === void 0 ? 'level-3' : _ref$size,
217
- svg = _ref.svg,
218
- otherProps = _objectWithoutProperties(_ref, _excluded$e);
219
- return jsxRuntime.jsx("span", _objectSpread$e(_objectSpread$e({
220
- ref: ref,
221
- className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', size === 'level-7' && 'amsterdam-icon--size-7', className)
222
- }, otherProps), {}, {
223
- children: svg()
224
- }));
225
- });
226
- Icon.displayName = 'Icon';
227
-
228
224
  var _excluded$d = ["children", "className"],
229
225
  _excluded2$3 = ["children", "icon"],
230
226
  _excluded3 = ["children", "icon"];
231
227
  function ownKeys$d(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; }
232
228
  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
233
- var PageMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
229
+ var PageMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
234
230
  var children = _ref.children,
235
231
  className = _ref.className,
236
232
  restProps = _objectWithoutProperties(_ref, _excluded$d);
@@ -240,7 +236,7 @@ var PageMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
240
236
  children: children
241
237
  }));
242
238
  });
243
- var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
239
+ var PageMenuLink = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
244
240
  var children = _ref2.children,
245
241
  icon = _ref2.icon,
246
242
  restProps = _objectWithoutProperties(_ref2, _excluded2$3);
@@ -256,7 +252,7 @@ var PageMenuLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
256
252
  }))
257
253
  });
258
254
  });
259
- var PageMenuButton = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
255
+ var PageMenuButton = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
260
256
  var children = _ref3.children,
261
257
  icon = _ref3.icon,
262
258
  restProps = _objectWithoutProperties(_ref3, _excluded3);
@@ -282,7 +278,7 @@ PageMenu.Button = PageMenuButton;
282
278
  var _excluded$c = ["className", "label", "description"];
283
279
  function ownKeys$c(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; }
284
280
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
285
- var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
281
+ var TopTaskLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
286
282
  var className = _ref.className,
287
283
  label = _ref.label,
288
284
  description = _ref.description,
@@ -305,7 +301,7 @@ TopTaskLink.displayName = 'TopTaskLink';
305
301
  var _excluded$b = ["children", "className", "inverseColor"];
306
302
  function ownKeys$b(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; }
307
303
  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
308
- var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
304
+ var Blockquote = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
309
305
  var children = _ref.children,
310
306
  className = _ref.className,
311
307
  inverseColor = _ref.inverseColor,
@@ -321,20 +317,20 @@ Blockquote.displayName = 'Blockquote';
321
317
  var _excluded$a = ["children", "className", "invalid", "indeterminate"];
322
318
  function ownKeys$a(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; }
323
319
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
324
- var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
320
+ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
325
321
  var children = _ref.children,
326
322
  className = _ref.className,
327
323
  invalid = _ref.invalid,
328
324
  indeterminate = _ref.indeterminate,
329
325
  restProps = _objectWithoutProperties(_ref, _excluded$a);
330
- var id = react.useId();
331
- var innerRef = react.useRef(null);
326
+ var id = React.useId();
327
+ var innerRef = React.useRef(null);
332
328
  // use a passed ref if it's there, otherwise use innerRef
333
- react.useImperativeHandle(ref, function () {
329
+ React.useImperativeHandle(ref, function () {
334
330
  return innerRef.current;
335
331
  });
336
332
  // set input to indeterminate
337
- react.useEffect(function () {
333
+ React.useEffect(function () {
338
334
  if (innerRef.current) {
339
335
  innerRef.current.indeterminate = Boolean(indeterminate);
340
336
  }
@@ -365,7 +361,7 @@ Checkbox.displayName = 'Checkbox';
365
361
  var _excluded$9 = ["children", "className", "inverseColor"];
366
362
  function ownKeys$9(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; }
367
363
  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
368
- var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
364
+ var PageHeading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
369
365
  var children = _ref.children,
370
366
  className = _ref.className,
371
367
  inverseColor = _ref.inverseColor,
@@ -382,7 +378,7 @@ var _excluded$8 = ["children", "markers", "className"],
382
378
  _excluded2$2 = ["children", "className"];
383
379
  function ownKeys$8(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; }
384
380
  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
385
- var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
381
+ var OrderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
386
382
  var children = _ref.children,
387
383
  _ref$markers = _ref.markers,
388
384
  markers = _ref$markers === void 0 ? true : _ref$markers,
@@ -396,7 +392,7 @@ var OrderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
396
392
  }));
397
393
  });
398
394
  OrderedList.displayName = 'OrderedList';
399
- var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
395
+ var OrderedListItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
400
396
  var children = _ref2.children,
401
397
  className = _ref2.className,
402
398
  restProps = _objectWithoutProperties(_ref2, _excluded2$2);
@@ -425,7 +421,7 @@ function getHeadingElement(level) {
425
421
  return 'h1';
426
422
  }
427
423
  }
428
- var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
424
+ var Heading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
429
425
  var children = _ref.children,
430
426
  className = _ref.className,
431
427
  inverseColor = _ref.inverseColor,
@@ -448,7 +444,7 @@ var _excluded$6 = ["children"],
448
444
  _excluded2$1 = ["children", "href"];
449
445
  function ownKeys$6(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; }
450
446
  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
451
- var Breadcrumb = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
447
+ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
452
448
  var children = _ref.children,
453
449
  restProps = _objectWithoutProperties(_ref, _excluded$6);
454
450
  return jsxRuntime.jsx("nav", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
@@ -461,7 +457,7 @@ var Breadcrumb = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
461
457
  }));
462
458
  });
463
459
  Breadcrumb.displayName = 'Breadcrumb';
464
- var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
460
+ var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
465
461
  var children = _ref2.children,
466
462
  href = _ref2.href,
467
463
  restProps = _objectWithoutProperties(_ref2, _excluded2$1);
@@ -481,7 +477,7 @@ Breadcrumb.Item = BreadcrumbItem;
481
477
  var _excluded$5 = ["children", "variant", "icon", "onBackground", "className"];
482
478
  function ownKeys$5(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; }
483
479
  function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
484
- var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
480
+ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
485
481
  var children = _ref.children,
486
482
  _ref$variant = _ref.variant,
487
483
  variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
@@ -520,7 +516,7 @@ function getAppearance(variant) {
520
516
  return 'primary-action-button';
521
517
  }
522
518
  }
523
- var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
519
+ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
524
520
  var children = _ref.children,
525
521
  disabled = _ref.disabled,
526
522
  _ref$variant = _ref.variant,
@@ -539,7 +535,7 @@ Button.displayName = 'Button';
539
535
  var _excluded$3 = ["children", "className", "gridColumns", "inverseColor", "size"];
540
536
  function ownKeys$3(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; }
541
537
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
542
- var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
538
+ var Paragraph = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
543
539
  var children = _ref.children,
544
540
  className = _ref.className,
545
541
  gridColumns = _ref.gridColumns,
@@ -558,7 +554,7 @@ Paragraph.displayName = 'Paragraph';
558
554
  var _excluded$2 = ["children", "className"];
559
555
  function ownKeys$2(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; }
560
556
  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
561
- var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
557
+ var FormLabel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
562
558
  var children = _ref.children,
563
559
  className = _ref.className,
564
560
  restProps = _objectWithoutProperties(_ref, _excluded$2);
@@ -574,7 +570,7 @@ var _excluded$1 = ["children", "markers", "className"],
574
570
  _excluded2 = ["children", "className"];
575
571
  function ownKeys$1(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; }
576
572
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
577
- var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
573
+ var UnorderedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
578
574
  var children = _ref.children,
579
575
  _ref$markers = _ref.markers,
580
576
  markers = _ref$markers === void 0 ? true : _ref$markers,
@@ -588,7 +584,7 @@ var UnorderedList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
588
584
  }));
589
585
  });
590
586
  UnorderedList.displayName = 'UnorderedList';
591
- var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
587
+ var UnorderedListItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
592
588
  var children = _ref2.children,
593
589
  className = _ref2.className,
594
590
  restProps = _objectWithoutProperties(_ref2, _excluded2);
@@ -606,27 +602,27 @@ var defaultValues = {
606
602
  headingLevel: 1,
607
603
  section: true
608
604
  };
609
- var AccordionContext = /*#__PURE__*/react.createContext(defaultValues);
605
+ var AccordionContext = /*#__PURE__*/React.createContext(defaultValues);
610
606
 
611
607
  var _excluded = ["label", "expanded", "children", "className"];
612
608
  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; }
613
609
  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; }
614
- var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
610
+ var AccordionSection = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
615
611
  var label = _ref.label,
616
612
  _ref$expanded = _ref.expanded,
617
613
  expanded = _ref$expanded === void 0 ? false : _ref$expanded,
618
614
  children = _ref.children,
619
615
  className = _ref.className,
620
616
  otherProps = _objectWithoutProperties(_ref, _excluded);
621
- var _useContext = react.useContext(AccordionContext),
617
+ var _useContext = React.useContext(AccordionContext),
622
618
  headingLevel = _useContext.headingLevel,
623
619
  section = _useContext.section;
624
- var _useState = react.useState(expanded),
620
+ var _useState = React.useState(expanded),
625
621
  _useState2 = _slicedToArray(_useState, 2),
626
622
  isExpanded = _useState2[0],
627
623
  setIsExpanded = _useState2[1];
628
624
  var HeadingX = getHeadingElement(headingLevel);
629
- var id = react.useId();
625
+ var id = React.useId();
630
626
  var buttonId = "button-".concat(id);
631
627
  var panelId = "panel-".concat(id);
632
628
  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
@@ -746,15 +742,15 @@ var useFocusWithArrows = function useFocusWithArrows(ref) {
746
742
  };
747
743
  };
748
744
 
749
- var Accordion = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
745
+ var Accordion = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
750
746
  var children = _ref.children,
751
747
  className = _ref.className,
752
748
  headingLevel = _ref.headingLevel,
753
749
  _ref$section = _ref.section,
754
750
  section = _ref$section === void 0 ? true : _ref$section;
755
- var innerRef = react.useRef(null);
751
+ var innerRef = React.useRef(null);
756
752
  // use a passed ref if it's there, otherwise use innerRef
757
- react.useImperativeHandle(ref, function () {
753
+ React.useImperativeHandle(ref, function () {
758
754
  return innerRef.current;
759
755
  });
760
756
  var _useFocusWithArrows = useFocusWithArrows(innerRef, true),
@@ -777,6 +773,8 @@ Accordion.Section = AccordionSection;
777
773
  Accordion.Section.displayName = 'Accordion.Section';
778
774
 
779
775
  exports.Accordion = Accordion;
776
+ exports.Alert = Alert;
777
+ exports.AspectRatio = AspectRatio;
780
778
  exports.Blockquote = Blockquote;
781
779
  exports.Breadcrumb = Breadcrumb;
782
780
  exports.Button = Button;