@utrecht/design-tokens 3.0.0 → 3.2.0

package/dist/dark/tokens.json

@@ -3810,6 +3810,47 @@
         "type": "textCase"
       },
       "item": {
+        "first": {
+          "padding-inline-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false,
+              "studio.tokens": {
+                "originalType": "spacing"
+              }
+            },
+            "type": "dimension",
+            "value": "0",
+            "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<length>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false,
+                "studio.tokens": {
+                  "originalType": "spacing"
+                }
+              },
+              "type": "dimension",
+              "value": "0"
+            },
+            "name": "utrechtBreadcrumbNavItemFirstPaddingInlineStart",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "breadcrumb-nav",
+              "item",
+              "first",
+              "padding-inline-start"
+            ]
+          }
+        },
         "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
@@ -9789,6 +9830,425 @@
         }
       }
     },
+    "card": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color",
+        "value": "hsl(211 60% 90%)",
+        "filePath": "src/component/utrecht/card.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "{utrecht.color.blue.90}"
+        },
+        "name": "utrechtCardBackgroundColor",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "card",
+          "background-color"
+        ]
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color",
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/utrecht/card.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "{utrecht.color.black}"
+        },
+        "name": "utrechtCardColor",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "card",
+          "color"
+        ]
+      },
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "box-shadow": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<shadow>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "shadow"
+      },
+      "inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "row-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "heading": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "hsl(211 60% 35%)",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color",
+            "value": "{utrecht.color.blue.35}"
+          },
+          "name": "utrechtCardHeadingColor",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "color"
+          ]
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "utrechtCardHeadingPaddingInlineStart",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "utrechtCardHeadingPaddingInlineEnd",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "padding-inline-end"
+          ]
+        }
+      },
+      "link": {
+        "hover": {
+          "text-decoration-thickness": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false,
+              "studio.tokens": {
+                "originalType": "borderWidth"
+              }
+            },
+            "type": "dimension",
+            "value": "3px",
+            "filePath": "src/component/utrecht/card.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<length>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false,
+                "studio.tokens": {
+                  "originalType": "borderWidth"
+                }
+              },
+              "type": "dimension",
+              "value": "3px"
+            },
+            "name": "utrechtCardLinkHoverTextDecorationThickness",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "card",
+              "link",
+              "hover",
+              "text-decoration-thickness"
+            ]
+          }
+        }
+      },
+      "content": {
+        "row-gap": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.row.md}"
+          },
+          "name": "utrechtCardContentRowGap",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "row-gap"
+          ]
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.block.md}"
+          },
+          "name": "utrechtCardContentPaddingBlockStart",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "padding-block-start"
+          ]
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.block.md}"
+          },
+          "name": "utrechtCardContentPaddingBlockEnd",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "padding-block-end"
+          ]
+        }
+      },
+      "body": {
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "utrechtCardBodyPaddingInlineStart",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "body",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "utrechtCardBodyPaddingInlineEnd",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "body",
+            "padding-inline-end"
+          ]
+        }
+      }
+    },
     "checkbox": {
       "background-color": {
         "$extensions": {
@@ -35566,6 +36026,7 @@
         }
       }
     },
