@nl-rvo/css-link 1.6.1 → 1.7.0

package/dist/link.css

@@ -0,0 +1 @@
+@import"@nl-rvo/css-layout-flow/dist/layout-flow.css";.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link__text{display:inline-flex;flex-direction:row;align-items:center;gap:var(--rvo-space-sm)}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal.rvo-link--focus{font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--with-icon{flex-direction:row;align-items:center;gap:var(--rvo-space-sm)}.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link:active,.rvo-link--active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link:focus,.rvo-link:focus-visible,.rvo-link--focus{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link:active .rvo-link__icon,.rvo-link--active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon,.rvo-link--focus .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover{color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover{color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover{color:var(--rvo-color-donkerblauw)}.rvo-link--call-to-action{align-items:center;background-color:var(--rvo-link-call-to-action-background-color);border-color:var(--rvo-link-call-to-action-border-color);border-radius:var(--rvo-link-call-to-action-border-radius);border-style:var(--rvo-link-call-to-action-border-style);border-width:var(--rvo-link-call-to-action-border-width);box-sizing:border-box;color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);min-block-size:var(--rvo-link-call-to-action-min-block-size);padding-block-end:var(--rvo-link-call-to-action-padding-block-end);padding-block-start:var(--rvo-link-call-to-action-padding-block-start);padding-inline-end:var(--rvo-link-call-to-action-padding-inline-end);padding-inline-start:var(--rvo-link-call-to-action-padding-inline-start);text-decoration:underline;text-decoration-color:var(--rvo-link-call-to-action-color);text-decoration-thickness:var(--rvo-link-call-to-action-text-decoration-thickness);text-underline-offset:var(--rvo-link-call-to-action-text-underline-offset)}.rvo-link--call-to-action .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-call-to-action-hover-background-color);border-color:var(--rvo-link-call-to-action-hover-border-color);color:var(--rvo-link-call-to-action-hover-color);font-weight:var(--rvo-link-call-to-action-font-weight);text-decoration-thickness:var(--rvo-link-call-to-action-hover-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-call-to-action-hover-icon-background-color)}.rvo-link--call-to-action.rvo-link:focus,.rvo-link--call-to-action.rvo-link:focus-visible,.rvo-link--call-to-action.rvo-link--focus{background-color:var(--rvo-link-call-to-action-background-color);color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);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);text-decoration-thickness:var(--rvo-link-call-to-action-focus-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link:focus .rvo-link__icon,.rvo-link--call-to-action.rvo-link:focus-visible .rvo-link__icon,.rvo-link--call-to-action.rvo-link--focus .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link:active,.rvo-link--call-to-action.rvo-link--active{background-color:var(--rvo-link-call-to-action-active-background-color);border-color:var(--rvo-link-call-to-action-active-border-color);color:var(--rvo-link-call-to-action-active-color);text-decoration-thickness:var(--rvo-link-call-to-action-active-text-decoration-thickness)}.rvo-link--call-to-action-outline{--rvo-link-call-to-action-background-color: var(--rvo-link-call-to-action-outline-background-color);--rvo-link-call-to-action-border-color: var(--rvo-link-call-to-action-outline-border-color);--rvo-link-call-to-action-color: var(--rvo-link-call-to-action-outline-color);--rvo-link-call-to-action-icon-background-color: var(--rvo-link-call-to-action-outline-icon-background-color);--rvo-link-call-to-action-hover-background-color: var(--rvo-link-call-to-action-outline-hover-background-color);--rvo-link-call-to-action-hover-border-color: var(--rvo-link-call-to-action-outline-hover-border-color);--rvo-link-call-to-action-hover-color: var(--rvo-link-call-to-action-outline-hover-color);--rvo-link-call-to-action-hover-icon-background-color: var( --rvo-link-call-to-action-outline-hover-icon-background-color );--rvo-link-call-to-action-active-background-color: var(--rvo-link-call-to-action-outline-active-background-color);--rvo-link-call-to-action-active-border-color: var(--rvo-link-call-to-action-outline-active-border-color);--rvo-link-call-to-action-active-color: var(--rvo-link-call-to-action-outline-active-color)}.rvo-link--full-card-link::after{block-size:100%;content:"";display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}/*# sourceMappingURL=link.css.map */

package/dist/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/link.scss"],"names":[],"mappings":"AAKQ,sDAER,UACE,kDACA,4BACA,eACA,oBACA,wCACA,qDACA,oEACA,4DAEA,gBACE,oBACA,mBACA,mBACA,wBAIJ,kYAQE,0CAGF,6EACE,qBAGF,qBACE,mBACA,mBACA,wBAIF,yHAEE,wDACA,kCACA,8CACA,0EAGF,uEACE,iCAIF,mCAEE,yDACA,mCACA,+CACA,2EAGF,4BACE,iCAIF,yDAGE,kCACA,8CACA,aACA,0EAIF,gBACE,uDAGF,yJAEE,6DAGF,mEAEE,8DAGF,yGAGE,6DAGF,uBACE,mCAGF,qBACE,iCAGF,iBACE,6BAEA,gKAEE,mCAIJ,eACE,2BAEA,4JAEE,iCAIJ,qBACE,iCAEA,wKAEE,mCAKJ,0BACE,mBACA,iEACA,yDACA,2DACA,yDACA,yDACA,sBACA,2CACA,uDACA,6DACA,mEACA,uEACA,qEACA,yEACA,0BACA,2DACA,mFACA,2EAEA,0CACE,sEAGF,2KAEE,uEACA,+DACA,iDACA,uDACA,yFAEA,2MACE,4EAIJ,oIAGE,iEACA,2CACA,uDACA,yDACA,2DACA,yDACA,yDACA,yFAEA,oLACE,sEAIJ,qFAEE,wEACA,gEACA,kDACA,0FAKJ,kCACE,oGACA,4FACA,8EACA,8GACA,gHACA,wGACA,0FACA,4HAGA,kHACA,0GACA,4FAGF,iCACE,gBACA,WACA,qBACA,iBACA,oBACA,qBACA,kBACA","file":"link.css"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.6.1",
+  "version": "1.7.0",
   "author": "Community for NL Design System",
   "license": "CC0-1.0",
   "name": "@nl-rvo/css-link",
@@ -9,27 +9,29 @@
     "css",
     "link"
   ],
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/rvo.git",
+    "directory": "components/link/style"
+  },
   "files": [
-    "src/index.scss",
-    "dist/",
-    "design-tokens.json",
-    "*.md"
+    "src/",
+    "dist/"
   ],
