npm - @utrecht/web-component-library-stencil - Versions diffs - 4.0.0 → 4.1.1 - Mend

@utrecht/web-component-library-stencil 4.0.0 → 4.1.1

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 (593) hide show

package/dist/collection/components/progress-list.css CHANGED Viewed

@@ -31,6 +31,9 @@
   align-items: var(--denhaag-process-steps-step-header-align-items);
   gap: 16px;
 }
+.denhaag-process-steps__step-header--nested {
+  gap: 24px;
+}
 .denhaag-process-steps__step-header-toggle {
   --utrecht-button-subtle-font-size: inherit;
@@ -119,12 +122,14 @@
   color: var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color));
 }
+.denhaag-process-steps__step-meta--nested {
+  font-size: var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));
+  margin-block-start: var(--denhaag-process-steps-step-meta-nested-margin-block-start);
+  margin-inline-start: 48px;
+}
 .denhaag-process-steps__sub-step {
   position: relative;
-  align-items: baseline;
-  display: flex;
-  flex-direction: row;
-  gap: 23px;
   margin-block-start: var(--denhaag-process-steps-sub-step-distance);
 }

package/dist/collection/components/root.css CHANGED Viewed

@@ -4,14 +4,49 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/* stylelint-disable-next-line block-no-empty */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
+ */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
+ */
+/**
+ * The focus indicator should be applied to all elements that have the `:focus-visible` state.
+ */
+/**
+ * Avoid setting `font-size` on `:root` if you want to keep `1rem` at `16px` for most users.
+ * Set `line-height` on the same element as `font-size`, to support font-relative line heights,
+ * even though they are discouraged.
+ */
+/**
+ * Ensure enough contrast with `var(--utrecht-root-color)`, by overriding the
+ * browser black default background color of full screen elements.
+ *
+ * You can test this by opening any element inside the Root component with the
+ * following JavaScript, for example the Heading 1:
+ *
+ *     document.querySelector('h1').requestFullscreen()
+ *
+ * In dark mode there might be enough contrast, but dark text on a black background
+ * would become unreadable in full screen.
+ *
+ * Use `:where()` so this background color can be overriden by a CSS selector
+ * with a higher specificity than (0,0,1).
  */
 :host {
   /*
    * Goals:
-   *
+   *
    * - take up 100% of the space, both horizontally and vertically.
    * - create a scrollable viewport experience both on `<html>` in the root,
    *   as well as on a `<div>` somewhere in a document.
@@ -20,14 +55,18 @@
    *   outside the normal document flow (`absolute`, `fixed` and `sticky`)
    *   are positioned relative to the root component.
    * - ensure text content fits at 400% zoom by enabling hypenation.
+   * - do not influence the `rem` unit by avoiding `font-size` on the root element.
    */
   /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
   -webkit-font-smoothing: auto !important;
   -moz-osx-font-smoothing: auto !important;
-  background-color: var(--utrecht-root-background-color);
+  /* For some new properties, use the `utrecht.body.*` design tokens as fallback for backwards compatibility. */
+  background-color: var(--utrecht-root-background-color, Canvas);
   block-size: 100%;
-  color: var(--utrecht-root-color);
+  color: var(--utrecht-root-color, CanvasText);
   font-family: var(--utrecht-root-font-family);
+  font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
+  font-weight: var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
@@ -35,12 +74,21 @@
   inline-size: 100%;
   overflow-block: auto;
   overflow-inline: auto;
+  overflow-wrap: break-word;
   position: relative;
   text-rendering: optimizeLegibility;
   -moz-text-size-adjust: none;
   -webkit-text-size-adjust: none;
   text-size-adjust: none;
-  word-break: break-word;
+}
+@media (prefers-reduced-motion: no-preference) {
+  :host {
+    scroll-behavior: smooth;
+  }
+}
+:host {
+  font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
+  line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
 }
 :host([hidden]) {

package/dist/collection/components/separator.css CHANGED Viewed

@@ -4,10 +4,15 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 .utrecht-separator {
   border-color: var(--utrecht-separator-color);
   border-style: solid;
@@ -20,11 +25,6 @@
   --utrecht-space-around: 1;
 }
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   display: block;
 }