+    "youtube-video": {},
     "color": {
       "red": {
         "20": {

package/dist/dark/variables.cjs

@@ -97,6 +97,7 @@ module.exports = {
   "utrechtBodyColor": "hsl(0 0% 0%)",
   "utrechtBreadcrumbNavMinBlockSize": "34px",
   "utrechtBreadcrumbNavFontSize": "1rem",
+  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0",
   "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
   "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
   "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
@@ -279,6 +280,17 @@ module.exports = {
   "utrechtCalendarNavigationLabelColor": "hsl(0 0% 0%)",
   "utrechtCalendarNavigationLabelFontSize": "1.125rem",
   "utrechtCalendarIconSize": "24px",
+  "utrechtCardBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtCardColor": "hsl(0 0% 0%)",
+  "utrechtCardHeadingColor": "hsl(211 60% 35%)",
+  "utrechtCardHeadingPaddingInlineStart": "16px",
+  "utrechtCardHeadingPaddingInlineEnd": "16px",
+  "utrechtCardLinkHoverTextDecorationThickness": "3px",
+  "utrechtCardContentRowGap": "16px",
+  "utrechtCardContentPaddingBlockStart": "16px",
+  "utrechtCardContentPaddingBlockEnd": "16px",
+  "utrechtCardBodyPaddingInlineStart": "16px",
+  "utrechtCardBodyPaddingInlineEnd": "16px",
   "utrechtCheckboxBackgroundColor": "hsl(0 0% 20%)",
   "utrechtCheckboxBorderColor": "hsl(0 0% 95%)",
   "utrechtCheckboxBorderRadius": "0",

package/dist/dark/variables.css

@@ -313,6 +313,7 @@
   --utrecht-checkbox-focus-border-width: 2px;
   --utrecht-checkbox-border-width: 2px;
   --utrecht-checkbox-border-radius: 0;
+  --utrecht-card-link-hover-text-decoration-thickness: 3px;
   --utrecht-calendar-table-weeks-item-width: 44px;
   --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
   --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
@@ -353,6 +354,7 @@
   --utrecht-breadcrumb-nav-link-text-decoration: none;
   --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
   --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
+  --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
   --utrecht-breadcrumb-nav-divider-inline-size: 1px;
   --utrecht-border-width-sm: 1px;
   --utrecht-border-width-md: 2px;
@@ -695,6 +697,16 @@
   --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
   --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
   --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
+  --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
+  --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
+  --utrecht-card-heading-color: var(--utrecht-color-blue-35);
+  --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
+  --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
+  --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
+  --utrecht-card-color: var(--utrecht-color-black);
+  --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
+  --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
+  --utrecht-card-background-color: var(--utrecht-color-blue-90);
   --utrecht-calendar-table-days-item-day-selected-color: var(--utrecht-color-white);
   --utrecht-calendar-table-days-item-day-selected-background-color: var(--utrecht-color-blue-30);
   --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(--utrecht-color-grey-80);

package/dist/dark/variables.d.ts

@@ -106,6 +106,7 @@ export const utrechtBodyBackgroundColor : string;
 export const utrechtBodyColor : string;
 export const utrechtBreadcrumbNavMinBlockSize : string;
 export const utrechtBreadcrumbNavFontSize : string;
+export const utrechtBreadcrumbNavItemFirstPaddingInlineStart : string;
 export const utrechtBreadcrumbNavItemPaddingBlockStart : string;
 export const utrechtBreadcrumbNavItemPaddingBlockEnd : string;
 export const utrechtBreadcrumbNavItemPaddingInlineEnd : string;
@@ -289,6 +290,17 @@ export const utrechtCalendarNavigationLabelMinInlineSize : string;
 export const utrechtCalendarNavigationLabelColor : string;
 export const utrechtCalendarNavigationLabelFontSize : string;
 export const utrechtCalendarIconSize : string;
+export const utrechtCardBackgroundColor : string;
+export const utrechtCardColor : string;
+export const utrechtCardHeadingColor : string;
+export const utrechtCardHeadingPaddingInlineStart : string;
+export const utrechtCardHeadingPaddingInlineEnd : string;
+export const utrechtCardLinkHoverTextDecorationThickness : string;
+export const utrechtCardContentRowGap : string;
+export const utrechtCardContentPaddingBlockStart : string;
+export const utrechtCardContentPaddingBlockEnd : string;
+export const utrechtCardBodyPaddingInlineStart : string;
+export const utrechtCardBodyPaddingInlineEnd : string;
 export const utrechtCheckboxBackgroundColor : string;
 export const utrechtCheckboxBorderColor : string;
 export const utrechtCheckboxBorderRadius : string;

package/dist/dark/variables.json

@@ -225,6 +225,7 @@
   "utrechtBreadcrumbNavArrowsLinkFocusColor": "hsl(0 0% 0%)",
   "utrechtBreadcrumbNavDividerInlineSize": "1px",
   "utrechtBreadcrumbNavFontSize": "1rem",
+  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0",
   "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
   "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
   "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
@@ -403,6 +404,17 @@
   "utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
   "utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
   "utrechtCalendarTableWeeksItemWidth": "44px",
+  "utrechtCardBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtCardBodyPaddingInlineEnd": "16px",
+  "utrechtCardBodyPaddingInlineStart": "16px",
+  "utrechtCardColor": "hsl(0 0% 0%)",
+  "utrechtCardContentPaddingBlockEnd": "16px",
+  "utrechtCardContentPaddingBlockStart": "16px",
+  "utrechtCardContentRowGap": "16px",
+  "utrechtCardHeadingColor": "hsl(211 60% 35%)",
+  "utrechtCardHeadingPaddingInlineEnd": "16px",
+  "utrechtCardHeadingPaddingInlineStart": "16px",
+  "utrechtCardLinkHoverTextDecorationThickness": "3px",
   "utrechtCheckboxBackgroundColor": "hsl(0 0% 20%)",
   "utrechtCheckboxBorderColor": "hsl(0 0% 95%)",
   "utrechtCheckboxBorderRadius": "0",

package/dist/dark/variables.less

@@ -336,6 +336,7 @@
 @utrecht-checkbox-size: 24px;
 @utrecht-checkbox-border-width: 2px;
 @utrecht-checkbox-border-radius: 0;
+@utrecht-card-link-hover-text-decoration-thickness: 3px;
 @utrecht-calendar-icon-size: 24px;
 @utrecht-calendar-navigation-label-min-inline-size: 200px;
 @utrecht-calendar-navigation-padding-block-end: 2px;
@@ -376,6 +377,7 @@
 @utrecht-breadcrumb-nav-link-text-decoration: none;
 @utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
 @utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
+@utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
 @utrecht-breadcrumb-nav-min-block-size: 34px;
 @utrecht-body-line-height: 1.4;
 @utrecht-blockquote-margin-block-end: 1.6em;
@@ -780,6 +782,16 @@
 @utrecht-checkbox-checked-border-color: @utrecht-color-blue-40;
 @utrecht-checkbox-disabled-background-color: @utrecht-color-grey-80;
 @utrecht-checkbox-disabled-border-color: @utrecht-color-grey-80;
+@utrecht-card-body-padding-inline-end: @utrecht-space-inline-md;
+@utrecht-card-body-padding-inline-start: @utrecht-space-inline-md;
+@utrecht-card-content-padding-block-end: @utrecht-space-block-md;
+@utrecht-card-content-padding-block-start: @utrecht-space-block-md;
+@utrecht-card-content-row-gap: @utrecht-space-row-md;
+@utrecht-card-heading-padding-inline-end: @utrecht-space-inline-md;
+@utrecht-card-heading-padding-inline-start: @utrecht-space-inline-md;
+@utrecht-card-heading-color: @utrecht-color-blue-35;
+@utrecht-card-color: @utrecht-color-black;
+@utrecht-card-background-color: @utrecht-color-blue-90;
 @utrecht-calendar-navigation-label-font-size: @utrecht-typography-scale-lg-font-size;
 @utrecht-calendar-navigation-label-color: @utrecht-color-black;
 @utrecht-calendar-navigation-color: @utrecht-color-blue-30;

package/dist/dark/variables.mjs

@@ -96,6 +96,7 @@ export const utrechtBodyBackgroundColor = "hsl(0 0% 100%)";
 export const utrechtBodyColor = "hsl(0 0% 0%)";
 export const utrechtBreadcrumbNavMinBlockSize = "34px";
 export const utrechtBreadcrumbNavFontSize = "1rem";
+export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0";
 export const utrechtBreadcrumbNavItemPaddingBlockStart = "8px";
 export const utrechtBreadcrumbNavItemPaddingBlockEnd = "8px";
 export const utrechtBreadcrumbNavItemPaddingInlineEnd = "8px";
@@ -278,6 +279,17 @@ export const utrechtCalendarNavigationLabelMinInlineSize = "200px";
 export const utrechtCalendarNavigationLabelColor = "hsl(0 0% 0%)";
 export const utrechtCalendarNavigationLabelFontSize = "1.125rem";
 export const utrechtCalendarIconSize = "24px";
+export const utrechtCardBackgroundColor = "hsl(211 60% 90%)";
+export const utrechtCardColor = "hsl(0 0% 0%)";
+export const utrechtCardHeadingColor = "hsl(211 60% 35%)";
+export const utrechtCardHeadingPaddingInlineStart = "16px";
+export const utrechtCardHeadingPaddingInlineEnd = "16px";
+export const utrechtCardLinkHoverTextDecorationThickness = "3px";
+export const utrechtCardContentRowGap = "16px";
+export const utrechtCardContentPaddingBlockStart = "16px";
+export const utrechtCardContentPaddingBlockEnd = "16px";
+export const utrechtCardBodyPaddingInlineStart = "16px";
+export const utrechtCardBodyPaddingInlineEnd = "16px";
 export const utrechtCheckboxBackgroundColor = "hsl(0 0% 20%)";
 export const utrechtCheckboxBorderColor = "hsl(0 0% 95%)";
 export const utrechtCheckboxBorderRadius = "0";

package/dist/index.cjs

@@ -95,6 +95,7 @@ module.exports = {
   "utrechtBodyColor": "hsl(0 0% 0%)",
   "utrechtBreadcrumbNavMinBlockSize": "34px",
   "utrechtBreadcrumbNavFontSize": "1rem",
+  "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0",
   "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
   "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
   "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
@@ -270,6 +271,17 @@ module.exports = {
   "utrechtCalendarNavigationLabelColor": "hsl(0 0% 0%)",
   "utrechtCalendarNavigationLabelFontSize": "1.125rem",
   "utrechtCalendarIconSize": "24px",
+  "utrechtCardBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtCardColor": "hsl(0 0% 0%)",
+  "utrechtCardHeadingColor": "hsl(211 60% 35%)",
+  "utrechtCardHeadingPaddingInlineStart": "16px",
+  "utrechtCardHeadingPaddingInlineEnd": "16px",
+  "utrechtCardLinkHoverTextDecorationThickness": "3px",
+  "utrechtCardContentRowGap": "16px",
+  "utrechtCardContentPaddingBlockStart": "16px",
+  "utrechtCardContentPaddingBlockEnd": "16px",
+  "utrechtCardBodyPaddingInlineStart": "16px",
+  "utrechtCardBodyPaddingInlineEnd": "16px",
   "utrechtCheckboxBackgroundColor": "hsl(0 0% 100%)",
   "utrechtCheckboxBorderColor": "hsl(0 0% 30%)",
   "utrechtCheckboxBorderRadius": "0",