@nl-rvo/css-card-experimental 0.3.2 → 0.4.0

package/dist/card-experimental.css

@@ -0,0 +1 @@
+.rvo-card{--rvo-card-padding-block-end: 0;--rvo-card-padding-block-start: 0;--rvo-card-padding-inline-end: 0;--rvo-card-padding-inline-start: 0;--rvo-card-border-radius: var(--rvo-card-border-radius, 0);--rvo-card-background-color: transparent;--rvo-card-color: initial;background-color:var(--rvo-card-background-color);border-radius:var(--rvo-card-border-radius);color:var(--rvo-card-color);padding-block-end:var(--rvo-card-padding-block-end);padding-block-start:var(--rvo-card-padding-block-start);padding-inline-end:var(--rvo-card-padding-inline-end);padding-inline-start:var(--rvo-card-padding-inline-start);position:relative}.rvo-card.rvo-card--full-colour{padding-block-end:var(--rvo-space-lg);padding-block-start:var(--rvo-space-xl);padding-inline-end:var(--rvo-space-xl);padding-inline-start:var(--rvo-space-xl)}.rvo-card.rvo-card--full-colour--wit{--rvo-card-background-color: var(--rvo-color-wit)}.rvo-card.rvo-card--full-colour--grijs-100{--rvo-card-background-color: var(--rvo-color-grijs-100)}.rvo-card.rvo-card--full-colour--hemelblauw{--rvo-card-background-color: var(--rvo-color-hemelblauw)}.rvo-card.rvo-card--inverted-colors{--rvo-link-color: var(--rvo-card-inverted-color);--rvo-link-active-color: var(--rvo-card-inverted-color);--rvo-link-focus-color: var(--rvo-card-inverted-color);--rvo-link-hover-color: var(--rvo-card-inverted-color);color:var(--rvo-card-inverted-color)}.rvo-card.rvo-card--inverted-colors .rvo-card__link-indicator{--utrecht-icon-color: var(--rvo-card-inverted-color)}.rvo-card.rvo-card--padding-sm,.rvo-card.rvo-card--padding--sm{--rvo-card-border-radius: var(--rvo-card-padding-sm-border-radius);--rvo-card-padding-block-end: var(--rvo-card-padding-sm-padding-block-end);--rvo-card-padding-block-start: var(--rvo-card-padding-sm-padding-block-start);--rvo-card-padding-inline-end: var(--rvo-card-padding-sm-padding-inline-end);--rvo-card-padding-inline-start: var(--rvo-card-padding-sm-padding-inline-start)}.rvo-card.rvo-card--padding-md,.rvo-card.rvo-card--padding--md{--rvo-card-border-radius: var(--rvo-card-padding-md-border-radius);--rvo-card-padding-block-end: var(--rvo-card-padding-md-padding-block-end);--rvo-card-padding-block-start: var(--rvo-card-padding-md-padding-block-start);--rvo-card-padding-inline-end: var(--rvo-card-padding-md-padding-inline-end);--rvo-card-padding-inline-start: var(--rvo-card-padding-md-padding-inline-start)}.rvo-card.rvo-card--padding-lg,.rvo-card.rvo-card--padding--lg{--rvo-card-border-radius: var(--rvo-card-padding-lg-border-radius);--rvo-card-padding-block-end: var(--rvo-card-padding-lg-padding-block-end);--rvo-card-padding-block-start: var(--rvo-card-padding-lg-padding-block-start);--rvo-card-padding-inline-end: var(--rvo-card-padding-lg-padding-inline-end);--rvo-card-padding-inline-start: var(--rvo-card-padding-lg-padding-inline-start)}.rvo-card.rvo-card--padding-xl,.rvo-card.rvo-card--padding--xl{--rvo-card-border-radius: var(--rvo-card-padding-xl-border-radius);--rvo-card-padding-block-end: var(--rvo-card-padding-xl-padding-block-end);--rvo-card-padding-block-start: var(--rvo-card-padding-xl-padding-block-start);--rvo-card-padding-inline-end: var(--rvo-card-padding-xl-padding-inline-end);--rvo-card-padding-inline-start: var(--rvo-card-padding-xl-padding-inline-start)}.rvo-card.rvo-card--outline{border:var(--rvo-card-outline-border-width) solid var(--rvo-card-outline-border-color)}.rvo-card.rvo-card--outline.rvo-card--active{border-color:var(--rvo-card-outline-hover-border-color)}.rvo-card.rvo-card--with-image{overflow:hidden}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm{align-items:center;display:flex}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image-container{flex:.4;margin-block-end:-24px;margin-inline-end:24px}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image{inline-size:100%;object-fit:cover}.rvo-card.rvo-card--with-image .rvo-card--with-image-md .rvo-card__image{inline-size:100%}.rvo-card.rvo-card--with-background-image{min-block-size:var(--rvo-card-background-image-min-height);overflow:hidden;padding-block-start:var(--rvo-space-xl);position:relative}.rvo-card.rvo-card--with-background-image .rvo-card__content{position:relative}.rvo-card.rvo-card--with-background-image::after{background-color:var(--rvo-card-background-image-overlay-color);block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:var(--rvo-card-background-image-overlay-opacity);position:absolute}.rvo-card.rvo-card--with-background-image .rvo-card__background-image{inline-size:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute}.rvo-card .rvo-card__content,.rvo-card .rvo-card--with-link-indicator{z-index:1}.rvo-card.rvo-card__full-card-link{display:block}.rvo-card.rvo-card__full-card-link::after{block-size:100%;content:"";cursor:pointer;display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}.rvo-card .rvo-card--with-link-indicator{align-items:center;block-size:100%;display:flex;flex:1;gap:var(--rvo-space-xs);justify-content:space-between}.rvo-card .rvo-card--with-link-indicator .rvo-card__content{align-self:flex-start}.rvo-card .rvo-card--with-link-indicator .rvo-icon--sm{min-block-size:var(--rvo-size-sm);min-inline-size:var(--rvo-size-sm)}.rvo-card .rvo-card__image-container{line-height:0;margin-block-end:var(--rvo-card-image-margin-block-end);margin-block-start:-24px;margin-inline-end:-24px;margin-inline-start:-24px}.rvo-card .rvo-card__image{object-fit:cover}.rvo-card__full-card-link:hover,.rvo-card__full-card-link:focus{border-color:var(--rvo-card-outline-hover-border-color)}/*# sourceMappingURL=card-experimental.css.map */