-  "main": "dist/index.css",
+  "exports": {
+    ".": "./dist/link.css",
+    "./dist/*": "./dist/*"
+  },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/rvo.git",
-    "directory": "components/link"
-  },
   "devDependencies": {
-    "@nl-rvo/build-utils-css": "0.1.0"
+    "@nl-rvo/css-layout-flow": "1.6.0"
   },
   "scripts": {
-    "build": "build-css-package",
-    "clean": "rimraf dist"
+    "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
+    "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
+    "clean": "rimraf ./dist/"
   }
 }

package/src/{index.scss → link.scss}

@@ -3,7 +3,7 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 
-@use "../../layout-flow/src";
+@import "@nl-rvo/css-layout-flow/dist/layout-flow.css";
 
 .rvo-link {
   background-color: var(--rvo-link-background-color);
@@ -16,8 +16,10 @@
   text-underline-offset: var(--rvo-link-text-underline-offset);
 
   &__text {
-    @extend .rvo-layout-row;
-    @extend .rvo-layout-gap--sm;
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--rvo-space-sm);
   }
 }
 
@@ -37,8 +39,9 @@
 }
 
 .rvo-link--with-icon {
-  @extend .rvo-layout-row;
-  @extend .rvo-layout-gap--sm;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--rvo-space-sm);
 }
 
 // Hover

package/CHANGELOG.md

@@ -1,95 +0,0 @@
-# `@nl-rvo/css-link`
-
-## 1.6.1
-
-### Patch Changes
-
-- 777d441: Updated the display of child text field in Link component
-
-## 1.6.0
-
-### Minor Changes
-
-- b4c00c9: Add outline call-to-action variant to Link component
-
-  - New `call-to-action-outline` variant with white background and violet text/border, for use alongside the existing `call-to-action` variant
-  - Tokens follow the `--rvo-link-call-to-action-outline-*` naming pattern
-
-- c6093de: ROOS-349: refactor Link component, moved defaultArgs to storybook components
-
-### Patch Changes
-
-- 83a85f5: Implement the updated Icon component
-- 084a230: Ensure package is published with provenance
-
-## 1.5.1
-
-### Patch Changes
-
-- 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
-- 57730f6: Link component text set in own span section to resolve child html structures
-
-## 1.5.0
-
-### Minor Changes
-
-- fa36e07: Project structure updates
-
-  - Moved all Storybook stories to the /stories directory.
-  - Moved all documentation files to the /docs directory.
-  - Removed React components from library-component-react and moved them into this package.
-  - Update all .stories imports to the right react package "component-library-react"
-  - Fix all Redundant / PascalCase lint warnings for .stories files.
-
-## 1.4.1
-
-### Patch Changes
-
-- 11eb258: Update imports to support storybook v10
-
-## 1.4.0
-
-### Minor Changes
-
-- dae7f09: design token and css name changes from logoblauw to lintblauw
-
-## 1.3.0
-
-### Minor Changes
-
-- a0061d6: Allow for client side navigation via LinkComponent prop on Link and Card and added CardExperimental compound component
-
-## 1.2.1
-
-### Patch Changes
-
-- 8ad586f: Fixed issue with full-card-link not applying proper styling
-
-## 1.2.0
-
-### Minor Changes
-
-- 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
-
-## 1.0.0
-
-### Major Changes
-
-- daa0537: Create npm package for each component.
-
-## Pre-releases
-
-_@nl-rvo/component-library-css@1.0.0-alpha.389_:
-Added normal link option (not bold) (use `.rvo-link--normal`)
-
-_@nl-rvo/component-library-css@1.0.0-alpha.282_:
-Added grijs-700 link color (use `.rvo-link--grijs-700`)
-
-_@nl-rvo/component-library-css@1.0.0-alpha.282_:
-Added full-container link option using `.rvo-link--full-container`
-
-_@nl-rvo/component-library-css@1.0.0-alpha.282_:
-Simplified snippet by removing `.rvo-layout-row` and `.rvo-layout-gap--sm`
-
-_@nl-rvo/component-library-css@1.0.0-alpha.17_:
-Added component

