@utrecht/design-tokens 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_mixin-theme.scss +12 -0
  3. package/dist/_mixin.scss +12 -0
  4. package/dist/_variables.scss +12 -0
  5. package/dist/dark/_mixin-theme.scss +12 -0
  6. package/dist/dark/_mixin.scss +12 -0
  7. package/dist/dark/_variables.scss +12 -0
  8. package/dist/dark/index.cjs +12 -0
  9. package/dist/dark/index.css +12 -0
  10. package/dist/dark/index.d.ts +12 -0
  11. package/dist/dark/index.flat.json +12 -0
  12. package/dist/dark/index.json +396 -0
  13. package/dist/dark/index.mjs +12 -0
  14. package/dist/dark/index.tokens.json +77 -0
  15. package/dist/dark/list.json +396 -0
  16. package/dist/dark/list.mjs +396 -0
  17. package/dist/dark/property.css +12 -0
  18. package/dist/dark/root.css +12 -0
  19. package/dist/dark/theme-prince-xml.css +12 -0
  20. package/dist/dark/theme.css +12 -0
  21. package/dist/dark/tokens.cjs +461 -0
  22. package/dist/dark/tokens.d.ts +52 -0
  23. package/dist/dark/tokens.json +461 -0
  24. package/dist/dark/variables.cjs +12 -0
  25. package/dist/dark/variables.css +12 -0
  26. package/dist/dark/variables.d.ts +12 -0
  27. package/dist/dark/variables.json +12 -0
  28. package/dist/dark/variables.less +12 -0
  29. package/dist/dark/variables.mjs +12 -0
  30. package/dist/index.cjs +12 -0
  31. package/dist/index.css +24 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.flat.json +12 -0
  34. package/dist/index.json +396 -0
  35. package/dist/index.mjs +12 -0
  36. package/dist/index.tokens.json +77 -0
  37. package/dist/list.json +396 -0
  38. package/dist/list.mjs +396 -0
  39. package/dist/property.css +12 -0
  40. package/dist/root.css +12 -0
  41. package/dist/theme-prince-xml.css +12 -0
  42. package/dist/theme.css +12 -0
  43. package/dist/tokens.cjs +461 -0
  44. package/dist/tokens.d.ts +52 -0
  45. package/dist/tokens.json +461 -0
  46. package/dist/variables.cjs +12 -0
  47. package/dist/variables.css +12 -0
  48. package/dist/variables.d.ts +12 -0
  49. package/dist/variables.json +12 -0
  50. package/dist/variables.less +12 -0
  51. package/dist/variables.mjs +12 -0
  52. package/package.json +1 -1
  53. package/src/component/utrecht/breadcrumb-nav.tokens.json +5 -0
  54. package/src/component/utrecht/card.tokens.json +54 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @utrecht/design-tokens
2
2
 
3
+ ## 3.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - cbb98e9: Add `utrecht.breadcrumb-nav.item.first.padding-inline-start` token.
8
+
9
+ Use this token to align the content of the first link with the other content, by setting it to `0`.
10
+
11
+ ## 3.1.0
12
+
13
+ ### Minor Changes
14
+
15
+ - c7fa442: Add the card design tokens
16
+
3
17
  ## 3.0.0
4
18
 
5
19
  ### Major Changes
package/dist/_mixin-theme.scss CHANGED
@@ -337,6 +337,7 @@
337
337
  --utrecht-checkbox-size: 24px;
338
338
  --utrecht-checkbox-border-width: 2px;
339
339
  --utrecht-checkbox-border-radius: 0;
340
+ --utrecht-card-link-hover-text-decoration-thickness: 3px;
340
341
  --utrecht-calendar-icon-size: 24px;
341
342
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
342
343
  --utrecht-calendar-navigation-padding-block-end: 2px;
@@ -377,6 +378,7 @@
377
378
  --utrecht-breadcrumb-nav-link-text-decoration: none;
378
379
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
379
380
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
381
+ --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
380
382
  --utrecht-breadcrumb-nav-min-block-size: 34px;
381
383
  --utrecht-body-line-height: 1.4;
382
384
  --utrecht-blockquote-margin-block-end: 1.6em;