package/dist/collection/components/sidenav.css CHANGED Viewed

@@ -3,11 +3,22 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/* stylelint-disable-next-line block-no-empty */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/* stylelint-disable-next-line block-no-empty */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
+ */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
  */
 .utrecht-sidenav {
   --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
@@ -184,14 +195,10 @@
 .utrecht-sidenav--pseudo-elements {
   /* stylelint-disable selector-pseudo-class-parentheses-space-inside */
+}
+.utrecht-sidenav--pseudo-elements {
   /* stylelint-enable selector-pseudo-class-parentheses-space-inside */
 }
 .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after {
   display: none;
-}
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+}

package/dist/collection/components/skip-link.css CHANGED Viewed

@@ -3,18 +3,29 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/* stylelint-disable-next-line block-no-empty */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/* stylelint-disable-next-line block-no-empty */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/* stylelint-disable-next-line block-no-empty */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
+ */
+/* Override the browser focus ring with our own focus ring.
+ * Use `:where()` so the CSS selector specificity is `0,0,0`.
  */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-skip-link {
   /* Use `ButtonFace` as default `background-color`
    * to ensure the skip link is not transparent and unreadable
@@ -110,11 +121,6 @@
   text-decoration: var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration));
 }
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   display: inline-flex;
 }

package/dist/collection/components/spotlight-section.css CHANGED Viewed

@@ -4,10 +4,15 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 .utrecht-spotlight-section {
   background-color: var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));
   border-color: var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));
@@ -55,11 +60,6 @@
   --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-ok-color);
 }
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   display: block;
 }

package/dist/collection/components/status-badge.css CHANGED Viewed

@@ -4,15 +4,20 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 .utrecht-status-badge {
   /*
    * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges
@@ -39,6 +44,16 @@
   padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);
   padding-inline-start: var(--utrecht-badge-padding-inline, 0.5ch);
   text-decoration: none; /* no inheritance */
+}
+@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
+  .utrecht-status-badge {
+    border-color: currentColor;
+    border-style: solid;
+    /* Warning: there layout difference because of the added 1px border */
+    border-width: 1px;
+  }
+}
+.utrecht-status-badge {
   --utrecht-badge-background-color: var(--utrecht-status-badge-background-color);
   --utrecht-badge-border-radius: var(--utrecht-status-badge-border-radius);
   --utrecht-badge-color: var(--utrecht-status-badge-color);
@@ -56,14 +71,6 @@
   min-inline-size: var(--utrecht-status-badge-min-inline-size, 1em);
   text-transform: var(--utrecht-status-badge-text-transform, inherit);
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-status-badge {
-    border-color: currentColor;
-    border-style: solid;
-    /* Warning: there layout difference because of the added 1px border */
-    border-width: 1px;
-  }
-}
 .utrecht-status-badge--danger {
   background-color: var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));
@@ -124,11 +131,6 @@
   color: var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white));
 }
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   display: inline-block;
 }

package/dist/collection/components/surface.css CHANGED Viewed

@@ -4,10 +4,15 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 .utrecht-surface {
   background-color: var(--utrecht-surface-background-color, inherit);
   color: var(--utrecht-surface-color, inherit);
@@ -20,11 +25,6 @@
   margin-inline-start: 0;
 }
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   display: block;
 }

package/dist/collection/components/table-body.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   --_utrecht-table-header-cell-z-index: 2;
   display: table-row-group;

package/dist/collection/components/table-caption.css CHANGED Viewed

@@ -3,14 +3,15 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
+  break-after: avoid;
   break-inside: avoid;
   color: var(--utrecht-table-caption-color);
   font-family: var(--utrecht-table-caption-font-family);
@@ -18,9 +19,8 @@
   font-weight: var(--utrecht-table-caption-font-weight);
   line-height: var(--utrecht-table-caption-line-height);
   margin-block-end: var(--utrecht-table-caption-margin-block-end);
-  page-break-after: avoid;
   text-align: var(--utrecht-table-caption-text-align, center);
+  break-after: avoid;
+  break-inside: avoid;
   display: table-caption;