package/README.md

@@ -1,20 +0,0 @@
-# Link
-
-## Wanneer gebruik je het component
-
-Gebruik een link om naar een andere pagina of een andere locatie binnen dezelfde pagina te verwijzen.
-
-## Anatomie van een link
-
-Een link bestaat uit:
-
-- Linktekst
-- Icoon (niet verplicht)
-
-## Richtlijnen
-
-- Een link gebruik je om te verwijzen naar een andere pagina. Om een actie uit laten te voeren gebruik je het Button component.
-- Voorzie links naar websites of applicaties die niet van RVO zijn altijd van externe link icoon. Bijvoorbeeld: een link van de RVO website naar de Kamer van Koophandel krijgt een externe link icoon. Een link van de RVO website naar mijn.rvo.nl krijgt geen externe link icoon.
-- Standaard heeft een link een underline. Deze is voornamelijk handig in lopende tekst waar er duidelijk onderscheid gemaakt moet worden tussen dik gedrukte tekst en een link.
-- Links in menu items of met een icoon hoeven geen underline te hebben omdat er vanuit de context herleid kan worden dat het om een link gaat.
-- Gebruik de `rvo-link--full-container` class om het klikgebied van de link te vergroten tot de eerste container met `position: relative`.

package/design-tokens.json

@@ -1,100 +0,0 @@
-{
-  "rvo": {
-    "link": {
-      "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-      "color": { "css": { "syntax": "<color>", "inherits": true } },
-      "font-weight": { "css": { "syntax": "*", "inherits": true } },
-      "text-decoration": { "css": { "syntax": "*", "inherits": true } },
-      "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } },
-      "text-underline-offset": { "css": { "syntax": "<length>", "inherits": true } },
-      "icon": {
-        "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-      },
-      "hover": {
-        "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-        "color": { "css": { "syntax": "<color>", "inherits": true } },
-        "font-weight": { "css": { "syntax": "*", "inherits": true } },
-        "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } },
-        "icon": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-        }
-      },
-      "active": {
-        "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-        "color": { "css": { "syntax": "<color>", "inherits": true } },
-        "font-weight": { "css": { "syntax": "*", "inherits": true } },
-        "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } },
-        "icon": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-        }
-      },
-      "focus": {
-        "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-        "color": { "css": { "syntax": "<color>", "inherits": true } },
-        "font-weight": { "css": { "syntax": "*", "inherits": true } },
-        "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } },
-        "icon": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-        }
-      },
-      "call-to-action": {
-        "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-        "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-        "border-radius": { "css": { "syntax": "*", "inherits": true } },
-        "border-style": { "css": { "syntax": "*", "inherits": true } },
-        "border-width": { "css": { "syntax": "<length>", "inherits": true } },
-        "color": { "css": { "syntax": "<color>", "inherits": true } },
-        "font-weight": { "css": { "syntax": "*", "inherits": true } },
-        "min-block-size": { "css": { "syntax": "*", "inherits": true } },
-        "icon": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-        },
-        "padding-block-end": { "css": { "syntax": "<length>", "inherits": true } },
-        "padding-block-start": { "css": { "syntax": "<length>", "inherits": true } },
-        "padding-inline-end": { "css": { "syntax": "<length>", "inherits": true } },
-        "padding-inline-start": { "css": { "syntax": "<length>", "inherits": true } },
-        "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } },
-        "text-underline-offset": { "css": { "syntax": "*", "inherits": true } },
-        "hover": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "color": { "css": { "syntax": "<color>", "inherits": true } },
-          "icon": {
-            "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-          },
-          "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } }
-        },
-        "active": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "color": { "css": { "syntax": "<color>", "inherits": true } },
-          "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } }
-        },
-        "focus": {
-          "text-decoration-thickness": { "css": { "syntax": "*", "inherits": true } }
-        },
-        "outline": {
-          "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-          "color": { "css": { "syntax": "<color>", "inherits": true } },
-          "icon": {
-            "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-          },
-          "hover": {
-            "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-            "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-            "color": { "css": { "syntax": "<color>", "inherits": true } },
-            "icon": {
-              "background-color": { "css": { "syntax": "<color>", "inherits": true } }
-            }
-          },
-          "active": {
-            "background-color": { "css": { "syntax": "<color>", "inherits": true } },
-            "border-color": { "css": { "syntax": "<color>", "inherits": true } },
-            "color": { "css": { "syntax": "<color>", "inherits": true } }
-          }
-        }
-      }
-    }
-  }
-}

