@dictu/design-tokens 1.6.0 → 2.1.0

package/dist/card.css

@@ -1,49 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-card {
-  --govnl-card-default-focus-border-color: transparant;
-  --govnl-card-heading-text-decoration-line: underline;
-  --govnl-card-heading-hover-text-decoration-line: underline;
-  --govnl-card-heading-hover-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --govnl-card-heading-text-decoration-thickness: max(1px, .0625rem);
-  --govnl-card-heading-text-underline-offset: 0.1578em;
-  --govnl-card-heading-active-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --govnl-card-heading-active-text-decoration-line: underline;
-  --govnl-card-heading-focus-visible-text-decoration-line: underline;
-  --govnl-card-heading-focus-visible-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --govnl-card-accent-border-color: transparant;
-  --govnl-card-accent-hover-border-color: transparant;
-  --govnl-card-accent-active-border-color: transparant;
-  --govnl-card-accent-focus-border-color: transparant;
-  --govnl-card-default-hover-background-color: var(--govnl-color-grijs-100);
-  --govnl-card-default-active-background-color: var(--govnl-color-grijs-200);
-  --govnl-card-default-border-radius: var(--govnl-border-border-radius-sm);
-  --govnl-card-default-border-width: var(--govnl-border-border-width-sm);
-  --govnl-card-accent-heading-color: var(--govnl-color-white);
-  --govnl-card-default-background-color: var(--govnl-document-background-color);
-  --govnl-card-default-border-color: var(--govnl-line-subtle-border-color);
-  --govnl-card-default-hover-border-color: var(--govnl-line-border-color);
-  --govnl-card-default-active-border-color: var(--govnl-line-strong-border-color);
-  --govnl-card-default-focus-background-color: var(--govnl-focus-background-color);
-  --govnl-card-default-focus-color: var(--govnl-focus-color);
-  --govnl-card-default-main-padding-block-start: var(--govnl-space-sm);
-  --govnl-card-default-main-padding-inline-end: var(--govnl-space-sm);
-  --govnl-card-default-main-padding-inline-start: var(--govnl-space-sm);
-  --govnl-card-default-main-padding-block-end: var(--govnl-space-sm);
-  --govnl-card-default-main-row-gap: var(--govnl-space-xs);
-  --govnl-card-accent-background-color: var(--govnl-brand-primary-1-500);
-  --govnl-card-accent-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-hover-background-color: var(--govnl-brand-primary-1-500);
-  --govnl-card-accent-hover-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-active-background-color: var(--govnl-brand-primary-1-500);
-  --govnl-card-accent-active-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-focus-background-color: var(--govnl-focus-background-color);
-  --govnl-card-accent-focus-color: var(--govnl-focus-color);
-  --govnl-card-accent-heading-hover-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-heading-active-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-paragraph-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-paragraph-hover-color: var(--govnl-document-inverse-color);
-  --govnl-card-accent-paragraph-active-color: var(--govnl-document-inverse-color);
-}

package/dist/container.css

@@ -1,8 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-container {
-  --govnl-container-max-inline-size: calc(8 * var(--govnl-dimension-size-2000));
-  --govnl-container-padding-inline: var(--govnl-dimension-size-200);
-}

package/dist/figure.css

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-figure {
-  --govnl-figure-caption-font-size: var(--govnl-typography-font-size-sm);
-  --govnl-figure-caption-line-height: var(--govnl-typography-line-height-sm);
-  --govnl-figure-caption-color: var(--govnl-document-color);
-  --govnl-figure-row-gap: var(--govnl-gap-content-min) / 2;
-}

package/dist/grid.css

@@ -1,16 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-grid {
-  --govnl-grid-template-columns-col-1: repeat(1, 1fr);
-  --govnl-grid-template-columns-col-2: repeat(2, 1fr);
-  --govnl-grid-template-columns-col-3: repeat(3, 1fr);
-  --govnl-grid-template-columns-col-4: repeat(4, 1fr);
-  --govnl-grid-template-rows-auto: auto;
-  --govnl-grid-template-columns-width: var(--govnl-dimension-size-2000);
-  --govnl-grid-gap-row-min: var(--govnl-gap-content-min);
-  --govnl-grid-gap-row-max: var(--govnl-gap-content-max);
-  --govnl-grid-gap-column-min: var(--govnl-gap-content-min);
-  --govnl-grid-gap-column-max: var(--govnl-gap-content-max);
-}

package/dist/heading.css