@@ -779,6 +781,16 @@
779
781
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
780
782
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
781
783
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
784
+ --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
785
+ --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
786
+ --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
787
+ --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
788
+ --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
789
+ --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
790
+ --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
791
+ --utrecht-card-heading-color: var(--utrecht-color-blue-35);
792
+ --utrecht-card-color: var(--utrecht-color-black);
793
+ --utrecht-card-background-color: var(--utrecht-color-blue-90);
782
794
  --utrecht-calendar-navigation-label-font-size: var(--utrecht-typography-scale-lg-font-size);
783
795
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
784
796
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
package/dist/_mixin.scss CHANGED
@@ -337,6 +337,7 @@
337
337
  --utrecht-checkbox-size: 24px;
338
338
  --utrecht-checkbox-border-width: 2px;
339
339
  --utrecht-checkbox-border-radius: 0;
340
+ --utrecht-card-link-hover-text-decoration-thickness: 3px;
340
341
  --utrecht-calendar-icon-size: 24px;
341
342
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
342
343
  --utrecht-calendar-navigation-padding-block-end: 2px;
@@ -377,6 +378,7 @@
377
378
  --utrecht-breadcrumb-nav-link-text-decoration: none;
378
379
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
379
380
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
381
+ --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
380
382
  --utrecht-breadcrumb-nav-min-block-size: 34px;
381
383
  --utrecht-body-line-height: 1.4;
382
384
  --utrecht-blockquote-margin-block-end: 1.6em;
@@ -779,6 +781,16 @@
779
781
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
780
782
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
781
783
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
784
+ --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
785
+ --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
786
+ --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
787
+ --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
788
+ --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
789
+ --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
790
+ --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
791
+ --utrecht-card-heading-color: var(--utrecht-color-blue-35);
792
+ --utrecht-card-color: var(--utrecht-color-black);
793
+ --utrecht-card-background-color: var(--utrecht-color-blue-90);
782
794
  --utrecht-calendar-navigation-label-font-size: var(--utrecht-typography-scale-lg-font-size);
783
795
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
784
796
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
package/dist/_variables.scss CHANGED
@@ -335,6 +335,7 @@ $utrecht-checkbox-focus-border-width: 2px;
335
335
  $utrecht-checkbox-size: 24px;
336
336
  $utrecht-checkbox-border-width: 2px;
337
337
  $utrecht-checkbox-border-radius: 0;
338
+ $utrecht-card-link-hover-text-decoration-thickness: 3px;
338
339
  $utrecht-calendar-icon-size: 24px;
339
340
  $utrecht-calendar-navigation-label-min-inline-size: 200px;
340
341
  $utrecht-calendar-navigation-padding-block-end: 2px;
@@ -375,6 +376,7 @@ $utrecht-breadcrumb-nav-divider-inline-size: 1px;
375
376
  $utrecht-breadcrumb-nav-link-text-decoration: none;
376
377
  $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
377
378
  $utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
379
+ $utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
378
380
  $utrecht-breadcrumb-nav-min-block-size: 34px;
379
381
  $utrecht-body-line-height: 1.4;
380
382
  $utrecht-blockquote-margin-block-end: 1.6em;
@@ -777,6 +779,16 @@ $utrecht-checkbox-checked-background-color: $utrecht-color-blue-40;
777
779
  $utrecht-checkbox-checked-border-color: $utrecht-color-blue-40;
778
780
  $utrecht-checkbox-disabled-background-color: $utrecht-color-grey-80;
779
781
  $utrecht-checkbox-disabled-border-color: $utrecht-color-grey-80;
782
+ $utrecht-card-body-padding-inline-end: $utrecht-space-inline-md;
783
+ $utrecht-card-body-padding-inline-start: $utrecht-space-inline-md;
784
+ $utrecht-card-content-padding-block-end: $utrecht-space-block-md;
785
+ $utrecht-card-content-padding-block-start: $utrecht-space-block-md;
786
+ $utrecht-card-content-row-gap: $utrecht-space-row-md;
787
+ $utrecht-card-heading-padding-inline-end: $utrecht-space-inline-md;
788
+ $utrecht-card-heading-padding-inline-start: $utrecht-space-inline-md;
789
+ $utrecht-card-heading-color: $utrecht-color-blue-35;
790
+ $utrecht-card-color: $utrecht-color-black;
791
+ $utrecht-card-background-color: $utrecht-color-blue-90;
780
792
  $utrecht-calendar-navigation-label-font-size: $utrecht-typography-scale-lg-font-size;
781
793
  $utrecht-calendar-navigation-label-color: $utrecht-color-black;