-  page-break-after: avoid;
-  page-break-inside: avoid;
 }

package/dist/collection/components/table-cell.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
   /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */

package/dist/collection/components/table-container.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 utrecht-table-container {
   display: block;
   overflow: auto;
@@ -20,11 +20,8 @@ utrecht-table-container {
   background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
 }
-utrecht-table-container table {
-  /* stylelint-disable no-descending-specificity */
-  /* stylelint-enable no-descending-specificity */
-}
 utrecht-table-container table > caption {
+  break-after: avoid;
   break-inside: avoid;
   color: var(--utrecht-table-caption-color);
   font-family: var(--utrecht-table-caption-font-family);
@@ -32,7 +29,6 @@ utrecht-table-container table > caption {
   font-weight: var(--utrecht-table-caption-font-weight);
   line-height: var(--utrecht-table-caption-line-height);
   margin-block-end: var(--utrecht-table-caption-margin-block-end);
-  page-break-after: avoid;
   text-align: var(--utrecht-table-caption-text-align, center);
 }
 utrecht-table-container table > thead {
@@ -42,7 +38,6 @@ utrecht-table-container table > thead {
   break-inside: avoid;
   color: var(--utrecht-table-header-color);
   font-weight: var(--utrecht-table-header-font-weight);
-  page-break-inside: avoid;
   text-transform: var(--utrecht-table-header-text-transform);
 }
 utrecht-table-container table > tbody {
@@ -50,7 +45,6 @@ utrecht-table-container table > tbody {
 }
 utrecht-table-container table > tr, utrecht-table-container table > thead > tr, utrecht-table-container table > tbody > tr, utrecht-table-container table > tfoot > tr {
   break-inside: avoid;
-  page-break-inside: avoid;
 }
 utrecht-table-container table > thead > tr:last-of-type {
   border-block-end-color: var(--utrecht-table-header-border-block-end-color, transparent);
@@ -89,9 +83,15 @@ utrecht-table-container table > tr > td, utrecht-table-container table > thead >
   border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
   vertical-align: top;
 }
+utrecht-table-container table {
+  /* stylelint-disable no-descending-specificity */
+}
 utrecht-table-container table > tr > td:last-child, utrecht-table-container table > thead > tr > td:last-child, utrecht-table-container table > tbody > tr > td:last-child, utrecht-table-container table > tfoot > tr > td:last-child {
   padding-inline-end: var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0));
 }
 utrecht-table-container table > tr > td:first-child, utrecht-table-container table > thead > tr > td:first-child, utrecht-table-container table > tbody > tr > td:first-child, utrecht-table-container table > tfoot > tr > td:first-child {
   padding-inline-start: var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0));
+}
+utrecht-table-container table {
+  /* stylelint-enable no-descending-specificity */
 }

package/dist/collection/components/table-footer.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   --_utrecht-table-header-cell-z-index: 5;
   z-index: 3;

package/dist/collection/components/table-header-cell.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
   /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */

package/dist/collection/components/table-header.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   --_utrecht-table-header-cell-vertical-align: bottom;
   --_utrecht-table-header-cell-z-index: 8;
@@ -17,7 +17,6 @@
   break-inside: avoid;
   color: var(--utrecht-table-header-color);
   font-weight: var(--utrecht-table-header-font-weight);
-  page-break-inside: avoid;
   text-transform: var(--utrecht-table-header-text-transform);
   display: table-header-group;
 }

package/dist/collection/components/table-row.css CHANGED Viewed

@@ -3,15 +3,14 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   break-inside: avoid;
-  page-break-inside: avoid;
   display: table-row;
 }

package/dist/collection/components/table.css CHANGED Viewed

@@ -3,13 +3,13 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+* @license EUPL-1.2
+* Copyright (c) 2020-2024 Frameless B.V.
+* Copyright (c) 2021-2024 Gemeente Utrecht
+*/
 /* stylelint-disable-next-line block-no-empty */
 /* stylelint-disable-next-line block-no-empty */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 :host {
   /* `border-collapse: collapse` results in a broken border for sticky header and sticky footer.
    * Therefore we need to use `border-collapse: separate` instead.