@@ -1,36 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-heading {
-  --nl-heading-level-1-font-size: var(--govnl-typography-font-size-3xl);
-  --nl-heading-level-1-line-height: var(--govnl-typography-line-height-sm);
-  --nl-heading-level-2-font-size: var(--govnl-typography-font-size-2xl);
-  --nl-heading-level-2-line-height: var(--govnl-typography-line-height-sm);
-  --nl-heading-level-3-font-size: var(--govnl-typography-font-size-xl);
-  --nl-heading-level-3-line-height: var(--govnl-typography-line-height-sm);
-  --nl-heading-level-4-font-size: var(--govnl-typography-font-size-lg);
-  --nl-heading-level-4-line-height: var(--govnl-typography-line-height-md);
-  --nl-heading-level-5-font-size: var(--govnl-typography-font-size-md);
-  --nl-heading-level-5-line-height: var(--govnl-typography-line-height-md);
-  --nl-heading-level-6-font-size: var(--govnl-typography-font-size-sm);
-  --nl-heading-level-6-line-height: var(--govnl-typography-line-height-md);
-  --nl-heading-level-1-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-1-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-2-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-2-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-3-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-3-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-4-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-4-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-5-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-5-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-6-font-family: var(--govnl-heading-font-family);
-  --nl-heading-level-6-font-weight: var(--govnl-heading-font-weight);
-  --nl-heading-level-1-color: var(--govnl-heading-color);
-  --nl-heading-level-2-color: var(--govnl-heading-color);
-  --nl-heading-level-3-color: var(--govnl-heading-color);
-  --nl-heading-level-4-color: var(--govnl-heading-color);
-  --nl-heading-level-5-color: var(--govnl-heading-color);
-  --nl-heading-level-6-color: var(--govnl-heading-color);
-}

package/dist/hero.css

@@ -1,24 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-hero {
-  --govnl-hero-message-max-inline-size: 50%;
-  --govnl-hero-message-border-radius: 20px;
-  --govnl-hero-border-radius: 40px;
-  --govnl-hero-message-row-gap: var(--govnl-space-4xs);
-  --govnl-hero-message-padding-block-end: var(--govnl-space-sm);
-  --govnl-hero-message-padding-block-start: var(--govnl-space-sm);
-  --govnl-hero-message-padding-inline-start: var(--govnl-space-sm);
-  --govnl-hero-message-padding-inline-end: var(--govnl-space-sm);
-  --govnl-hero-message-background-color: var(--govnl-brand-primary-1-500);
-  --govnl-hero-message-color: var(--govnl-document-inverse-color);
-  --govnl-hero-heading-font-family: var(--govnl-heading-font-family);
-  --govnl-hero-heading-font-weight: var(--govnl-heading-font-weight);
-  --govnl-hero-heading-line-height: var(--govnl-heading-line-height);
-  --govnl-hero-heading-font-size: var(--nl-heading-level-3-font-size);
-  --govnl-hero-subheading-font-family: var(--govnl-document-font-family);
-  --govnl-hero-subheading-font-weight: var(--govnl-document-font-weight);
-  --govnl-hero-subheading-line-height: var(--govnl-document-line-height);
-  --govnl-hero-subheading-font-size: var(--govnl-document-font-size);
-}

package/dist/icon.css

@@ -1,8 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-icon {
-  --govnl-icon-size: 1.5em;
-  --govnl-icon-color: var(--govnl-document-color);
-}

package/dist/link-list.css

@@ -1,13 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-link-list {
-  --govnl-link-list-icon-inset-block-start: 0px;
-  --govnl-link-list-icon-size: 1.125em;
-  --govnl-link-list-link-text-decoration: None;
-  --govnl-link-list-link-hover-text-decoration: underline;
-  --govnl-link-list-row-gap: var(--govnl-gap-content-min) / 2;
-  --govnl-link-list-link-column-gap: var(--govnl-gap-content-min) / 2;
-  --govnl-link-list-font-weight: var(--govnl-document-font-weight);
-}

package/dist/link.css