782
794
  $utrecht-calendar-navigation-color: $utrecht-color-blue-30;
package/dist/dark/_mixin-theme.scss CHANGED
@@ -338,6 +338,7 @@
338
338
  --utrecht-checkbox-size: 24px;
339
339
  --utrecht-checkbox-border-width: 2px;
340
340
  --utrecht-checkbox-border-radius: 0;
341
+ --utrecht-card-link-hover-text-decoration-thickness: 3px;
341
342
  --utrecht-calendar-icon-size: 24px;
342
343
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
343
344
  --utrecht-calendar-navigation-padding-block-end: 2px;
@@ -378,6 +379,7 @@
378
379
  --utrecht-breadcrumb-nav-link-text-decoration: none;
379
380
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
380
381
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
382
+ --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
381
383
  --utrecht-breadcrumb-nav-min-block-size: 34px;
382
384
  --utrecht-body-line-height: 1.4;
383
385
  --utrecht-blockquote-margin-block-end: 1.6em;
@@ -782,6 +784,16 @@
782
784
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
783
785
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
784
786
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
787
+ --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
788
+ --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
789
+ --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
790
+ --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
791
+ --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
792
+ --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
793
+ --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
794
+ --utrecht-card-heading-color: var(--utrecht-color-blue-35);
795
+ --utrecht-card-color: var(--utrecht-color-black);
796
+ --utrecht-card-background-color: var(--utrecht-color-blue-90);
785
797
  --utrecht-calendar-navigation-label-font-size: var(--utrecht-typography-scale-lg-font-size);
786
798
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
787
799
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
package/dist/dark/_mixin.scss CHANGED
@@ -338,6 +338,7 @@
338
338
  --utrecht-checkbox-size: 24px;
339
339
  --utrecht-checkbox-border-width: 2px;
340
340
  --utrecht-checkbox-border-radius: 0;
341
+ --utrecht-card-link-hover-text-decoration-thickness: 3px;
341
342
  --utrecht-calendar-icon-size: 24px;
342
343
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
343
344
  --utrecht-calendar-navigation-padding-block-end: 2px;
@@ -378,6 +379,7 @@
378
379
  --utrecht-breadcrumb-nav-link-text-decoration: none;
379
380
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
380
381
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
382
+ --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
381
383
  --utrecht-breadcrumb-nav-min-block-size: 34px;
382
384
  --utrecht-body-line-height: 1.4;
383
385
  --utrecht-blockquote-margin-block-end: 1.6em;
@@ -782,6 +784,16 @@
782
784
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
783
785
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
784
786
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
787
+ --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
788
+ --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
789
+ --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
790
+ --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
791
+ --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
792
+ --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
793
+ --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
794
+ --utrecht-card-heading-color: var(--utrecht-color-blue-35);
795
+ --utrecht-card-color: var(--utrecht-color-black);
796
+ --utrecht-card-background-color: var(--utrecht-color-blue-90);
785
797
  --utrecht-calendar-navigation-label-font-size: var(--utrecht-typography-scale-lg-font-size);
786
798
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
787
799
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
package/dist/dark/_variables.scss CHANGED
@@ -336,6 +336,7 @@ $utrecht-checkbox-focus-border-width: 2px;
336
336
  $utrecht-checkbox-size: 24px;
337
337
  $utrecht-checkbox-border-width: 2px;
338
338
  $utrecht-checkbox-border-radius: 0;
339
+ $utrecht-card-link-hover-text-decoration-thickness: 3px;
339
340
  $utrecht-calendar-icon-size: 24px;
340
341
  $utrecht-calendar-navigation-label-min-inline-size: 200px;
341
342
  $utrecht-calendar-navigation-padding-block-end: 2px;
@@ -376,6 +377,7 @@ $utrecht-breadcrumb-nav-divider-inline-size: 1px;
376
377
  $utrecht-breadcrumb-nav-link-text-decoration: none;
377
378
  $utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
378
379
  $utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
380
+ $utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
379
381
  $utrecht-breadcrumb-nav-min-block-size: 34px;
380
382
  $utrecht-body-line-height: 1.4;
381
383
  $utrecht-blockquote-margin-block-end: 1.6em;
@@ -780,6 +782,16 @@ $utrecht-checkbox-checked-background-color: $utrecht-color-blue-40;
780
782
  $utrecht-checkbox-checked-border-color: $utrecht-color-blue-40;