package/design.md

@@ -1,7 +0,0 @@
-<!-- @license CC0-1.0 -->
-
-<!-- markdownlint-disable first-line-h1 -->
-
-## Design
-
-Not yet available in Figma.

package/dist/index.css

@@ -1,420 +0,0 @@
-/**
- * @license CC0-1.0
- * Copyright (c) 2021 Community for NL Design System
- */
-.rvo-layout-column {
-  align-items: stretch;
-  display: flex;
-  flex-direction: column;
-}
-
-.rvo-layout-column-inline {
-  align-items: stretch;
-  display: inline-flex;
-  flex-direction: column;
-}
-
-.rvo-layout-row, .rvo-link__text, .rvo-link--with-icon {
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-}
-
-.rvo-layout-row-inline {
-  align-items: stretch;
-  display: inline-flex;
-  flex-direction: row;
-}
-
-.rvo-layout-align-items-start {
-  align-items: flex-start;
-}
-
-.rvo-layout-align-items-center {
-  align-items: center;
-}
-
-.rvo-layout-align-items-end {
-  align-items: flex-end;
-}
-
-.rvo-layout-align-content-start {
-  align-content: flex-start;
-}
-
-.rvo-layout-align-content-center {
-  align-content: center;
-}
-
-.rvo-layout-align-content-end {
-  align-content: flex-end;
-}
-
-.rvo-layout-align-content-space-between {
-  align-content: space-between;
-}
-
-.rvo-layout-justify-content-start {
-  justify-content: flex-start;
-}
-
-.rvo-layout-justify-content-center {
-  justify-content: center;
-}
-
-.rvo-layout-justify-content-end {
-  justify-content: flex-end;
-}
-
-.rvo-layout-justify-content-space-between {
-  justify-content: space-between;
-}
-
-.rvo-layout-justify-items-start {
-  justify-items: flex-start;
-}
-
-.rvo-layout-justify-items-center {
-  justify-items: center;
-}
-
-.rvo-layout-justify-items-end {
-  justify-items: flex-end;
-}
-
-.rvo-layout--wrap {
-  flex-wrap: wrap;
-}
-
-.rvo-layout-gap--0 {
-  gap: 0;
-}
-
-.rvo-layout-gap--3xs {
-  gap: var(--rvo-space-3xs);
-}
-
-.rvo-layout-gap--2xs {
-  gap: var(--rvo-space-2xs);
-}
-
-.rvo-layout-gap--xs {
-  gap: var(--rvo-space-xs);
-}
-
-.rvo-layout-gap--sm, .rvo-link__text, .rvo-link--with-icon {
-  gap: var(--rvo-space-sm);
-}
-
-.rvo-layout-gap--md {
-  gap: var(--rvo-space-md);
-}
-
-.rvo-layout-gap--lg {
-  gap: var(--rvo-space-lg);
-}
-
-.rvo-layout-gap--xl {
-  gap: var(--rvo-space-xl);
-}
-
-.rvo-layout-gap--2xl {
-  gap: var(--rvo-space-2xl);
-}
-
-.rvo-layout-gap--3xl {
-  gap: var(--rvo-space-3xl);
-}
-
-.rvo-layout-gap--4xl {
-  gap: var(--rvo-space-4xl);
-}
-
-.rvo-layout-gap--5xl {
-  gap: var(--rvo-space-5xl);
-}
-
-.rvo-layout-margin-horizontal--0 {
-  margin-inline: 0;
-}
-
-.rvo-layout-margin-vertical--0 {
-  margin-block: 0;
-}
-
-.rvo-layout-margin-horizontal--3xs {
-  margin-inline: var(--rvo-space-3xs);
-}
-
-.rvo-layout-margin-vertical--3xs {
-  margin-block: var(--rvo-space-3xs);
-}
-
-.rvo-layout-margin-horizontal--2xs {
-  margin-inline: var(--rvo-space-2xs);
-}
-
-.rvo-layout-margin-vertical--2xs {
-  margin-block: var(--rvo-space-2xs);
-}
-
-.rvo-layout-margin-horizontal--xs {
-  margin-inline: var(--rvo-space-xs);
-}
-
-.rvo-layout-margin-vertical--xs {
-  margin-block: var(--rvo-space-xs);
-}
-
-.rvo-layout-margin-horizontal--sm {
-  margin-inline: var(--rvo-space-sm);
-}
-
-.rvo-layout-margin-vertical--sm {
-  margin-block: var(--rvo-space-sm);
-}
-
-.rvo-layout-margin-horizontal--md {
-  margin-inline: var(--rvo-space-md);
-}
-
-.rvo-layout-margin-vertical--md {
-  margin-block: var(--rvo-space-md);
-}
-
-.rvo-layout-margin-horizontal--lg {
-  margin-inline: var(--rvo-space-lg);
-}
-
-.rvo-layout-margin-vertical--lg {
-  margin-block: var(--rvo-space-lg);
-}
-
-.rvo-layout-margin-horizontal--xl {
-  margin-inline: var(--rvo-space-xl);
-}
-
-.rvo-layout-margin-vertical--xl {
-  margin-block: var(--rvo-space-xl);
-}
-
-.rvo-layout-margin-horizontal--2xl {
-  margin-inline: var(--rvo-space-2xl);
-}
-
-.rvo-layout-margin-vertical--2xl {
-  margin-block: var(--rvo-space-2xl);
-}
-
-.rvo-layout-margin-horizontal--3xl {
-  margin-inline: var(--rvo-space-3xl);
-}
-
-.rvo-layout-margin-vertical--3xl {
-  margin-block: var(--rvo-space-3xl);
-}
-
-.rvo-layout-margin-horizontal--4xl {
-  margin-inline: var(--rvo-space-4xl);
-}
-
-.rvo-layout-margin-vertical--4xl {
-  margin-block: var(--rvo-space-4xl);
-}
-
-.rvo-layout-margin-horizontal--5xl {
-  margin-inline: var(--rvo-space-5xl);
-}
-
-.rvo-layout-margin-vertical--5xl {
-  margin-block: var(--rvo-space-5xl);
-}
-.rvo-link {
-  background-color: var(--rvo-link-background-color);
-  color: var(--rvo-link-color);
-  cursor: pointer;
-  display: inline-flex;
-  font-weight: var(--rvo-link-font-weight);
-  text-decoration-line: var(--rvo-link-text-decoration);
-  text-decoration-thickness: var(--rvo-link-text-decoration-thickness);
-  text-underline-offset: var(--rvo-link-text-underline-offset);
-}
-.rvo-link.rvo-link--normal,
-.rvo-link.rvo-link--normal:hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link.rvo-link--normal:active,
-.rvo-link.rvo-link--normal.rvo-link--active,
-.rvo-link.rvo-link--normal:focus,
-.rvo-link.rvo-link--normal:focus-visible,
-.rvo-link.rvo-link--normal.rvo-link--focus {
-  font-weight: var(--rvo-font-weight-normal);
-}
-
-.rvo-link--no-underline:not(:focus, :hover, .rvo-link--hover, .rvo-link--focus) {
-  text-decoration: none;
-}
-
-.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus) {
-  background-color: var(--rvo-link-hover-background-color);
-  color: var(--rvo-link-hover-color);
-  font-weight: var(--rvo-link-hover-font-weight);
-  text-decoration-thickness: var(--rvo-link-hover-text-decoration-thickness);
-}
-
-.rvo-link--lintblauw:hover:not(:focus, :focus-visible, .rvo-link--focus) {
-  color: var(--rvo-color-lintblauw);
-}
-
-.rvo-link:active,
-.rvo-link--active {
-  background-color: var(--rvo-link-active-background-color);
-  color: var(--rvo-link-active-color);
-  font-weight: var(--rvo-link-active-font-weight);
-  text-decoration-thickness: var(--rvo-link-active-text-decoration-thickness);
-}
-
-.rvo-link--lintblauw:active {
-  color: var(--rvo-color-lintblauw);
-}
-
-.rvo-link:focus,
-.rvo-link:focus-visible,
-.rvo-link--focus {
-  color: var(--rvo-link-focus-color);
-  font-weight: var(--rvo-link-focus-font-weight);
-  outline: none;
-  text-decoration-thickness: var(--rvo-link-focus-text-decoration-thickness);
-}
-
-.rvo-link__icon {
-  background-color: var(--rvo-link-icon-background-color);
-}
-
-.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus) .rvo-link__icon,
-.rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus) .rvo-link__icon {
-  background-color: var(--rvo-link-hover-icon-background-color);
-}
-
-.rvo-link:active .rvo-link__icon,
-.rvo-link--active .rvo-link__icon {
-  background-color: var(--rvo-link-active-icon-background-color);
-}
-
-.rvo-link:focus .rvo-link__icon,
-.rvo-link:focus-visible .rvo-link__icon,
-.rvo-link--focus .rvo-link__icon {
-  background-color: var(--rvo-link-focus-icon-background-color);
-}
-
-.rvo-link--donkerblauw {
-  color: var(--rvo-color-donkerblauw);
-}
-
-.rvo-link--lintblauw {
-  color: var(--rvo-color-lintblauw);
-}
-
-.rvo-link--zwart {
-  color: var(--rvo-color-zwart);
-}
-.rvo-link--zwart.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link--zwart .rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus):hover {
-  color: var(--rvo-color-donkerblauw);
-}
-
-.rvo-link--wit {
-  color: var(--rvo-color-wit);
-}
-.rvo-link--wit.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link--wit .rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus):hover {
-  color: var(--rvo-color-grijs-100);
-}
-
-.rvo-link--grijs-700 {
-  color: var(--rvo-color-grijs-700);
-}
-.rvo-link--grijs-700.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus),
-.rvo-link--grijs-700 .rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus):hover {
-  color: var(--rvo-color-donkerblauw);
-}
-
-.rvo-link--call-to-action {
-  align-items: center;
-  background-color: var(--rvo-link-call-to-action-background-color);
-  border-color: var(--rvo-link-call-to-action-border-color);
-  border-radius: var(--rvo-link-call-to-action-border-radius);
-  border-style: var(--rvo-link-call-to-action-border-style);
-  border-width: var(--rvo-link-call-to-action-border-width);
-  box-sizing: border-box;
-  color: var(--rvo-link-call-to-action-color);
-  font-weight: var(--rvo-link-call-to-action-font-weight);
-  min-block-size: var(--rvo-link-call-to-action-min-block-size);
-  padding-block-end: var(--rvo-link-call-to-action-padding-block-end);
-  padding-block-start: var(--rvo-link-call-to-action-padding-block-start);
-  padding-inline-end: var(--rvo-link-call-to-action-padding-inline-end);
-  padding-inline-start: var(--rvo-link-call-to-action-padding-inline-start);
-  text-decoration: underline;
-  text-decoration-color: var(--rvo-link-call-to-action-color);
-  text-decoration-thickness: var(--rvo-link-call-to-action-text-decoration-thickness);
-  text-underline-offset: var(--rvo-link-call-to-action-text-underline-offset);
-}
-.rvo-link--call-to-action .rvo-link__icon {
-  background-color: var(--rvo-link-call-to-action-icon-background-color);
-}
-.rvo-link--call-to-action.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus), .rvo-link--call-to-action.rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus) {
-  background-color: var(--rvo-link-call-to-action-hover-background-color);
-  border-color: var(--rvo-link-call-to-action-hover-border-color);
-  color: var(--rvo-link-call-to-action-hover-color);
-  font-weight: var(--rvo-link-call-to-action-font-weight);
-  text-decoration-thickness: var(--rvo-link-call-to-action-hover-text-decoration-thickness);
-}
-.rvo-link--call-to-action.rvo-link:hover:not(:focus, :focus-visible, .rvo-link--focus) .rvo-link__icon, .rvo-link--call-to-action.rvo-link--hover:not(:focus, :focus-visible, .rvo-link--focus) .rvo-link__icon {
-  background-color: var(--rvo-link-call-to-action-hover-icon-background-color);
-}
-.rvo-link--call-to-action.rvo-link:focus, .rvo-link--call-to-action.rvo-link:focus-visible, .rvo-link--call-to-action.rvo-link--focus {
-  background-color: var(--rvo-link-call-to-action-background-color);
-  color: var(--rvo-link-call-to-action-color);
-  font-weight: var(--rvo-link-call-to-action-font-weight);
-  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);
-  text-decoration-thickness: var(--rvo-link-call-to-action-focus-text-decoration-thickness);
-}
-.rvo-link--call-to-action.rvo-link:focus .rvo-link__icon, .rvo-link--call-to-action.rvo-link:focus-visible .rvo-link__icon, .rvo-link--call-to-action.rvo-link--focus .rvo-link__icon {
-  background-color: var(--rvo-link-call-to-action-icon-background-color);
-}
-.rvo-link--call-to-action.rvo-link:active, .rvo-link--call-to-action.rvo-link--active {
-  background-color: var(--rvo-link-call-to-action-active-background-color);
-  border-color: var(--rvo-link-call-to-action-active-border-color);
-  color: var(--rvo-link-call-to-action-active-color);
-  text-decoration-thickness: var(--rvo-link-call-to-action-active-text-decoration-thickness);
-}
-
-.rvo-link--call-to-action-outline {
-  --rvo-link-call-to-action-background-color: var(--rvo-link-call-to-action-outline-background-color);
-  --rvo-link-call-to-action-border-color: var(--rvo-link-call-to-action-outline-border-color);
-  --rvo-link-call-to-action-color: var(--rvo-link-call-to-action-outline-color);
-  --rvo-link-call-to-action-icon-background-color: var(--rvo-link-call-to-action-outline-icon-background-color);
-  --rvo-link-call-to-action-hover-background-color: var(--rvo-link-call-to-action-outline-hover-background-color);
-  --rvo-link-call-to-action-hover-border-color: var(--rvo-link-call-to-action-outline-hover-border-color);
-  --rvo-link-call-to-action-hover-color: var(--rvo-link-call-to-action-outline-hover-color);
-  --rvo-link-call-to-action-hover-icon-background-color: var(
-    --rvo-link-call-to-action-outline-hover-icon-background-color
-  );
-  --rvo-link-call-to-action-active-background-color: var(--rvo-link-call-to-action-outline-active-background-color);
-  --rvo-link-call-to-action-active-border-color: var(--rvo-link-call-to-action-outline-active-border-color);
-  --rvo-link-call-to-action-active-color: var(--rvo-link-call-to-action-outline-active-color);
-}
-
-.rvo-link--full-card-link::after {
-  block-size: 100%;
-  content: "";
-  display: inline-block;
-  inline-size: 100%;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  position: absolute;
-  z-index: 1;
-}