@@ -1,24 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-link {
-  --nl-link-text-decoration-line: underline;
-  --nl-link-text-decoration-thickness: max(1px, .0625rem);
-  --nl-link-text-underline-offset: 0.1578em;
-  --nl-link-active-text-decoration-line: underline;
-  --nl-link-active-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --nl-link-current-cursor: default;
-  --nl-link-disabled-cursor: disabled;
-  --nl-link-focus-visible-text-decoration-line: underline;
-  --nl-link-focus-visible-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --nl-link-hover-text-decoration-line: underline;
-  --nl-link-hover-text-decoration-thickness: max(3px, .1875rem, .12em);
-  --nl-link-disabled-color: var(--govnl-color-grijs-500);
-  --nl-link-color: var(--govnl-interaction-color);
-  --nl-link-text-decoration-color: var(--govnl-interaction-color);
-  --nl-link-focus-visible-background-color: var(--govnl-focus-background-color);
-  --nl-link-focus-visible-color: var(--govnl-focus-color);
-  --nl-link-active-color: var(--govnl-interaction-active-color);
-  --nl-link-hover-color: var(--govnl-interaction-hover-color);
-}

package/dist/list.css

@@ -1,11 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-list {
-  --govnl-list-list-item-gap: var(--govnl-dimension-size-50);
-  --govnl-list-list-item-level2-indent: var(--govnl-dimension-size-300);
-  --govnl-list-list-item-level3-indent: var(--govnl-dimension-size-600);
-  --govnl-list-gap: var(--govnl-dimension-size-100);
-  --govnl-list-prefix: var(--govnl-dimension-size-300);
-}

package/dist/logo.css

@@ -1,20 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-logo {
-  --govnl-logo-title-line-height: 1.063rem;
-  --govnl-logo-title-font-size: 0.913rem;
-  --govnl-logo-title-padding-block-start: 3.125rem;
-  --govnl-logo-subtitle-line-height: 1rem;
-  --govnl-logo-subtitle-font-size: 0.775rem;
-  --govnl-logo-image-background-color: var(--govnl-color-white);
-  --govnl-logo-image-inline-size: var(--govnl-lint-size-lint);
-  --govnl-logo-image-block-size: var(--govnl-lint-size-2-lint);
-  --govnl-logo-image-color: var(--govnl-color-lintblauw-500);
-  --govnl-logo-title-font-weight: var(--govnl-typography-font-weight-semi-bold);
-  --govnl-logo-subtitle-font-weight: var(--govnl-typography-font-weight-regular);
-  --govnl-logo-column-gap: var(--govnl-lint-size-quarter-lint);
-  --govnl-logo-font-family: var(--govnl-typography-font-family-sans);
-  --govnl-logo-color: var(--govnl-color-lintblauw-500);
-}

package/dist/navigation-bar.css

@@ -1,39 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-navigation-bar {
-  --govnl-nav-bar-max-inline-size: 1280px;
-  --govnl-nav-bar-padding-inline: 0px;
-  --govnl-nav-bar-container-inline-size: 100%;
-  --govnl-nav-bar-content-column-gap: 0px;
-  --govnl-nav-bar-icon-size: 1.5em;
-  --govnl-nav-bar-link-text-decoration: none;
-  --govnl-nav-bar-menu-label-background-color: none;
-  --govnl-nav-bar-mobile-max-inline-size: 100%;
-  --govnl-nav-bar-border-block-end-width: var(--govnl-border-border-width-sm);
-  --govnl-nav-bar-icon-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-icon-active-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-link-active-background-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-link-active-color: var(--govnl-document-inverse-color);
-  --govnl-nav-bar-link-background-color: var(--govnl-document-background-color);
-  --govnl-nav-bar-link-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-link-focus-background-color: var(--govnl-brand-primary-1-50);
-  --govnl-nav-bar-link-focus-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-link-hover-background-color: var(--govnl-brand-primary-1-50);
-  --govnl-nav-bar-link-hover-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-link-padding-block: var(--govnl-space-sm);
-  --govnl-nav-bar-link-padding-inline: var(--govnl-space-xs);
-  --govnl-nav-bar-link-column-gap: var(--govnl-gap-content-min) / 2;
-  --govnl-nav-bar-background-color: var(--govnl-document-background-color);
-  --govnl-nav-bar-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-border-color: var(--govnl-brand-primary-1-400);
-  --govnl-nav-bar-search-padding-block: var(--govnl-space-xs);
-  --govnl-nav-bar-search-padding-inline: var(--govnl-space-xs);
-  --govnl-nav-bar-menu-label-gap: var(--govnl-gap-content-min) / 2;
-  --govnl-nav-bar-menu-label-padding-inline: var(--govnl-space-sm);
-  --govnl-nav-bar-menu-label-padding-block: var(--govnl-space-2xs);
-  --govnl-nav-bar-menu-label-color: var(--govnl-brand-primary-1-500);
-  --govnl-nav-bar-menu-label-font-size: var(--govnl-document-font-size);
-  --govnl-nav-bar-font-size: var(--govnl-document-font-size);
-}