781
783
  $utrecht-checkbox-disabled-background-color: $utrecht-color-grey-80;
782
784
  $utrecht-checkbox-disabled-border-color: $utrecht-color-grey-80;
785
+ $utrecht-card-body-padding-inline-end: $utrecht-space-inline-md;
786
+ $utrecht-card-body-padding-inline-start: $utrecht-space-inline-md;
787
+ $utrecht-card-content-padding-block-end: $utrecht-space-block-md;
788
+ $utrecht-card-content-padding-block-start: $utrecht-space-block-md;
789
+ $utrecht-card-content-row-gap: $utrecht-space-row-md;
790
+ $utrecht-card-heading-padding-inline-end: $utrecht-space-inline-md;
791
+ $utrecht-card-heading-padding-inline-start: $utrecht-space-inline-md;
792
+ $utrecht-card-heading-color: $utrecht-color-blue-35;
793
+ $utrecht-card-color: $utrecht-color-black;
794
+ $utrecht-card-background-color: $utrecht-color-blue-90;
783
795
  $utrecht-calendar-navigation-label-font-size: $utrecht-typography-scale-lg-font-size;
784
796
  $utrecht-calendar-navigation-label-color: $utrecht-color-black;
785
797
  $utrecht-calendar-navigation-color: $utrecht-color-blue-30;
