@rijkshuisstijl-community/web-components 6.0.1 → 6.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +4 -10
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.mjs +16173 -6574
  5. package/package.json +11 -11
package/README.md CHANGED
@@ -38,10 +38,7 @@ Vervolgens kun je de componenten in je HTML gebruiken:
38
38
  customElements.define('rhc-button', ButtonWebComponent);
39
39
  </script>
40
40
  <!-- design tokens importeren -->
41
- <link
42
- rel="stylesheet"
43
- href="node_modules/@rijkshuisstijl-community/design-tokens/dist/uitvoerend-groen/index.css"
44
- />
41
+ <link rel="stylesheet" href="node_modules/@rijkshuisstijl-community/design-tokens/dist/groen/index.css" />
45
42
  <!-- css importeren -->
46
43
  <link rel="stylesheet" href="node_modules/@rijkshuisstijl-community/components-css/dist/index.css" />
47
44
  </head>
@@ -64,7 +61,7 @@ pakket, en omring het deel van je applicatie waar je het thema wilt toepassen me
64
61
  #### Thema wijzigen
65
62
 
66
63
  Om een ander thema toe te passen moet je het importeren van `import '@rijkshuisstijl-community/design-tokens/dist/{thema}/index.css';` en de class aanpassen naar het desbetreffende thema.
67
- Zie het volgende voorbeeld om het uitvoerend-groen thema toe te passen:
64
+ Zie het volgende voorbeeld om het thema "groen" toe te passen:
68
65
 