package/dist/page-footer.css

@@ -1,14 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-page-footer {
-  --govnl-page-footer-border-width: var(--govnl-border-border-width-sm);
-  --govnl-page-footer-background-color: var(--govnl-root-background-color);
-  --govnl-page-footer-color: var(--govnl-brand-primary-1-500);
-  --govnl-page-footer-padding-block-start: var(--govnl-space-2xl);
-  --govnl-page-footer-padding-block-end: var(--govnl-space-2xl);
-  --govnl-page-footer-content-column-gap: calc(2 * var(--govnl-gap-content-min));
-  --govnl-page-footer-content-row-gap: calc(1.5 * var(--govnl-gap-content-min));
-  --govnl-page-footer-border-color: var(--govnl-brand-primary-1-200);
-}

package/dist/page-header.css

@@ -1,8 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-page-header {
-  --govnl-header-padding-block-end: var(--govnl-lint-size-half-lint);
-  --govnl-header-background-color: var(--govnl-document-background-color);
-}

package/dist/paragraph.css

@@ -1,14 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-paragraph {
-  --nl-paragraph-lead-font-size: var(--govnl-typography-font-size-xl);
-  --nl-paragraph-color: var(--govnl-document-color);
-  --nl-paragraph-font-family: var(--govnl-document-font-family);
-  --nl-paragraph-font-size: var(--govnl-document-font-size);
-  --nl-paragraph-font-weight: var(--govnl-document-font-weight);
-  --nl-paragraph-line-height: var(--govnl-document-line-height);
-  --nl-paragraph-lead-font-weight: var(--govnl-document-font-weight);
-  --nl-paragraph-lead-line-height: var(--govnl-document-line-height);
-}

package/dist/section.css

@@ -1,7 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-section {
-  --govnl-section-margin-block-end: var(--govnl-dimension-size-1000);
-}

package/dist/skip-link.css

@@ -1,16 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-skip-link {
-  --nl-skip-link-text-decoration-thickness: 1px;
-  --nl-skip-link-text-underline-offset: 1px;
-  --nl-skip-link-min-block-size: var(--govnl-dimension-pointer-target-min-size);
-  --nl-skip-link-min-inline-size: var(--govnl-dimension-pointer-target-min-size);
-  --nl-skip-link-background-color: var(--govnl-interaction-color);
-  --nl-skip-link-color: var(--govnl-document-inverse-color);
-  --nl-skip-link-font-family: var(--govnl-document-font-family);
-  --nl-skip-link-font-size: var(--govnl-document-font-size);
-  --nl-skip-link-padding-block: var(--govnl-space-xs);
-  --nl-skip-link-padding-inline: var(--govnl-space-sm);
-}

package/dist/timeline.css

@@ -1,34 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.dictu-timeline {
-  --govnl-timeline-border-color: none;
-  --govnl-timeline-toggle-icon-lg-padding-inline-start: 0px;
-  --govnl-timeline-toggle-icon-lg-padding-inline-end: 0px;
-  --govnl-timeline-toggle-link-padding-block-start: 0px;
-  --govnl-timeline-connector-padding-inline-end: 0px;
-  --govnl-timeline-connector-margin-inline-start: 15px;
-  --govnl-timeline-title-padding-block-start: 0px;
-  --govnl-timeline-heading-text-decoration: none;
-  --govnl-timeline-heading-hover-text-decoration: underline;
-  --govnl-timeline-subheading-padding-block-start: 0px;
-  --govnl-timeline-connector-border-width: var(--govnl-border-border-width-md);
-  --govnl-timeline-border-radius: var(--govnl-border-border-radius-sm);
-  --govnl-timeline-background-color: var(--govnl-root-background-color);
-  --govnl-timeline-padding-block-start: var(--govnl-space-lg);
-  --govnl-timeline-padding-block-end: var(--govnl-space-lg);
-  --govnl-timeline-padding-inline-start: var(--govnl-space-lg);
-  --govnl-timeline-padding-inline-end: var(--govnl-space-lg);
-  --govnl-timeline-toggle-icon-sm-padding-inline-start: var(--govnl-space-3xs);
-  --govnl-timeline-toggle-icon-sm-padding-inline-end: var(--govnl-space-3xs);
-  --govnl-timeline-toggle-link-padding-block-end: var(--govnl-space-sm);
-  --govnl-timeline-connector-color: var(--govnl-brand-primary-1-500);
-  --govnl-timeline-connector-padding-inline-start: var(--govnl-space-sm);
-  --govnl-timeline-title-padding-block-end: var(--govnl-space-sm);
-  --govnl-timeline-heading-padding-block-start: var(--govnl-space-4xs);
-  --govnl-timeline-heading-padding-block-end: var(--govnl-space-md);
-  --govnl-timeline-subheading-padding-block-end: var(--govnl-space-2xs);
-  --govnl-timeline-header-column-gap: var(--govnl-gap-content-min);
-  --govnl-timeline-content-column-gap: var(--govnl-gap-content-min);
-}

