@amsterdam/design-system-react 0.1.5 → 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.
- package/README.md +3 -18
- package/dist/Alert/Alert.d.ts +13 -0
- package/dist/Alert/index.d.ts +2 -0
- package/dist/AspectRatio/AspectRatio.d.ts +10 -0
- package/dist/AspectRatio/AspectRatio.test.d.ts +1 -0
- package/dist/AspectRatio/index.d.ts +2 -0
- package/dist/index.cjs.js +188 -190
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +20 -20
- package/dist/index.esm.js +151 -155
- package/dist/index.esm.js.map +1 -1
- package/package.json +25 -27
- package/dist/Testula/Testula.d.ts +0 -8
- package/dist/Testula/index.d.ts +0 -2
- package/dist/tsconfig.test.tsbuildinfo +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/unstyled/index.d.ts +0 -22
- /package/dist/{Testula/Testula.test.d.ts → Alert/Alert.test.d.ts} +0 -0
package/dist/index.esm.js
CHANGED
|
@@ -1,104 +1,38 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
|
+
import { Close, Alert as Alert$1, Checkmark, ChevronRight, ChevronDown } from '@amsterdam/design-system-react-icons';
|
|
4
5
|
import clsx from 'clsx';
|
|
5
|
-
import { forwardRef, useId, useRef, useImperativeHandle, useEffect, createContext, useContext, useState } from 'react';
|
|
6
|
-
import { ChevronRight, ChevronDown } from '@amsterdam/design-system-react-icons';
|
|
6
|
+
import React, { forwardRef, useId, useRef, useImperativeHandle, useEffect, createContext, useContext, useState } from 'react';
|
|
7
7
|
import { Button as Button$1 } from '@utrecht/component-library-react';
|
|
8
8
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
head.appendChild(style);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
if (style.styleSheet) {
|
|
31
|
-
style.styleSheet.cssText = css;
|
|
32
|
-
} else {
|
|
33
|
-
style.appendChild(document.createTextNode(css));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
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}";
|
|
38
|
-
styleInject(css_248z$i);
|
|
39
|
-
|
|
40
|
-
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}";
|
|
41
|
-
styleInject(css_248z$h);
|
|
42
|
-
|
|
43
|
-
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);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;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)}.amsterdam-page-menu__button svg,.amsterdam-page-menu__link svg{color:currentColor}";
|
|
44
|
-
styleInject(css_248z$g);
|
|
45
|
-
|
|
46
|
-
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)}}";
|
|
47
|
-
styleInject(css_248z$f);
|
|
48
|
-
|
|
49
|
-
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)}";
|
|
50
|
-
styleInject(css_248z$e);
|
|
51
|
-
|
|
52
|
-
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)}";
|
|
53
|
-
styleInject(css_248z$d);
|
|
54
|
-
|
|
55
|
-
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)}";
|
|
56
|
-
styleInject(css_248z$c);
|
|
57
|
-
|
|
58
|
-
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)}";
|
|
59
|
-
styleInject(css_248z$b);
|
|
60
|
-
|
|
61
|
-
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}";
|
|
62
|
-
styleInject(css_248z$a);
|
|
63
|
-
|
|
64
|
-
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}";
|
|
65
|
-
styleInject(css_248z$9);
|
|
66
|
-
|
|
67
|
-
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);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;letter-spacing:var(--utrecht-button-letter-spacing);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)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.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)}.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)}";
|
|
68
|
-
styleInject(css_248z$8);
|
|
69
|
-
|
|
70
|
-
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)}}";
|
|
71
|
-
styleInject(css_248z$7);
|
|
72
|
-
|
|
73
|
-
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)}";
|
|
74
|
-
styleInject(css_248z$6);
|
|
75
|
-
|
|
76
|
-
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)}}";
|
|
77
|
-
styleInject(css_248z$5);
|
|
78
|
-
|
|
79
|
-
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)}";
|
|
80
|
-
styleInject(css_248z$4);
|
|
81
|
-
|
|
82
|
-
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)}";
|
|
83
|
-
styleInject(css_248z$3);
|
|
84
|
-
|
|
85
|
-
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)}";
|
|
86
|
-
styleInject(css_248z$2);
|
|
87
|
-
|
|
88
|
-
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}}";
|
|
89
|
-
styleInject(css_248z$1);
|
|
90
|
-
|
|
91
|
-
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)}}";
|
|
92
|
-
styleInject(css_248z);
|
|
10
|
+
var _excluded$k = ["className", "size", "svg"];
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
|
+
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
|
+
var className = _ref.className,
|
|
15
|
+
_ref$size = _ref.size,
|
|
16
|
+
size = _ref$size === void 0 ? 'level-3' : _ref$size,
|
|
17
|
+
svg = _ref.svg,
|
|
18
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$k);
|
|
19
|
+
return jsx("span", _objectSpread$k(_objectSpread$k({
|
|
20
|
+
ref: ref,
|
|
21
|
+
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)
|
|
22
|
+
}, otherProps), {}, {
|
|
23
|
+
children: svg()
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
Icon.displayName = 'Icon';
|
|
93
27
|
|
|
94
|
-
var _excluded$
|
|
95
|
-
function ownKeys$
|
|
96
|
-
function _objectSpread$
|
|
28
|
+
var _excluded$j = ["children", "className"];
|
|
29
|
+
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; }
|
|
30
|
+
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; }
|
|
97
31
|
var VisuallyHidden = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
98
32
|
var children = _ref.children,
|
|
99
33
|
className = _ref.className,
|
|
100
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
101
|
-
return jsx("div", _objectSpread$
|
|
34
|
+
restProps = _objectWithoutProperties(_ref, _excluded$j);
|
|
35
|
+
return jsx("div", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
102
36
|
ref: ref,
|
|
103
37
|
className: clsx('amsterdam-visually-hidden', className),
|
|
104
38
|
children: children
|
|
@@ -106,9 +40,89 @@ var VisuallyHidden = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
106
40
|
});
|
|
107
41
|
VisuallyHidden.displayName = 'VisuallyHidden';
|
|
108
42
|
|
|
109
|
-
var _excluded$
|
|
110
|
-
|
|
111
|
-
function
|
|
43
|
+
var _excluded$i = ["className", "size"],
|
|
44
|
+
_excluded2$5 = ["children", "className", "title", "severity", "closeable", "icon", "onClose"];
|
|
45
|
+
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; }
|
|
46
|
+
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; }
|
|
47
|
+
var AlertClose = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
48
|
+
var className = _ref.className,
|
|
49
|
+
size = _ref.size,
|
|
50
|
+
restProps = _objectWithoutProperties(_ref, _excluded$i);
|
|
51
|
+
return jsxs("button", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
|
|
52
|
+
ref: ref,
|
|
53
|
+
className: clsx('amsterdam-alert__close', className),
|
|
54
|
+
children: [jsx(VisuallyHidden, {
|
|
55
|
+
children: "Sluiten"
|
|
56
|
+
}), jsx(Icon, {
|
|
57
|
+
svg: Close,
|
|
58
|
+
size: size
|
|
59
|
+
})]
|
|
60
|
+
}));
|
|
61
|
+
});
|
|
62
|
+
var iconSvgBySeverity = {
|
|
63
|
+
error: Alert$1,
|
|
64
|
+
success: Checkmark
|
|
65
|
+
};
|
|
66
|
+
var Alert = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
67
|
+
var children = _ref2.children,
|
|
68
|
+
className = _ref2.className,
|
|
69
|
+
title = _ref2.title,
|
|
70
|
+
severity = _ref2.severity,
|
|
71
|
+
closeable = _ref2.closeable,
|
|
72
|
+
icon = _ref2.icon,
|
|
73
|
+
onClose = _ref2.onClose,
|
|
74
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$5);
|
|
75
|
+
var alertSize = title ? 'level-5' : 'level-6';
|
|
76
|
+
var alertIcon = React.useMemo(function () {
|
|
77
|
+
if (!icon || !severity) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
return jsx(Icon, {
|
|
81
|
+
size: alertSize,
|
|
82
|
+
svg: iconSvgBySeverity[severity]
|
|
83
|
+
});
|
|
84
|
+
}, [icon, severity, alertSize]);
|
|
85
|
+
return jsxs("div", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
|
|
86
|
+
ref: ref,
|
|
87
|
+
className: clsx('amsterdam-alert', severity && "amsterdam-alert--".concat(severity), className),
|
|
88
|
+
children: [alertIcon && jsx("div", {
|
|
89
|
+
className: "amsterdam-alert__icon",
|
|
90
|
+
children: alertIcon
|
|
91
|
+
}), jsxs("div", {
|
|
92
|
+
className: "amsterdam-alert__content",
|
|
93
|
+
children: [title && jsx("span", {
|
|
94
|
+
className: "amsterdam-alert__title",
|
|
95
|
+
children: title
|
|
96
|
+
}), children]
|
|
97
|
+
}), closeable && jsx(AlertClose, {
|
|
98
|
+
size: alertSize,
|
|
99
|
+
onClick: onClose
|
|
100
|
+
})]
|
|
101
|
+
}));
|
|
102
|
+
});
|
|
103
|
+
Alert.displayName = 'Alert';
|
|
104
|
+
AlertClose.displayName = 'AlertClose';
|
|
105
|
+
|
|
106
|
+
var _excluded$h = ["children", "className", "ratio"];
|
|
107
|
+
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; }
|
|
108
|
+
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; }
|
|
109
|
+
var AspectRatio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
110
|
+
var children = _ref.children,
|
|
111
|
+
className = _ref.className,
|
|
112
|
+
_ref$ratio = _ref.ratio,
|
|
113
|
+
ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
|
|
114
|
+
restProps = _objectWithoutProperties(_ref, _excluded$h);
|
|
115
|
+
return jsx("div", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
|
|
116
|
+
ref: ref,
|
|
117
|
+
className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
|
|
118
|
+
children: children
|
|
119
|
+
}));
|
|
120
|
+
});
|
|
121
|
+
AspectRatio.displayName = 'AspectRatio';
|
|
122
|
+
|
|
123
|
+
var _excluded$g = ["children", "gridColumns", "className"];
|
|
124
|
+
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; }
|
|
125
|
+
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; }
|
|
112
126
|
var gridColumnClassNames = function gridColumnClassNames(gridColumns) {
|
|
113
127
|
if (!gridColumns) {
|
|
114
128
|
return '';
|
|
@@ -124,8 +138,8 @@ var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
124
138
|
var children = _ref.children,
|
|
125
139
|
gridColumns = _ref.gridColumns,
|
|
126
140
|
className = _ref.className,
|
|
127
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
128
|
-
return jsx("div", _objectSpread$
|
|
141
|
+
restProps = _objectWithoutProperties(_ref, _excluded$g);
|
|
142
|
+
return jsx("div", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
129
143
|
ref: ref,
|
|
130
144
|
className: clsx('amsterdam-grid-cell', gridColumnClassNames(gridColumns), className),
|
|
131
145
|
children: children
|
|
@@ -133,14 +147,14 @@ var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
133
147
|
});
|
|
134
148
|
GridCell.displayName = 'GridCell';
|
|
135
149
|
|
|
136
|
-
var _excluded$
|
|
137
|
-
function ownKeys$
|
|
138
|
-
function _objectSpread$
|
|
150
|
+
var _excluded$f = ["children", "className"];
|
|
151
|
+
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; }
|
|
152
|
+
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; }
|
|
139
153
|
var PageGrid = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
140
154
|
var children = _ref.children,
|
|
141
155
|
className = _ref.className,
|
|
142
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
143
|
-
return jsx("div", _objectSpread$
|
|
156
|
+
restProps = _objectWithoutProperties(_ref, _excluded$f);
|
|
157
|
+
return jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
|
|
144
158
|
ref: ref,
|
|
145
159
|
className: clsx('amsterdam-page-grid', className),
|
|
146
160
|
children: children
|
|
@@ -148,17 +162,17 @@ var PageGrid = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
148
162
|
});
|
|
149
163
|
PageGrid.displayName = 'PageGrid';
|
|
150
164
|
|
|
151
|
-
var _excluded$
|
|
165
|
+
var _excluded$e = ["children", "className"],
|
|
152
166
|
_excluded2$4 = ["children", "className"],
|
|
153
167
|
_excluded3$1 = ["children", "className"],
|
|
154
168
|
_excluded4 = ["children", "className"];
|
|
155
|
-
function ownKeys$
|
|
156
|
-
function _objectSpread$
|
|
169
|
+
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; }
|
|
170
|
+
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; }
|
|
157
171
|
var FooterTop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
158
172
|
var children = _ref.children,
|
|
159
173
|
className = _ref.className,
|
|
160
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
161
|
-
return jsx(PageGrid, _objectSpread$
|
|
174
|
+
restProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
175
|
+
return jsx(PageGrid, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
162
176
|
ref: ref,
|
|
163
177
|
className: clsx('amsterdam-footer__top', className),
|
|
164
178
|
children: children
|
|
@@ -169,7 +183,7 @@ var FooterColumn = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
169
183
|
var children = _ref2.children,
|
|
170
184
|
className = _ref2.className,
|
|
171
185
|
restProps = _objectWithoutProperties(_ref2, _excluded2$4);
|
|
172
|
-
return jsx(GridCell, _objectSpread$
|
|
186
|
+
return jsx(GridCell, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
173
187
|
ref: ref,
|
|
174
188
|
className: clsx('amsterdam-footer__column', className),
|
|
175
189
|
children: children
|
|
@@ -180,7 +194,7 @@ var FooterBottom = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
180
194
|
var children = _ref3.children,
|
|
181
195
|
className = _ref3.className,
|
|
182
196
|
restProps = _objectWithoutProperties(_ref3, _excluded3$1);
|
|
183
|
-
return jsx("div", _objectSpread$
|
|
197
|
+
return jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
184
198
|
ref: ref,
|
|
185
199
|
className: clsx('amsterdam-footer__bottom', className),
|
|
186
200
|
children: children
|
|
@@ -191,7 +205,7 @@ var Footer = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
191
205
|
var children = _ref4.children,
|
|
192
206
|
className = _ref4.className,
|
|
193
207
|
restProps = _objectWithoutProperties(_ref4, _excluded4);
|
|
194
|
-
return jsx("footer", _objectSpread$
|
|
208
|
+
return jsx("footer", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
195
209
|
ref: ref,
|
|
196
210
|
className: clsx('amsterdam-footer', className),
|
|
197
211
|
children: children
|
|
@@ -205,29 +219,11 @@ Footer.Top.displayName = 'Footer.Top';
|
|
|
205
219
|
Footer.Bottom.displayName = 'Footer.Bottom';
|
|
206
220
|
Footer.Column.displayName = 'Footer.Column';
|
|
207
221
|
|
|
208
|
-
var _excluded$e = ["className", "size", "svg"];
|
|
209
|
-
function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
210
|
-
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
211
|
-
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
212
|
-
var className = _ref.className,
|
|
213
|
-
_ref$size = _ref.size,
|
|
214
|
-
size = _ref$size === void 0 ? 'level-3' : _ref$size,
|
|
215
|
-
svg = _ref.svg,
|
|
216
|
-
otherProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
217
|
-
return jsx("span", _objectSpread$e(_objectSpread$e({
|
|
218
|
-
ref: ref,
|
|
219
|
-
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)
|
|
220
|
-
}, otherProps), {}, {
|
|
221
|
-
children: svg()
|
|
222
|
-
}));
|
|
223
|
-
});
|
|
224
|
-
Icon.displayName = 'Icon';
|
|
225
|
-
|
|
226
222
|
var _excluded$d = ["children", "className"],
|
|
227
223
|
_excluded2$3 = ["children", "icon"],
|
|
228
224
|
_excluded3 = ["children", "icon"];
|
|
229
|
-
function ownKeys$d(
|
|
230
|
-
function _objectSpread$d(
|
|
225
|
+
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; }
|
|
226
|
+
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; }
|
|
231
227
|
var PageMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
232
228
|
var children = _ref.children,
|
|
233
229
|
className = _ref.className,
|
|
@@ -278,8 +274,8 @@ PageMenu.Link = PageMenuLink;
|
|
|
278
274
|
PageMenu.Button = PageMenuButton;
|
|
279
275
|
|
|
280
276
|
var _excluded$c = ["className", "label", "description"];
|
|
281
|
-
function ownKeys$c(
|
|
282
|
-
function _objectSpread$c(
|
|
277
|
+
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; }
|
|
278
|
+
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; }
|
|
283
279
|
var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
284
280
|
var className = _ref.className,
|
|
285
281
|
label = _ref.label,
|
|
@@ -301,8 +297,8 @@ var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
301
297
|
TopTaskLink.displayName = 'TopTaskLink';
|
|
302
298
|
|
|
303
299
|
var _excluded$b = ["children", "className", "inverseColor"];
|
|
304
|
-
function ownKeys$b(
|
|
305
|
-
function _objectSpread$b(
|
|
300
|
+
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; }
|
|
301
|
+
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; }
|
|
306
302
|
var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
307
303
|
var children = _ref.children,
|
|
308
304
|
className = _ref.className,
|
|
@@ -317,8 +313,8 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
317
313
|
Blockquote.displayName = 'Blockquote';
|
|
318
314
|
|
|
319
315
|
var _excluded$a = ["children", "className", "invalid", "indeterminate"];
|
|
320
|
-
function ownKeys$a(
|
|
321
|
-
function _objectSpread$a(
|
|
316
|
+
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; }
|
|
317
|
+
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; }
|
|
322
318
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
323
319
|
var children = _ref.children,
|
|
324
320
|
className = _ref.className,
|
|
@@ -361,8 +357,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
361
357
|
Checkbox.displayName = 'Checkbox';
|
|
362
358
|
|
|
363
359
|
var _excluded$9 = ["children", "className", "inverseColor"];
|
|
364
|
-
function ownKeys$9(
|
|
365
|
-
function _objectSpread$9(
|
|
360
|
+
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; }
|
|
361
|
+
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; }
|
|
366
362
|
var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
367
363
|
var children = _ref.children,
|
|
368
364
|
className = _ref.className,
|
|
@@ -378,8 +374,8 @@ PageHeading.displayName = 'PageHeading';
|
|
|
378
374
|
|
|
379
375
|
var _excluded$8 = ["children", "markers", "className"],
|
|
380
376
|
_excluded2$2 = ["children", "className"];
|
|
381
|
-
function ownKeys$8(
|
|
382
|
-
function _objectSpread$8(
|
|
377
|
+
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; }
|
|
378
|
+
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; }
|
|
383
379
|
var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
384
380
|
var children = _ref.children,
|
|
385
381
|
_ref$markers = _ref.markers,
|
|
@@ -409,8 +405,8 @@ OrderedListItem.displayName = 'OrderedListItem';
|
|
|
409
405
|
OrderedList.Item = OrderedListItem;
|
|
410
406
|
|
|
411
407
|
var _excluded$7 = ["children", "className", "inverseColor", "level", "size"];
|
|
412
|
-
function ownKeys$7(
|
|
413
|
-
function _objectSpread$7(
|
|
408
|
+
function ownKeys$7(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; }
|
|
409
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
414
410
|
function getHeadingElement(level) {
|
|
415
411
|
switch (level) {
|
|
416
412
|
case 2:
|
|
@@ -444,8 +440,8 @@ Heading.displayName = 'Heading';
|
|
|
444
440
|
|
|
445
441
|
var _excluded$6 = ["children"],
|
|
446
442
|
_excluded2$1 = ["children", "href"];
|
|
447
|
-
function ownKeys$6(
|
|
448
|
-
function _objectSpread$6(
|
|
443
|
+
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; }
|
|
444
|
+
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; }
|
|
449
445
|
var Breadcrumb = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
450
446
|
var children = _ref.children,
|
|
451
447
|
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
@@ -477,8 +473,8 @@ BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
|
477
473
|
Breadcrumb.Item = BreadcrumbItem;
|
|
478
474
|
|
|
479
475
|
var _excluded$5 = ["children", "variant", "icon", "onBackground", "className"];
|
|
480
|
-
function ownKeys$5(
|
|
481
|
-
function _objectSpread$5(
|
|
476
|
+
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; }
|
|
477
|
+
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; }
|
|
482
478
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
483
479
|
var children = _ref.children,
|
|
484
480
|
_ref$variant = _ref.variant,
|
|
@@ -506,8 +502,8 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
506
502
|
Link.displayName = 'Link';
|
|
507
503
|
|
|
508
504
|
var _excluded$4 = ["children", "disabled", "variant"];
|
|
509
|
-
function ownKeys$4(
|
|
510
|
-
function _objectSpread$4(
|
|
505
|
+
function ownKeys$4(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; }
|
|
506
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
511
507
|
function getAppearance(variant) {
|
|
512
508
|
switch (variant) {
|
|
513
509
|
case 'secondary':
|
|
@@ -535,8 +531,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
535
531
|
Button.displayName = 'Button';
|
|
536
532
|
|
|
537
533
|
var _excluded$3 = ["children", "className", "gridColumns", "inverseColor", "size"];
|
|
538
|
-
function ownKeys$3(
|
|
539
|
-
function _objectSpread$3(
|
|
534
|
+
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; }
|
|
535
|
+
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; }
|
|
540
536
|
var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
541
537
|
var children = _ref.children,
|
|
542
538
|
className = _ref.className,
|
|
@@ -554,8 +550,8 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
554
550
|
Paragraph.displayName = 'Paragraph';
|
|
555
551
|
|
|
556
552
|
var _excluded$2 = ["children", "className"];
|
|
557
|
-
function ownKeys$2(
|
|
558
|
-
function _objectSpread$2(
|
|
553
|
+
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; }
|
|
554
|
+
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; }
|
|
559
555
|
var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
560
556
|
var children = _ref.children,
|
|
561
557
|
className = _ref.className,
|
|
@@ -570,8 +566,8 @@ FormLabel.displayName = 'FormLabel';
|
|
|
570
566
|
|
|
571
567
|
var _excluded$1 = ["children", "markers", "className"],
|
|
572
568
|
_excluded2 = ["children", "className"];
|
|
573
|
-
function ownKeys$1(
|
|
574
|
-
function _objectSpread$1(
|
|
569
|
+
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; }
|
|
570
|
+
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; }
|
|
575
571
|
var UnorderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
576
572
|
var children = _ref.children,
|
|
577
573
|
_ref$markers = _ref.markers,
|
|
@@ -607,8 +603,8 @@ var defaultValues = {
|
|
|
607
603
|
var AccordionContext = /*#__PURE__*/createContext(defaultValues);
|
|
608
604
|
|
|
609
605
|
var _excluded = ["label", "expanded", "children", "className"];
|
|
610
|
-
function ownKeys(
|
|
611
|
-
function _objectSpread(
|
|
606
|
+
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; }
|
|
607
|
+
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; }
|
|
612
608
|
var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
613
609
|
var label = _ref.label,
|
|
614
610
|
_ref$expanded = _ref.expanded,
|
|
@@ -774,5 +770,5 @@ Accordion.displayName = 'Accordion';
|
|
|
774
770
|
Accordion.Section = AccordionSection;
|
|
775
771
|
Accordion.Section.displayName = 'Accordion.Section';
|
|
776
772
|
|
|
777
|
-
export { Accordion, Blockquote, Breadcrumb, Button, Checkbox, Footer, FormLabel, GridCell, Heading, Icon, Link, OrderedList, PageGrid, PageHeading, PageMenu, Paragraph, TopTaskLink, UnorderedList, VisuallyHidden, gridColumnClassNames };
|
|
773
|
+
export { Accordion, Alert, AspectRatio, Blockquote, Breadcrumb, Button, Checkbox, Footer, FormLabel, GridCell, Heading, Icon, Link, OrderedList, PageGrid, PageHeading, PageMenu, Paragraph, TopTaskLink, UnorderedList, VisuallyHidden, gridColumnClassNames };
|
|
778
774
|
//# sourceMappingURL=index.esm.js.map
|