package/dist/dark/index.cjs CHANGED
@@ -97,6 +97,7 @@ module.exports = {
97
97
  "utrechtBodyColor": "hsl(0 0% 0%)",
98
98
  "utrechtBreadcrumbNavMinBlockSize": "34px",
99
99
  "utrechtBreadcrumbNavFontSize": "1rem",
100
+ "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0",
100
101
  "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
101
102
  "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
102
103
  "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
@@ -279,6 +280,17 @@ module.exports = {
279
280
  "utrechtCalendarNavigationLabelColor": "hsl(0 0% 0%)",
280
281
  "utrechtCalendarNavigationLabelFontSize": "1.125rem",
281
282
  "utrechtCalendarIconSize": "24px",
283
+ "utrechtCardBackgroundColor": "hsl(211 60% 90%)",
284
+ "utrechtCardColor": "hsl(0 0% 0%)",
285
+ "utrechtCardHeadingColor": "hsl(211 60% 35%)",
286
+ "utrechtCardHeadingPaddingInlineStart": "16px",
287
+ "utrechtCardHeadingPaddingInlineEnd": "16px",
288
+ "utrechtCardLinkHoverTextDecorationThickness": "3px",
289
+ "utrechtCardContentRowGap": "16px",
290
+ "utrechtCardContentPaddingBlockStart": "16px",
291
+ "utrechtCardContentPaddingBlockEnd": "16px",
292
+ "utrechtCardBodyPaddingInlineStart": "16px",
293
+ "utrechtCardBodyPaddingInlineEnd": "16px",
282
294
  "utrechtCheckboxBackgroundColor": "hsl(0 0% 20%)",
283
295
  "utrechtCheckboxBorderColor": "hsl(0 0% 95%)",
284
296
  "utrechtCheckboxBorderRadius": "0",
package/dist/dark/index.css CHANGED
@@ -343,6 +343,7 @@
343
343
  --utrecht-checkbox-size: 24px;
344
344
  --utrecht-checkbox-border-width: 2px;
345
345
  --utrecht-checkbox-border-radius: 0;
346
+ --utrecht-card-link-hover-text-decoration-thickness: 3px;
346
347
  --utrecht-calendar-icon-size: 24px;
347
348
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
348
349
  --utrecht-calendar-navigation-padding-block-end: 2px;
@@ -383,6 +384,7 @@
383
384
  --utrecht-breadcrumb-nav-link-text-decoration: none;
384
385
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
385
386
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
387
+ --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0;
386
388
  --utrecht-breadcrumb-nav-min-block-size: 34px;
387
389
  --utrecht-body-line-height: 1.4;
388
390
  --utrecht-blockquote-margin-block-end: 1.6em;
@@ -787,6 +789,16 @@
787
789
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
788
790
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
789
791
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
792
+ --utrecht-card-body-padding-inline-end: var(--utrecht-space-inline-md);
793
+ --utrecht-card-body-padding-inline-start: var(--utrecht-space-inline-md);
794
+ --utrecht-card-content-padding-block-end: var(--utrecht-space-block-md);
795
+ --utrecht-card-content-padding-block-start: var(--utrecht-space-block-md);
796
+ --utrecht-card-content-row-gap: var(--utrecht-space-row-md);
797
+ --utrecht-card-heading-padding-inline-end: var(--utrecht-space-inline-md);
798
+ --utrecht-card-heading-padding-inline-start: var(--utrecht-space-inline-md);
799
+ --utrecht-card-heading-color: var(--utrecht-color-blue-35);
800
+ --utrecht-card-color: var(--utrecht-color-black);
801
+ --utrecht-card-background-color: var(--utrecht-color-blue-90);
790
802
  --utrecht-calendar-navigation-label-font-size: var(--utrecht-typography-scale-lg-font-size);
791
803
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
792
804
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
package/dist/dark/index.d.ts CHANGED
@@ -106,6 +106,7 @@ export const utrechtBodyBackgroundColor : string;
106
106
  export const utrechtBodyColor : string;
107
107
  export const utrechtBreadcrumbNavMinBlockSize : string;
108
108
  export const utrechtBreadcrumbNavFontSize : string;
109
+ export const utrechtBreadcrumbNavItemFirstPaddingInlineStart : string;
109
110
  export const utrechtBreadcrumbNavItemPaddingBlockStart : string;
110
111
  export const utrechtBreadcrumbNavItemPaddingBlockEnd : string;
111
112
  export const utrechtBreadcrumbNavItemPaddingInlineEnd : string;
@@ -289,6 +290,17 @@ export const utrechtCalendarNavigationLabelMinInlineSize : string;
289
290
  export const utrechtCalendarNavigationLabelColor : string;
290
291
  export const utrechtCalendarNavigationLabelFontSize : string;
291
292
  export const utrechtCalendarIconSize : string;
293
+ export const utrechtCardBackgroundColor : string;
294
+ export const utrechtCardColor : string;
295
+ export const utrechtCardHeadingColor : string;
296
+ export const utrechtCardHeadingPaddingInlineStart : string;
297
+ export const utrechtCardHeadingPaddingInlineEnd : string;
298
+ export const utrechtCardLinkHoverTextDecorationThickness : string;
299
+ export const utrechtCardContentRowGap : string;
300
+ export const utrechtCardContentPaddingBlockStart : string;
301
+ export const utrechtCardContentPaddingBlockEnd : string;
302
+ export const utrechtCardBodyPaddingInlineStart : string;
303
+ export const utrechtCardBodyPaddingInlineEnd : string;
292
304
  export const utrechtCheckboxBackgroundColor : string;
293
305
  export const utrechtCheckboxBorderColor : string;
294
306
  export const utrechtCheckboxBorderRadius : string;
package/dist/dark/index.flat.json CHANGED
@@ -225,6 +225,7 @@
225
225
  "utrechtBreadcrumbNavArrowsLinkFocusColor": "hsl(0 0% 0%)",
226
226
  "utrechtBreadcrumbNavDividerInlineSize": "1px",
227
227
  "utrechtBreadcrumbNavFontSize": "1rem",
228
+ "utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0",
228
229
  "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
229
230
  "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
230
231
  "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
@@ -403,6 +404,17 @@
403
404
  "utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
404
405
  "utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
405
406
  "utrechtCalendarTableWeeksItemWidth": "44px",
407
+ "utrechtCardBackgroundColor": "hsl(211 60% 90%)",
408
+ "utrechtCardBodyPaddingInlineEnd": "16px",
409
+ "utrechtCardBodyPaddingInlineStart": "16px",
410
+ "utrechtCardColor": "hsl(0 0% 0%)",
411
+ "utrechtCardContentPaddingBlockEnd": "16px",
412
+ "utrechtCardContentPaddingBlockStart": "16px",
413
+ "utrechtCardContentRowGap": "16px",
414
+ "utrechtCardHeadingColor": "hsl(211 60% 35%)",
415
+ "utrechtCardHeadingPaddingInlineEnd": "16px",
416
+ "utrechtCardHeadingPaddingInlineStart": "16px",
417
+ "utrechtCardLinkHoverTextDecorationThickness": "3px",
406
418
  "utrechtCheckboxBackgroundColor": "hsl(0 0% 20%)",
407
419
  "utrechtCheckboxBorderColor": "hsl(0 0% 95%)",
408
420
  "utrechtCheckboxBorderRadius": "0",