package/src/components/table.tokens.wip.json

@@ -1,156 +0,0 @@
-{
-  "govnl": {
-    "table": {
-      "margin-block-start": {
-        "value": "{govnl.space.sm}",
-        "type": "dimension"
-      },
-      "margin-block-end": {
-        "value": "0",
-        "type": "dimension"
-      },
-      "caption": {
-        "font-size": {
-          "value": "{govnl.typography.font-size.xl}",
-          "type": "fontSizes"
-        },
-        "font-weight": {
-          "value": "{govnl.document.font-weight}",
-          "type": "fontWeights"
-        },
-        "text-align": {
-          "value": "start",
-          "type": "other"
-        },
-        "margin-block-end": {
-          "value": "{govnl.space.sm}",
-          "type": "dimension"
-        },
-        "color": {
-          "value": "{govnl.document.color}",
-          "type": "color"
-        }
-      },
-      "header": {
-        "font-weight": {
-          "value": "{govnl.heading.font-weight}",
-          "type": "fontWeights"
-        },
-        "color": {
-          "value": "{govnl.heading.color}",
-          "type": "color"
-        },
-        "border-block-end-color": {
-          "value": "{govnl.line.strong.border-color}",
-          "type": "color"
-        },
-        "border-block-end-width": {
-          "value": "{govnl.border.border-width.md}",
-          "type": "border"
-        },
-        "sticky": {
-          "background-color": {
-            "value": "{govnl.color.white}",
-            "type": "color"
-          },
-          "color": {
-            "value": "{govnl.color.black}",
-            "type": "color"
-          },
-          "border-block-end-color": {
-            "value": "{govnl.line.strong.border-color}",
-            "type": "color"
-          },
-          "border-block-end-width": {
-            "value": "2px",
-            "type": "border"
-          }
-        }
-      },
-      "footer": {
-        "sticky": {
-          "background-color": {
-            "value": "{govnl.color.white}",
-            "type": "color"
-          },
-          "color": {
-            "value": "{govnl.color.black}",
-            "type": "color"
-          },
-          "border-block-start-color": {
-            "value": "{govnl.line.strong.border-color}",
-            "type": "color"
-          },
-          "border-block-start-width": {
-            "value": "2px",
-            "type": "border"
-          }
-        }
-      },
-      "cell": {
-        "padding-block-end": {
-          "value": "0.5em",
-          "type": "dimension"
-        },
-        "padding-block-start": {
-          "value": "0.5em",
-          "type": "dimension"
-        },
-        "padding-inline-end": {
-          "value": "0.4em",
-          "type": "dimension"
-        },
-        "padding-inline-start": {
-          "value": "0.4em",
-          "type": "dimension"
-        },
-        "selected": {
-          "background-color": {
-            "value": "{govnl.brand.primary-1.50}",
-            "type": "color"
-          },
-          "color": {
-            "value": "{govnl.color.black}",
-            "type": "color"
-          }
-        },
-        "icon": {
-          "size": {
-            "value": "1em",
-            "type": "sizing"
-          }
-        }
-      },
-      "row": {
-        "border-block-end-width": {
-          "value": "{govnl.border.border-width.sm}",
-          "type": "border"
-        },
-        "border-block-end-color": {
-          "value": "{govnl.line.border-color}",
-          "type": "color"
-        },
-        "alternate-odd": {
-          "background-color": {
-            "value": "{govnl.color.white}",
-            "type": "color"
-          },
-          "color": {
-            "value": "{govnl.color.black}",
-            "type": "color"
-          }
-        },
-        "alternate-even": {
-          "color": {
-            "value": "{govnl.color.black}",
-            "type": "color"
-          },
-          "background-color": {
-            "value": "{govnl.color.grijs.100}",
-            "type": "color"
-          }
-        }
-      }
-    }
-  }
-}