package/dist/card-experimental.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/card-experimental.scss"],"names":[],"mappings":"AAIA,UAIE,gCACA,kCACA,iCACA,mCACA,2DACA,yCACA,0BAEA,kDACA,4CACA,4BACA,oDACA,wDACA,sDACA,0DACA,kBAEA,gCACE,sCACA,wCACA,uCACA,yCAIE,qCACE,kDADF,2CACE,wDADF,4CACE,yDAKN,oCACE,iDACA,wDACA,uDACA,uDAEA,qCAEA,8DACE,qDAOA,+DAEE,mEACA,2EACA,+EACA,6EACA,iFANF,+DAEE,mEACA,2EACA,+EACA,6EACA,iFANF,+DAEE,mEACA,2EACA,+EACA,6EACA,iFANF,+DAEE,mEACA,2EACA,+EACA,6EACA,iFAKN,4BACE,uFAEA,6CACE,wDAIJ,+BACE,gBAEA,wDACE,mBACA,aAEA,mFACE,QACA,uBACA,uBAGF,yEACE,iBACA,iBAIJ,yEACE,iBAIJ,0CACE,2DACA,gBACA,wCACA,kBAEA,6DACE,kBAGF,iDACE,gEACA,gBACA,WACA,cACA,iBACA,oBACA,qBACA,yDACA,kBAGF,sEACE,iBACA,oBACA,qBACA,iBACA,kBAIJ,sEAEE,UAGF,mCACE,cAEA,0CACE,gBACA,WACA,eACA,qBACA,iBACA,oBACA,qBACA,kBACA,UAIJ,yCACE,mBACA,gBACA,aACA,OACA,wBACA,8BAEA,4DACE,sBAGF,uDACE,kCACA,mCAIJ,qCACE,cACA,wDACA,yBACA,wBACA,0BAGF,2BACE,iBAIJ,gEAEE","file":"card-experimental.css"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.2",
+  "version": "0.4.0",
   "author": "Community for NL Design System",
   "license": "CC0-1.0",
   "name": "@nl-rvo/css-card-experimental",