69
66
  ```html
70
67
  <!DOCTYPE html>
@@ -77,16 +74,13 @@ Zie het volgende voorbeeld om het uitvoerend-groen thema toe te passen:
77
74
  customElements.define('rhc-button', ButtonWebComponent);
78
75
  </script>
79
76
  <!-- design tokens importeren -->
80
- <link
81
- rel="stylesheet"
82
- href="node_modules/@rijkshuisstijl-community/design-tokens/dist/uitvoerend-groen/index.css"
83
- />
77
+ <link rel="stylesheet" href="node_modules/@rijkshuisstijl-community/design-tokens/dist/groen/index.css" />
84
78
  <!-- css importeren -->
85
79
  <link rel="stylesheet" href="node_modules/@rijkshuisstijl-community/components-css/dist/index.css" />
86
80
  </head>
87
81
  <body>
88
82
  <!--geef alle thema tokens mee aan child components voor styling-->
89
- <div class="uitvoerend-groen">
83
+ <div class="groen">
90
84
  <rhc-button>Click Here!</rhc-button>
91
85
  </div>
92
86
  </body>
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .utrecht-accordion{display:grid;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-accordion-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-accordion-margin-block-start, 0));row-gap:var(--utrecht-accordion-row-gap)}.utrecht-accordion__section{border-block-start-color:var(--utrecht-accordion-section-border-color, currentColor);border-block-start-style:solid;border-block-start-width:var(--utrecht-accordion-section-border-width, 0);break-inside:avoid}.utrecht-accordion__section:is(:last-child,:only-child){border-block-end-color:var(--utrecht-accordion-section-border-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-accordion-section-border-width, 0)}.utrecht-accordion__section:not(:last-child){border-block-end-color:transparent}.utrecht-accordion__section:hover{--utrecht-accordion-section-border-color: var(--utrecht-accordion-section-hover-border-color, currentColor)}.utrecht-accordion__button{--utrecht-button-focus-scale: 1;--utrecht-button-hover-scale: 1;--utrecht-button-inline-size: 100%;--utrecht-button-min-inline-size: 100%;--utrecht-button-subtle-background-color: var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-padding-inline-start: var(--utrecht-accordion-button-padding-inline-start);--utrecht-button-subtle-padding-inline-end: var(--utrecht-accordion-button-padding-inline-end);--utrecht-button-subtle-padding-block-start: var(--utrecht-accordion-button-padding-block-start);--utrecht-button-subtle-padding-block-end: var(--utrecht-accordion-button-padding-block-end);--utrecht-button-padding-block-start: var(--utrecht-accordion-button-padding-block-start);--utrecht-button-padding-block-end: var(--utrecht-accordion-button-padding-block-end);--utrecht-button-subtle-color: var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color: var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color: var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-hover-color: var(--utrecht-accordion-button-hover-color);--utrecht-button-subtle-active-background-color: var(--utrecht-accordion-button-active-background-color);--utrecht-button-subtle-active-border-color: var(--utrecht-accordion-button-active-border-color);--utrecht-button-subtle-active-color: var(--utrecht-accordion-button-active-color);--utrecht-button-subtle-focus-background-color: var(--utrecht-accordion-button-focus-background-color);--utrecht-button-subtle-focus-border-color: var(--utrecht-accordion-button-focus-border-color);--utrecht-button-subtle-focus-color: var(--utrecht-accordion-button-focus-color);--utrecht-button-subtle-border-color: var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width: var(--utrecht-accordion-button-border-width);--utrecht-button-icon-gap: var(--utrecht-accordion-button-gap, var(--utrecht-space-text-xs));align-items:baseline;justify-content:start!important;position:relative;text-align:start}.utrecht-accordion__button:focus-visible{--utrecht-accordion-button-background-color: var(--utrecht-accordion-button-focus-visible-background-color);--utrecht-accordion-button-color: var(--utrecht-accordion-button-focus-visible-color);--utrecht-button-subtle-border-color: var(--utrecht-accordion-button-focus-visible-border-color);--utrecht-button-subtle-border-width: var(--utrecht-accordion-button-focus-visible-border-width)}.utrecht-accordion__button-icon{display:flex}.utrecht-accordion__button[aria-expanded=true] .utrecht-accordion__button-icon{transform:rotate(180deg)}.utrecht-accordion__panel{border-block-start:none;border-color:var(--utrecht-accordion-panel-border-color);border-style:solid;border-width:var(--utrecht-accordion-panel-border-width);padding-block-end:var(--utrecht-accordion-panel-padding-block-end);padding-block-start:var(--utrecht-accordion-panel-padding-block-start);padding-inline-end:var(--utrecht-accordion-panel-padding-inline-end);padding-inline-start:var(--utrecht-accordion-panel-padding-inline-start)}.utrecht-accordion__header{align-items:center;display:flex;margin-block-end:0;margin-block-start:0}.utrecht-button{--_utrecht-button-background-color: var( --_utrecht-button-hint-background-color, var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color)) );--_utrecht-button-color: var( --_utrecht-button-hint-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-color)) );--_utrecht-button-border-color: var( --_utrecht-button-hint-border-color, var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent)) );--_utrecht-button-border-bottom-color: var( --_utrecht-button-hint-border-bottom-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-border-bottom-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent)) ) ) ) );--_utrecht-button-disabled-background-color: var( --_utrecht-button-hint-disabled-background-color, var( --_utrecht-button-appearance-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)) ) );--_utrecht-button-disabled-border-color: var( --_utrecht-button-hint-disabled-border-color, var( --_utrecht-button-appearance-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)) ) );--_utrecht-button-disabled-color: var( --_utrecht-button-hint-disabled-color, var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color))) );--_utrecht-button-pressed-background-color: var( --_utrecht-button-hint-pressed-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-pressed-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-pressed-border-color: var( --_utrecht-button-hint-pressed-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-pressed-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-pressed-color: var( --_utrecht-button-hint-pressed-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-pressed-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-focus-background-color: var( --_utrecht-button-hint-focus-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-focus-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-focus-border-color: var( --_utrecht-button-hint-focus-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-focus-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-focus-color: var( --_utrecht-button-hint-focus-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-focus-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-hover-background-color: var( --_utrecht-button-hint-hover-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-hover-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-hover-border-color: var( --_utrecht-button-hint-hover-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-hover-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-hover-color: var( --_utrecht-button-hint-hover-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-hover-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-active-background-color: var( --_utrecht-button-hint-active-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-active-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-active-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-active-border-color: var( --_utrecht-button-hint-active-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-active-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-active-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-active-color: var( --_utrecht-button-hint-active-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-active-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-border-width: var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width: var( --utrecht-button-border-bottom-width, var(--_utrecht-button-border-width, 0) );--_utrecht-button-font-size: var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height: var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size: var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;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);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:var(--utrecht-button-justify-content, center);line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);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);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-button{--_utrecht-button-disabled-border-color: GrayText;--_utrecht-button-disabled-color: GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.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-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);z-index:1}.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--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:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{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-size: var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight: var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height: var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);--_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-size: var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight: var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height: var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color: var(--utrecht-button-secondary-action-disabled-background-color);--_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-size: var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight: var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height: var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color: var(--utrecht-button-subtle-disabled-background-color);--_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( --utrecht-button-primary-action-danger-disabled-background-color );--_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( --utrecht-button-primary-action-danger-pressed-background-color );--_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( --utrecht-button-primary-action-ready-disabled-background-color );--_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( --utrecht-button-primary-action-ready-pressed-background-color );--_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( --utrecht-button-primary-action-warning-disabled-background-color );--_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( --utrecht-button-primary-action-warning-pressed-background-color );--_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( --utrecht-button-secondary-action-danger-disabled-background-color );--_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( --utrecht-button-secondary-action-danger-pressed-background-color );--_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( --utrecht-button-secondary-action-ready-disabled-background-color );--_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( --utrecht-button-secondary-action-ready-pressed-background-color );--_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( --utrecht-button-secondary-action-warning-disabled-background-color );--_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( --utrecht-button-secondary-action-warning-pressed-background-color );--_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( --utrecht-button-subtle-danger-disabled-background-color );--_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( --utrecht-button-subtle-danger-pressed-background-color );--_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( --utrecht-button-subtle-ready-disabled-background-color );--_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( --utrecht-button-subtle-ready-pressed-background-color );--_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( --utrecht-button-subtle-warning-disabled-background-color );--_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( --utrecht-button-subtle-warning-pressed-background-color );--_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)}.utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size: var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start: var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{--utrecht-heading-color: var(--utrecht-alert-color);--utrecht-paragraph-color: var(--utrecht-alert-color);row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color: var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-info-border-width);--_utrecht-alert-color: var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color: var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-ok-border-width);--_utrecht-alert-color: var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color: var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-warning-border-width);--_utrecht-alert-color: var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color: var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-error-border-width);--_utrecht-alert-color: var(--utrecht-alert-error-color)}.rhc-alert{--nl-heading-level-1-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-2-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-3-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-4-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-5-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-paragraph-color: var(--_utrecht-alert-color, var(--utrecht-alert-color))}.utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rhc-article.utrecht-article{font-family:var(--rhc-text-font-family-default, inherit);font-weight:var(--rhc-text-font-weight-regular, inherit);line-height:var(--rhc-text-line-height-md, inherit)}.utrecht-img:not(img[height]){height:auto}.utrecht-img:not(img[width]){width:auto}.utrecht-img--scale-down,.utrecht-img--photo{max-height:100%;max-width:100%}.rhc-figure.utrecht-figure img{border-end-end-radius:var(--utrecht-figure-img-border-end-end-radius);border-end-start-radius:var(--utrecht-figure-img-border-end-start-radius);border-start-end-radius:var(--utrecht-figure-img-border-start-end-radius);border-start-start-radius:var(--utrecht-figure-img-border-start-start-radius)}.rhc-figure.utrecht-figure .rhc-rounded-corner{display:inline-block;vertical-align:top}.rhc-figure.utrecht-figure .rhc-rounded-corner img{border-radius:inherit}.nl-paragraph{color:var(--nl-paragraph-color, inherit);font-family:var(--nl-paragraph-font-family, inherit);font-size:var(--nl-paragraph-font-size, inherit);font-weight:var(--nl-paragraph-font-weight, inherit);line-height:var(--nl-paragraph-line-height, inherit);margin-block-end:var(--nl-paragraph-margin-block-end, revert);margin-block-start:var(--nl-paragraph-margin-block-start, revert)}.nl-paragraph--lead{font-size:var(--nl-paragraph-lead-font-size, var(--nl-paragraph-font-size, inherit));font-weight:var(--nl-paragraph-lead-font-weight, var(--nl-paragraph-font-weight, inherit));line-height:var(--nl-paragraph-lead-line-height, var(--nl-paragraph-line-height, inherit));margin-block-end:var(--nl-paragraph-lead-margin-block-end, var(--nl-paragraph-margin-block-end, revert));margin-block-start:var(--nl-paragraph-lead-margin-block-start, var(--nl-paragraph-margin-block-start, revert))}.nl-paragraph__lead{font-weight:inherit}.rhc-paragraph{margin-block-end:var(--nl-paragraph-margin-block-end);margin-block-start:var(--nl-paragraph-margin-block-start)}
1
+ .nl-link:any-link{--_nl-link-forced-colors-color: LinkText;color:var(--_nl-link-state-color, var(--nl-link-color, var(--_nl-link-forced-colors-color)));text-decoration-color:var(--_nl-link-state-text-decoration-color, var(--nl-link-text-decoration-color, currentcolor));text-decoration-line:var(--_nl-link-state-text-decoration-line, var(--nl-link-text-decoration-line, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_nl-link-state-text-decoration-thickness, var(--nl-link-text-decoration-thickness)),1px);text-underline-offset:var(--nl-link-text-underline-offset)}.nl-link:any-link:hover{--_nl-link-forced-colors-color: LinkText;--_nl-link-state-color: var(--nl-link-hover-color);--_nl-link-state-text-decoration-line: var(--nl-link-hover-text-decoration-line);--_nl-link-state-text-decoration-thickness: var(--nl-link-hover-text-decoration-thickness);text-decoration-skip-ink:none}.nl-link:any-link:active{--_nl-link-forced-colors-color: ActiveText;--_nl-link-state-color: var(--nl-link-active-color)}.nl-link--current:any-link{cursor:var(--nl-link-current-cursor, normal)}.nl-link--inline-box:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.nl-link--disabled{--_nl-link-forced-colors-color: GrayText;--_nl-link-state-color: var(--nl-link-disabled-color);cursor:var(--nl-link-disabled-cursor, not-allowed);text-decoration-line:none}.rhc-link.nl-link:any-link{align-items:baseline;column-gap:var(--rhc-link-column-gap, inherit);display:inline-flex}.rhc-link.nl-link .utrecht-icon,.rhc-link__icon{--utrecht-icon-size: 1em;align-self:center;line-height:1.25em}.rhc-link.nl-link:any-link.rhc-link--inline{display:inline}.utrecht-img:not(img[height]){height:auto}.utrecht-img:not(img[width]){width:auto}.utrecht-img--scale-down,.utrecht-img--photo{max-height:100%;max-width:100%}.rhc-text-input.utrecht-textbox:focus{border-width:var(--utrecht-textbox-focus-border-width, var(--rhc-border-width-md))}.rhc-text-input.utrecht-textbox--invalid:focus{border-width:var(--utrecht-textbox-focus-border-width, var(--rhc-border-width-md))}.rhc-code-input{block-size:var(--rhc-code-input-size);inline-size:var(--rhc-code-input-size);text-align:center}.rhc-code-input--capitalized{text-transform:uppercase}.rhc-checkbox-group{display:flex;flex-direction:column;padding-block-end:var(--rhc-checkbox-group-padding-block-end);padding-block-start:var(--rhc-checkbox-group-padding-block-start);row-gap:var(--rhc-checkbox-group-row-gap)}.rhc-checkbox-group .utrecht-checkbox{align-self:baseline;line-height:var(--rhc-text-line-height-md, inherit)}.utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size: var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start: var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{--utrecht-heading-color: var(--utrecht-alert-color);--utrecht-paragraph-color: var(--utrecht-alert-color);row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color: var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-info-border-width);--_utrecht-alert-color: var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color: var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-ok-border-width);--_utrecht-alert-color: var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color: var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-warning-border-width);--_utrecht-alert-color: var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color: var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color: var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color: var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width: var(--utrecht-alert-error-border-width);--_utrecht-alert-color: var(--utrecht-alert-error-color)}.utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rhc-alert{--nl-heading-level-1-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-2-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-3-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-4-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-heading-level-5-color: var(--_utrecht-alert-color, var(--utrecht-alert-color));--nl-paragraph-color: var(--_utrecht-alert-color, var(--utrecht-alert-color))}.rhc-button--icon-only{--utrecht-button-padding-block-end: var(--rhc-icon-only-button-padding-block-end, inherit);--utrecht-button-padding-block-start: var(--rhc-icon-only-button-padding-block-start, inherit);--utrecht-button-padding-inline-end: var(--rhc-icon-only-button-padding-inline-end, inherit);--utrecht-button-padding-inline-start: var(--rhc-icon-only-button-padding-inline-start, inherit)}.rhc-button--icon-only .rhc-button__sr-only{block-size:1px;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);inline-size:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;white-space:nowrap}.nl-paragraph{color:var(--nl-paragraph-color, inherit);font-family:var(--nl-paragraph-font-family, inherit);font-size:var(--nl-paragraph-font-size, inherit);font-weight:var(--nl-paragraph-font-weight, inherit);line-height:var(--nl-paragraph-line-height, inherit);margin-block-end:var(--nl-paragraph-margin-block-end, revert);margin-block-start:var(--nl-paragraph-margin-block-start, revert)}.nl-paragraph--lead{font-size:var(--nl-paragraph-lead-font-size, var(--nl-paragraph-font-size, inherit));font-weight:var(--nl-paragraph-lead-font-weight, var(--nl-paragraph-font-weight, inherit));line-height:var(--nl-paragraph-lead-line-height, var(--nl-paragraph-line-height, inherit));margin-block-end:var(--nl-paragraph-lead-margin-block-end, var(--nl-paragraph-margin-block-end, revert));margin-block-start:var(--nl-paragraph-lead-margin-block-start, var(--nl-paragraph-margin-block-start, revert))}.nl-paragraph__lead{font-weight:inherit}.rhc-paragraph{margin-block-end:var(--nl-paragraph-margin-block-end);margin-block-start:var(--nl-paragraph-margin-block-start)}.rhc-file{border-color:var(--rhc-file-border-color);border-radius:var(--rhc-file-border-radius);border-style:var(--rhc-file-border-style);display:flex;flex-direction:column;padding-block-end:var(--rhc-file-padding-block-end);padding-block-start:var(--rhc-file-padding-block-start);padding-inline-end:var(--rhc-file-padding-inline-end);padding-inline-start:var(--rhc-file-padding-inline-start)}.rhc-file__name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rhc-file__subtitle{color:var(--rhc-file-subtitle-color)}.rhc-file__inner-container{display:flex;flex-direction:row;justify-content:space-between}.rhc-file__inner-container__sub{display:flex;flex-direction:column;overflow:hidden}.rhc-file--error{border-color:var(--rhc-file-error-border-color)}.nl-heading{break-after:avoid;break-inside:avoid}.nl-heading--level-1{color:var(--nl-heading-level-1-color, inherit);font-family:var(--nl-heading-level-1-font-family);font-size:var(--nl-heading-level-1-font-size, revert);font-weight:var(--nl-heading-level-1-font-weight, bold);line-height:var(--nl-heading-level-1-line-height);margin-block-end:var(--nl-heading-level-1-margin-block-end, revert);margin-block-start:var(--nl-heading-level-1-margin-block-start, revert)}.nl-heading--level-2{color:var(--nl-heading-level-2-color, inherit);font-family:var(--nl-heading-level-2-font-family);font-size:var(--nl-heading-level-2-font-size, revert);font-weight:var(--nl-heading-level-2-font-weight, bold);line-height:var(--nl-heading-level-2-line-height);margin-block-end:var(--nl-heading-level-2-margin-block-end, revert);margin-block-start:var(--nl-heading-level-2-margin-block-start, revert)}.nl-heading--level-3{color:var(--nl-heading-level-3-color, inherit);font-family:var(--nl-heading-level-3-font-family);font-size:var(--nl-heading-level-3-font-size, revert);font-weight:var(--nl-heading-level-3-font-weight, bold);line-height:var(--nl-heading-level-3-line-height);margin-block-end:var(--nl-heading-level-3-margin-block-end, revert);margin-block-start:var(--nl-heading-level-3-margin-block-start, revert)}.nl-heading--level-4{color:var(--nl-heading-level-4-color, inherit);font-family:var(--nl-heading-level-4-font-family);font-size:var(--nl-heading-level-4-font-size, revert);font-weight:var(--nl-heading-level-4-font-weight, bold);line-height:var(--nl-heading-level-4-line-height);margin-block-end:var(--nl-heading-level-4-margin-block-end, revert);margin-block-start:var(--nl-heading-level-4-margin-block-start, revert)}.nl-heading--level-5{color:var(--nl-heading-level-5-color, inherit);font-family:var(--nl-heading-level-5-font-family);font-size:var(--nl-heading-level-5-font-size, revert);font-weight:var(--nl-heading-level-5-font-weight, bold);line-height:var(--nl-heading-level-5-line-height);margin-block-end:var(--nl-heading-level-5-margin-block-end, revert);margin-block-start:var(--nl-heading-level-5-margin-block-start, revert)}.nl-heading--level-6{color:var(--nl-heading-level-6-color, inherit);font-family:var(--nl-heading-level-6-font-family);font-size:var(--nl-heading-level-6-font-size, revert);font-weight:var(--nl-heading-level-6-font-weight, bold);line-height:var(--nl-heading-level-6-line-height);margin-block-end:var(--nl-heading-level-6-margin-block-end, revert);margin-block-start:var(--nl-heading-level-6-margin-block-start, revert)}.rhc-heading.nl-heading--level-1{margin-block-end:var(--nl-heading-level-1-margin-block-end, var(--rhc-space-none, 0));margin-block-start:var(--nl-heading-level-1-margin-block-start, var(--rhc-space-none, 0))}.rhc-heading.nl-heading--level-2{margin-block-end:var(--nl-heading-level-2-margin-block-end, var(--rhc-space-none, 0));margin-block-start:var(--nl-heading-level-2-margin-block-start, var(--rhc-space-none, 0))}.rhc-heading.nl-heading--level-3{margin-block-end:var(--nl-heading-level-3-margin-block-end, var(--rhc-space-none, 0));margin-block-start:var(--nl-heading-level-3-margin-block-start, var(--rhc-space-none, 0))}.rhc-heading.nl-heading--level-4{margin-block-end:var(--nl-heading-level-4-margin-block-end, var(--rhc-space-none, 0));margin-block-start:var(--nl-heading-level-4-margin-block-start, var(--rhc-space-none, 0))}.rhc-heading.nl-heading--level-5{margin-block-end:var(--nl-heading-level-5-margin-block-end, var(--rhc-space-none, 0));margin-block-start:var(--nl-heading-level-5-margin-block-start, var(--rhc-space-none, 0))}.rhc-radio.utrecht-radio-button{--utrecht-radio-button-icon-size: calc(var(--utrecht-radio-button-dot-size) * .5)}.rhc-radio.utrecht-radio-button:disabled,.rhc-radio.utrecht-radio-button--disabled{--utrecht-radio-button-checked-color: var(--utrecht-radio-button-disabled-color, inherit)}.rhc-radio.utrecht-radio-button:invalid,.rhc-radio.utrecht-radio-button--invalid{--utrecht-radio-button-background-color: var(--utrecht-radio-button-invalid-background-color, inherit)}.rhc-radio.utrecht-radio-button:invalid:hover,.rhc-radio.utrecht-radio-button:invalid:focus,.rhc-radio.utrecht-radio-button--invalid:hover,.rhc-radio.utrecht-radio-button--invalid:focus{background-color:var(--utrecht-radio-button-background-color)}.rhc-radio.utrecht-radio-button:focus:focus,.rhc-radio.utrecht-radio-button--focus{--utrecht-radio-button-checked-color: var(--utrecht-radio-button-checked-background-color, inherit)}.rhc-link-list .utrecht-link-list__link{align-items:flex-start}.rhc-link-list .utrecht-link-list__link .utrecht-icon{align-items:center;block-size:1lh;display:flex;flex-shrink:0;position:static}.rhc-link-list .utrecht-link-list__item{display:inline-flex;font-family:var(--rhc-text-font-family-default, inherit);font-size:var(--utrecht-link-list-item-font-size, inherit)}.rhc-link-list .utrecht-link-list__item .utrecht-link:any-link{line-height:var(--rhc-text-line-height-md, inherit)}.rhc-dot-badge{block-size:var(--rhc-dot-badge-size, var(--rhc-space-lg));border-radius:var(--rhc-dot-badge-border-radius, var(--rhc-border-radius-circle));color:var(--rhc-dot-badge-color, var(--rhc-color-rood-500));display:inline-flex;inline-size:var(--rhc-dot-badge-inline-size, var(--rhc-dot-badge-size, var(--rhc-space-lg)))}.rhc-dot-badge__sr-only{block-size:1px;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);inline-size:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;white-space:nowrap}.rhc-article.utrecht-article{font-family:var(--rhc-text-font-family-default, inherit);font-weight:var(--rhc-text-font-weight-regular, inherit);line-height:var(--rhc-text-line-height-md, inherit)}
package/dist/index.d.ts CHANGED
@@ -31,7 +31,7 @@ export declare class AccordionWebComponent extends BaseWebComponent {
31
31
  export declare type AccordionWebComponentAttributes = AccordionProviderProps;
32
32
 
33
33
  export declare class ActionGroupWebComponent extends BaseWebComponent {
34
- static tagName: string;
34
+ static readonly tagName: string;
35
35
  constructor();
36
36
  render(): void;
37
37
  }