package/dist/index.min.css

@@ -1,3 +0,0 @@
-.rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon,.rvo-link__text{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon,.rvo-link__text{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--call-to-action{align-items:center;background-color:var(--rvo-link-call-to-action-background-color);border-color:var(--rvo-link-call-to-action-border-color);border-radius:var(--rvo-link-call-to-action-border-radius);border-style:var(--rvo-link-call-to-action-border-style);border-width:var(--rvo-link-call-to-action-border-width);box-sizing:border-box;color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);min-block-size:var(--rvo-link-call-to-action-min-block-size);padding-block-end:var(--rvo-link-call-to-action-padding-block-end);padding-block-start:var(--rvo-link-call-to-action-padding-block-start);padding-inline-end:var(--rvo-link-call-to-action-padding-inline-end);padding-inline-start:var(--rvo-link-call-to-action-padding-inline-start);text-decoration:underline;text-decoration-color:var(--rvo-link-call-to-action-color);text-decoration-thickness:var(--rvo-link-call-to-action-text-decoration-thickness);text-underline-offset:var(--rvo-link-call-to-action-text-underline-offset)}.rvo-link--call-to-action .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-call-to-action-hover-background-color);border-color:var(--rvo-link-call-to-action-hover-border-color);color:var(--rvo-link-call-to-action-hover-color);font-weight:var(--rvo-link-call-to-action-font-weight);text-decoration-thickness:var(--rvo-link-call-to-action-hover-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-call-to-action-hover-icon-background-color)}.rvo-link--call-to-action.rvo-link--focus,.rvo-link--call-to-action.rvo-link:focus,.rvo-link--call-to-action.rvo-link:focus-visible{background-color:var(--rvo-link-call-to-action-background-color);color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);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);text-decoration-thickness:var(--rvo-link-call-to-action-focus-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link--focus .rvo-link__icon,.rvo-link--call-to-action.rvo-link:focus .rvo-link__icon,.rvo-link--call-to-action.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link--active,.rvo-link--call-to-action.rvo-link:active{background-color:var(--rvo-link-call-to-action-active-background-color);border-color:var(--rvo-link-call-to-action-active-border-color);color:var(--rvo-link-call-to-action-active-color);text-decoration-thickness:var(--rvo-link-call-to-action-active-text-decoration-thickness)}.rvo-link--call-to-action-outline{--rvo-link-call-to-action-background-color:var(--rvo-link-call-to-action-outline-background-color);--rvo-link-call-to-action-border-color:var(--rvo-link-call-to-action-outline-border-color);--rvo-link-call-to-action-color:var(--rvo-link-call-to-action-outline-color);--rvo-link-call-to-action-icon-background-color:var(--rvo-link-call-to-action-outline-icon-background-color);--rvo-link-call-to-action-hover-background-color:var(--rvo-link-call-to-action-outline-hover-background-color);--rvo-link-call-to-action-hover-border-color:var(--rvo-link-call-to-action-outline-hover-border-color);--rvo-link-call-to-action-hover-color:var(--rvo-link-call-to-action-outline-hover-color);--rvo-link-call-to-action-hover-icon-background-color:var(
-    --rvo-link-call-to-action-outline-hover-icon-background-color
-  );--rvo-link-call-to-action-active-background-color:var(--rvo-link-call-to-action-outline-active-background-color);--rvo-link-call-to-action-active-border-color:var(--rvo-link-call-to-action-outline-active-border-color);--rvo-link-call-to-action-active-color:var(--rvo-link-call-to-action-outline-active-color)}.rvo-link--full-card-link:after{block-size:100%;content:"";display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}

package/dist/index.mjs

@@ -1 +0,0 @@
-export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon,.rvo-link__text{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon,.rvo-link__text{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--call-to-action{align-items:center;background-color:var(--rvo-link-call-to-action-background-color);border-color:var(--rvo-link-call-to-action-border-color);border-radius:var(--rvo-link-call-to-action-border-radius);border-style:var(--rvo-link-call-to-action-border-style);border-width:var(--rvo-link-call-to-action-border-width);box-sizing:border-box;color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);min-block-size:var(--rvo-link-call-to-action-min-block-size);padding-block-end:var(--rvo-link-call-to-action-padding-block-end);padding-block-start:var(--rvo-link-call-to-action-padding-block-start);padding-inline-end:var(--rvo-link-call-to-action-padding-inline-end);padding-inline-start:var(--rvo-link-call-to-action-padding-inline-start);text-decoration:underline;text-decoration-color:var(--rvo-link-call-to-action-color);text-decoration-thickness:var(--rvo-link-call-to-action-text-decoration-thickness);text-underline-offset:var(--rvo-link-call-to-action-text-underline-offset)}.rvo-link--call-to-action .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-call-to-action-hover-background-color);border-color:var(--rvo-link-call-to-action-hover-border-color);color:var(--rvo-link-call-to-action-hover-color);font-weight:var(--rvo-link-call-to-action-font-weight);text-decoration-thickness:var(--rvo-link-call-to-action-hover-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link--call-to-action.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-call-to-action-hover-icon-background-color)}.rvo-link--call-to-action.rvo-link--focus,.rvo-link--call-to-action.rvo-link:focus,.rvo-link--call-to-action.rvo-link:focus-visible{background-color:var(--rvo-link-call-to-action-background-color);color:var(--rvo-link-call-to-action-color);font-weight:var(--rvo-link-call-to-action-font-weight);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);text-decoration-thickness:var(--rvo-link-call-to-action-focus-text-decoration-thickness)}.rvo-link--call-to-action.rvo-link--focus .rvo-link__icon,.rvo-link--call-to-action.rvo-link:focus .rvo-link__icon,.rvo-link--call-to-action.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-call-to-action-icon-background-color)}.rvo-link--call-to-action.rvo-link--active,.rvo-link--call-to-action.rvo-link:active{background-color:var(--rvo-link-call-to-action-active-background-color);border-color:var(--rvo-link-call-to-action-active-border-color);color:var(--rvo-link-call-to-action-active-color);text-decoration-thickness:var(--rvo-link-call-to-action-active-text-decoration-thickness)}.rvo-link--call-to-action-outline{--rvo-link-call-to-action-background-color:var(--rvo-link-call-to-action-outline-background-color);--rvo-link-call-to-action-border-color:var(--rvo-link-call-to-action-outline-border-color);--rvo-link-call-to-action-color:var(--rvo-link-call-to-action-outline-color);--rvo-link-call-to-action-icon-background-color:var(--rvo-link-call-to-action-outline-icon-background-color);--rvo-link-call-to-action-hover-background-color:var(--rvo-link-call-to-action-outline-hover-background-color);--rvo-link-call-to-action-hover-border-color:var(--rvo-link-call-to-action-outline-hover-border-color);--rvo-link-call-to-action-hover-color:var(--rvo-link-call-to-action-outline-hover-color);--rvo-link-call-to-action-hover-icon-background-color:var(\n    --rvo-link-call-to-action-outline-hover-icon-background-color\n  );--rvo-link-call-to-action-active-background-color:var(--rvo-link-call-to-action-outline-active-background-color);--rvo-link-call-to-action-active-border-color:var(--rvo-link-call-to-action-outline-active-border-color);--rvo-link-call-to-action-active-color:var(--rvo-link-call-to-action-outline-active-color)}.rvo-link--full-card-link:after{block-size:100%;content:\"\";display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}";

package/dist/index.mjs.d.ts

@@ -1,2 +0,0 @@
-declare const css: string;
-export default css;