@@ -10,27 +10,29 @@
     "card",
     "experimental"
   ],
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/rvo.git",
+    "directory": "components/card-experimental/style"
+  },
   "files": [
-    "src/index.scss",
-    "dist/",
-    "design-tokens.json",
-    "*.md"
+    "src/",
+    "dist/"
   ],
-  "main": "dist/index.css",
+  "exports": {
+    ".": "./dist/card-experimental.css",
+    "./dist/*": "./dist/*"
+  },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/rvo.git",
-    "directory": "components/card"
-  },
   "devDependencies": {
     "@nl-rvo/build-utils-css": "0.1.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/CHANGELOG.md

@@ -1,50 +0,0 @@
-# @nl-rvo/card-experimental
-
-## 0.3.2
-
-### Patch Changes
-
-- 084a230: Ensure package is published with provenance
-
-## 0.3.1
-
-### Patch Changes
-
-- 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
-
-## 0.3.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.
-
-## 0.2.2
-
-### Patch Changes
-
-- 11eb258: Update imports to support storybook v10
-
-## 0.2.1
-
-### Patch Changes
-
-- 5f0f46a: Card Component padding default is changes from none to md
-
-## 0.2.0
-
-### Minor Changes
-
-- 540d0f8: Changed default card padding to 0.
-  Introduced new CSS variables for cards to improve customization.
-
-## 0.1.0
-
-### Minor Changes
-
-- a0061d6: Allow for client side navigation via LinkComponent prop on Link and Card and added CardExperimental compound component

package/README.md

@@ -1,38 +0,0 @@
-<!-- @license CC0-1.0 -->
-
-Een card groepeert informatie die gerelateerd is aan elkaar. Over het algemeen is het mogelijk om via de card door te klikken naar meer informatie over het onderwerp.
-
-# Wanneer gebruik je een card?
-
-Je gebruikt een card wanneer je meerdere blokken met informatie moet tonen die gegroepeerd moeten worden. Denk bijvoorbeeld aan een overzicht van nieuwsberichten waarbij elk bericht een blok van gegroepeerde informatie is in een card.
-
-Gebruik geen cards wanneer een lijst volstaat. Cards zijn slechter te scannen en gebruikers kunnen minder goed informatie vergelijken dan wanneer het in een lijst staat.
-
-# Anatomie van het component
-
-Het component bestaat minimaal uit:
-
-- Een titel
-- Een samenvatting
-
-Mogelijke andere elementen binnen de card zijn:
-
-- Een afbeelding
-- Een button
-- Aanduiding van het type
-- Aanduiding van de datum
-
-# Richtlijnen
-
-- Een card bevat tussen 3 en 6 verschillende elementen
-- Binnen een card staat het belangrijkste element bovenaan
-- Als er als eerste een afbeelding getoond wordt moet het een duidelijke relatie hebben met de achterliggende content
-
-# Rijkshuisstijl
-
-Vanuit de Rijkshuisstijl zijn er geen richtlijnen wat betreft het card component.
-
-# Bronnen
-
-- [Cards: UI-Component Definition](https://web.archive.org/web/20220309101808/https://www.nngroup.com/articles/cards-component/)
-- [How to design better cards - Kai Wong](https://uxdesign.cc/how-to-design-better-cards-2a5fa087b6c9)

package/dist/index.css

@@ -1,174 +0,0 @@
-/**
- * @license CC0-1.0
- * Copyright (c) 2021 Community for NL Design System
- */
-.rvo-card {
-  --rvo-card-padding-block-end: 0;
-  --rvo-card-padding-block-start: 0;
-  --rvo-card-padding-inline-end: 0;
-  --rvo-card-padding-inline-start: 0;
-  --rvo-card-border-radius: var(--rvo-card-border-radius, 0);
-  --rvo-card-background-color: transparent;
-  --rvo-card-color: initial;
-  background-color: var(--rvo-card-background-color);
-  border-radius: var(--rvo-card-border-radius);
-  color: var(--rvo-card-color);
-  padding-block-end: var(--rvo-card-padding-block-end);
-  padding-block-start: var(--rvo-card-padding-block-start);
-  padding-inline-end: var(--rvo-card-padding-inline-end);
-  padding-inline-start: var(--rvo-card-padding-inline-start);
-  position: relative;
-}
-.rvo-card.rvo-card--full-colour {
-  padding-block-end: var(--rvo-space-lg);
-  padding-block-start: var(--rvo-space-xl);
-  padding-inline-end: var(--rvo-space-xl);
-  padding-inline-start: var(--rvo-space-xl);
-}
-.rvo-card.rvo-card--full-colour--wit {
-  --rvo-card-background-color: var(--rvo-color-wit);
-}
-.rvo-card.rvo-card--full-colour--grijs-100 {
-  --rvo-card-background-color: var(--rvo-color-grijs-100);
-}
-.rvo-card.rvo-card--full-colour--hemelblauw {
-  --rvo-card-background-color: var(--rvo-color-hemelblauw);
-}
-.rvo-card.rvo-card--inverted-colors {
-  --rvo-link-color: var(--rvo-card-inverted-color);
-  --rvo-link-active-color: var(--rvo-card-inverted-color);
-  --rvo-link-focus-color: var(--rvo-card-inverted-color);
-  --rvo-link-hover-color: var(--rvo-card-inverted-color);
-  color: var(--rvo-card-inverted-color);
-}
-.rvo-card.rvo-card--inverted-colors .rvo-card__link-indicator {
-  --utrecht-icon-color: var(--rvo-card-inverted-color);
-}
-.rvo-card.rvo-card--padding-sm, .rvo-card.rvo-card--padding--sm {
-  --rvo-card-border-radius: var(--rvo-card-padding-sm-border-radius);
-  --rvo-card-padding-block-end: var(--rvo-card-padding-sm-padding-block-end);
-  --rvo-card-padding-block-start: var(--rvo-card-padding-sm-padding-block-start);
-  --rvo-card-padding-inline-end: var(--rvo-card-padding-sm-padding-inline-end);
-  --rvo-card-padding-inline-start: var(--rvo-card-padding-sm-padding-inline-start);
-}
-.rvo-card.rvo-card--padding-md, .rvo-card.rvo-card--padding--md {
-  --rvo-card-border-radius: var(--rvo-card-padding-md-border-radius);
-  --rvo-card-padding-block-end: var(--rvo-card-padding-md-padding-block-end);
-  --rvo-card-padding-block-start: var(--rvo-card-padding-md-padding-block-start);
-  --rvo-card-padding-inline-end: var(--rvo-card-padding-md-padding-inline-end);
-  --rvo-card-padding-inline-start: var(--rvo-card-padding-md-padding-inline-start);
-}
-.rvo-card.rvo-card--padding-lg, .rvo-card.rvo-card--padding--lg {
-  --rvo-card-border-radius: var(--rvo-card-padding-lg-border-radius);
-  --rvo-card-padding-block-end: var(--rvo-card-padding-lg-padding-block-end);
-  --rvo-card-padding-block-start: var(--rvo-card-padding-lg-padding-block-start);
-  --rvo-card-padding-inline-end: var(--rvo-card-padding-lg-padding-inline-end);
-  --rvo-card-padding-inline-start: var(--rvo-card-padding-lg-padding-inline-start);
-}
-.rvo-card.rvo-card--padding-xl, .rvo-card.rvo-card--padding--xl {
-  --rvo-card-border-radius: var(--rvo-card-padding-xl-border-radius);
-  --rvo-card-padding-block-end: var(--rvo-card-padding-xl-padding-block-end);
-  --rvo-card-padding-block-start: var(--rvo-card-padding-xl-padding-block-start);
-  --rvo-card-padding-inline-end: var(--rvo-card-padding-xl-padding-inline-end);
-  --rvo-card-padding-inline-start: var(--rvo-card-padding-xl-padding-inline-start);
-}
-.rvo-card.rvo-card--outline {
-  border: var(--rvo-card-outline-border-width) solid var(--rvo-card-outline-border-color);
-}
-.rvo-card.rvo-card--outline.rvo-card--active {
-  border-color: var(--rvo-card-outline-hover-border-color);
-}
-.rvo-card.rvo-card--with-image {
-  overflow: hidden;
-}
-.rvo-card.rvo-card--with-image .rvo-card--with-image-sm {
-  align-items: center;
-  display: flex;
-}
-.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image-container {
-  flex: 0.4;
-  margin-block-end: -24px;
-  margin-inline-end: 24px;
-}
-.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image {
-  inline-size: 100%;
-  object-fit: cover;
-}
-.rvo-card.rvo-card--with-image .rvo-card--with-image-md .rvo-card__image {
-  inline-size: 100%;
-}
-.rvo-card.rvo-card--with-background-image {
-  min-block-size: var(--rvo-card-background-image-min-height);
-  overflow: hidden;
-  padding-block-start: var(--rvo-space-xl);
-  position: relative;
-}
-.rvo-card.rvo-card--with-background-image .rvo-card__content {
-  position: relative;
-}
-.rvo-card.rvo-card--with-background-image::after {
-  background-color: var(--rvo-card-background-image-overlay-color);
-  block-size: 100%;
-  content: "";
-  display: block;
-  inline-size: 100%;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  opacity: var(--rvo-card-background-image-overlay-opacity);
-  position: absolute;
-}
-.rvo-card.rvo-card--with-background-image .rvo-card__background-image {
-  inline-size: 100%;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  object-fit: cover;
-  position: absolute;
-}
-.rvo-card .rvo-card__content,
-.rvo-card .rvo-card--with-link-indicator {
-  z-index: 1;
-}
-.rvo-card.rvo-card__full-card-link {
-  display: block;
-}
-.rvo-card.rvo-card__full-card-link::after {
-  block-size: 100%;
-  content: "";
-  cursor: pointer;
-  display: inline-block;
-  inline-size: 100%;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  position: absolute;
-  z-index: 1;
-}
-.rvo-card .rvo-card--with-link-indicator {
-  align-items: center;
-  block-size: 100%;
-  display: flex;
-  flex: 1;
-  gap: var(--rvo-space-xs);
-  justify-content: space-between;
-}
-.rvo-card .rvo-card--with-link-indicator .rvo-card__content {
-  align-self: flex-start;
-}
-.rvo-card .rvo-card--with-link-indicator .rvo-icon--sm {
-  min-block-size: var(--rvo-size-sm);
-  min-inline-size: var(--rvo-size-sm);
-}
-.rvo-card .rvo-card__image-container {
-  line-height: 0;
-  margin-block-end: var(--rvo-card-image-margin-block-end);
-  margin-block-start: -24px;
-  margin-inline-end: -24px;
-  margin-inline-start: -24px;
-}
-.rvo-card .rvo-card__image {
-  object-fit: cover;
-}
-
-.rvo-card__full-card-link:hover,
-.rvo-card__full-card-link:focus {
-  border-color: var(--rvo-card-outline-hover-border-color);
-}

package/dist/index.min.css

@@ -1 +0,0 @@
-.rvo-card{--rvo-card-padding-block-end:0;--rvo-card-padding-block-start:0;--rvo-card-padding-inline-end:0;--rvo-card-padding-inline-start:0;--rvo-card-border-radius:var(--rvo-card-border-radius,0);--rvo-card-background-color:transparent;--rvo-card-color:initial;background-color:var(--rvo-card-background-color);border-radius:var(--rvo-card-border-radius);color:var(--rvo-card-color);padding-block-end:var(--rvo-card-padding-block-end);padding-block-start:var(--rvo-card-padding-block-start);padding-inline-end:var(--rvo-card-padding-inline-end);padding-inline-start:var(--rvo-card-padding-inline-start);position:relative}.rvo-card.rvo-card--full-colour{padding-block-end:var(--rvo-space-lg);padding-block-start:var(--rvo-space-xl);padding-inline-end:var(--rvo-space-xl);padding-inline-start:var(--rvo-space-xl)}.rvo-card.rvo-card--full-colour--wit{--rvo-card-background-color:var(--rvo-color-wit)}.rvo-card.rvo-card--full-colour--grijs-100{--rvo-card-background-color:var(--rvo-color-grijs-100)}.rvo-card.rvo-card--full-colour--hemelblauw{--rvo-card-background-color:var(--rvo-color-hemelblauw)}.rvo-card.rvo-card--inverted-colors{--rvo-link-color:var(--rvo-card-inverted-color);--rvo-link-active-color:var(--rvo-card-inverted-color);--rvo-link-focus-color:var(--rvo-card-inverted-color);--rvo-link-hover-color:var(--rvo-card-inverted-color);color:var(--rvo-card-inverted-color)}.rvo-card.rvo-card--inverted-colors .rvo-card__link-indicator{--utrecht-icon-color:var(--rvo-card-inverted-color)}.rvo-card.rvo-card--padding--sm,.rvo-card.rvo-card--padding-sm{--rvo-card-border-radius:var(--rvo-card-padding-sm-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-sm-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-sm-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-sm-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-sm-padding-inline-start)}.rvo-card.rvo-card--padding--md,.rvo-card.rvo-card--padding-md{--rvo-card-border-radius:var(--rvo-card-padding-md-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-md-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-md-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-md-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-md-padding-inline-start)}.rvo-card.rvo-card--padding--lg,.rvo-card.rvo-card--padding-lg{--rvo-card-border-radius:var(--rvo-card-padding-lg-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-lg-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-lg-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-lg-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-lg-padding-inline-start)}.rvo-card.rvo-card--padding--xl,.rvo-card.rvo-card--padding-xl{--rvo-card-border-radius:var(--rvo-card-padding-xl-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-xl-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-xl-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-xl-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-xl-padding-inline-start)}.rvo-card.rvo-card--outline{border:var(--rvo-card-outline-border-width) solid var(--rvo-card-outline-border-color)}.rvo-card.rvo-card--outline.rvo-card--active{border-color:var(--rvo-card-outline-hover-border-color)}.rvo-card.rvo-card--with-image{overflow:hidden}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm{align-items:center;display:flex}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image-container{flex:0.4;margin-block-end:-24px;margin-inline-end:24px}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image{inline-size:100%;object-fit:cover}.rvo-card.rvo-card--with-image .rvo-card--with-image-md .rvo-card__image{inline-size:100%}.rvo-card.rvo-card--with-background-image{min-block-size:var(--rvo-card-background-image-min-height);overflow:hidden;padding-block-start:var(--rvo-space-xl);position:relative}.rvo-card.rvo-card--with-background-image .rvo-card__content{position:relative}.rvo-card.rvo-card--with-background-image:after{background-color:var(--rvo-card-background-image-overlay-color);block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:var(--rvo-card-background-image-overlay-opacity);position:absolute}.rvo-card.rvo-card--with-background-image .rvo-card__background-image{inline-size:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute}.rvo-card .rvo-card--with-link-indicator,.rvo-card .rvo-card__content{z-index:1}.rvo-card.rvo-card__full-card-link{display:block}.rvo-card.rvo-card__full-card-link:after{block-size:100%;content:"";cursor:pointer;display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}.rvo-card .rvo-card--with-link-indicator{align-items:center;block-size:100%;display:flex;flex:1;gap:var(--rvo-space-xs);justify-content:space-between}.rvo-card .rvo-card--with-link-indicator .rvo-card__content{align-self:flex-start}.rvo-card .rvo-card--with-link-indicator .rvo-icon--sm{min-block-size:var(--rvo-size-sm);min-inline-size:var(--rvo-size-sm)}.rvo-card .rvo-card__image-container{line-height:0;margin-block-end:var(--rvo-card-image-margin-block-end);margin-block-start:-24px;margin-inline-end:-24px;margin-inline-start:-24px}.rvo-card .rvo-card__image{object-fit:cover}.rvo-card__full-card-link:focus,.rvo-card__full-card-link:hover{border-color:var(--rvo-card-outline-hover-border-color)}

package/dist/index.mjs

@@ -1 +0,0 @@
-export default ".rvo-card{--rvo-card-padding-block-end:0;--rvo-card-padding-block-start:0;--rvo-card-padding-inline-end:0;--rvo-card-padding-inline-start:0;--rvo-card-border-radius:var(--rvo-card-border-radius,0);--rvo-card-background-color:transparent;--rvo-card-color:initial;background-color:var(--rvo-card-background-color);border-radius:var(--rvo-card-border-radius);color:var(--rvo-card-color);padding-block-end:var(--rvo-card-padding-block-end);padding-block-start:var(--rvo-card-padding-block-start);padding-inline-end:var(--rvo-card-padding-inline-end);padding-inline-start:var(--rvo-card-padding-inline-start);position:relative}.rvo-card.rvo-card--full-colour{padding-block-end:var(--rvo-space-lg);padding-block-start:var(--rvo-space-xl);padding-inline-end:var(--rvo-space-xl);padding-inline-start:var(--rvo-space-xl)}.rvo-card.rvo-card--full-colour--wit{--rvo-card-background-color:var(--rvo-color-wit)}.rvo-card.rvo-card--full-colour--grijs-100{--rvo-card-background-color:var(--rvo-color-grijs-100)}.rvo-card.rvo-card--full-colour--hemelblauw{--rvo-card-background-color:var(--rvo-color-hemelblauw)}.rvo-card.rvo-card--inverted-colors{--rvo-link-color:var(--rvo-card-inverted-color);--rvo-link-active-color:var(--rvo-card-inverted-color);--rvo-link-focus-color:var(--rvo-card-inverted-color);--rvo-link-hover-color:var(--rvo-card-inverted-color);color:var(--rvo-card-inverted-color)}.rvo-card.rvo-card--inverted-colors .rvo-card__link-indicator{--utrecht-icon-color:var(--rvo-card-inverted-color)}.rvo-card.rvo-card--padding--sm,.rvo-card.rvo-card--padding-sm{--rvo-card-border-radius:var(--rvo-card-padding-sm-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-sm-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-sm-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-sm-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-sm-padding-inline-start)}.rvo-card.rvo-card--padding--md,.rvo-card.rvo-card--padding-md{--rvo-card-border-radius:var(--rvo-card-padding-md-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-md-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-md-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-md-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-md-padding-inline-start)}.rvo-card.rvo-card--padding--lg,.rvo-card.rvo-card--padding-lg{--rvo-card-border-radius:var(--rvo-card-padding-lg-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-lg-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-lg-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-lg-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-lg-padding-inline-start)}.rvo-card.rvo-card--padding--xl,.rvo-card.rvo-card--padding-xl{--rvo-card-border-radius:var(--rvo-card-padding-xl-border-radius);--rvo-card-padding-block-end:var(--rvo-card-padding-xl-padding-block-end);--rvo-card-padding-block-start:var(--rvo-card-padding-xl-padding-block-start);--rvo-card-padding-inline-end:var(--rvo-card-padding-xl-padding-inline-end);--rvo-card-padding-inline-start:var(--rvo-card-padding-xl-padding-inline-start)}.rvo-card.rvo-card--outline{border:var(--rvo-card-outline-border-width) solid var(--rvo-card-outline-border-color)}.rvo-card.rvo-card--outline.rvo-card--active{border-color:var(--rvo-card-outline-hover-border-color)}.rvo-card.rvo-card--with-image{overflow:hidden}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm{align-items:center;display:flex}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image-container{flex:0.4;margin-block-end:-24px;margin-inline-end:24px}.rvo-card.rvo-card--with-image .rvo-card--with-image-sm .rvo-card__image{inline-size:100%;object-fit:cover}.rvo-card.rvo-card--with-image .rvo-card--with-image-md .rvo-card__image{inline-size:100%}.rvo-card.rvo-card--with-background-image{min-block-size:var(--rvo-card-background-image-min-height);overflow:hidden;padding-block-start:var(--rvo-space-xl);position:relative}.rvo-card.rvo-card--with-background-image .rvo-card__content{position:relative}.rvo-card.rvo-card--with-background-image:after{background-color:var(--rvo-card-background-image-overlay-color);block-size:100%;content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:var(--rvo-card-background-image-overlay-opacity);position:absolute}.rvo-card.rvo-card--with-background-image .rvo-card__background-image{inline-size:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute}.rvo-card .rvo-card--with-link-indicator,.rvo-card .rvo-card__content{z-index:1}.rvo-card.rvo-card__full-card-link{display:block}.rvo-card.rvo-card__full-card-link:after{block-size:100%;content:\"\";cursor:pointer;display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}.rvo-card .rvo-card--with-link-indicator{align-items:center;block-size:100%;display:flex;flex:1;gap:var(--rvo-space-xs);justify-content:space-between}.rvo-card .rvo-card--with-link-indicator .rvo-card__content{align-self:flex-start}.rvo-card .rvo-card--with-link-indicator .rvo-icon--sm{min-block-size:var(--rvo-size-sm);min-inline-size:var(--rvo-size-sm)}.rvo-card .rvo-card__image-container{line-height:0;margin-block-end:var(--rvo-card-image-margin-block-end);margin-block-start:-24px;margin-inline-end:-24px;margin-inline-start:-24px}.rvo-card .rvo-card__image{object-fit:cover}.rvo-card__full-card-link:focus,.rvo-card__full-card-link:hover{border-color:var(--rvo-card-outline-hover-border-color)}";

package/dist/index.mjs.d.ts

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