@utrecht/component-library-css 1.0.0-alpha.444 → 1.0.0-alpha.446

package/dist/html.css

@@ -1048,6 +1048,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
   background-color: var(--utrecht-code-block-background-color);
   display: block;
+  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
+  line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
   margin-block-end: var(--utrecht-code-block-margin-block-end);
   margin-block-start: var(--utrecht-code-block-margin-block-start);
   margin-inline-end: var(--utrecht-code-block-margin-inline-end);

package/dist/index.css

@@ -1439,6 +1439,8 @@ ol.utrecht-breadcrumb__list {
   --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
   background-color: var(--utrecht-code-block-background-color);
   display: block;
+  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
+  line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
   margin-block-end: var(--utrecht-code-block-margin-block-end);
   margin-block-start: var(--utrecht-code-block-margin-block-start);
   margin-inline-end: var(--utrecht-code-block-margin-inline-end);
@@ -4721,6 +4723,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-space-around: 1;
 }
 
+.utrecht-table--html-table > caption,
 .utrecht-table__caption {
   color: var(--utrecht-table-caption-color);
   font-family: var(--utrecht-table-caption-font-family);
@@ -4732,6 +4735,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-align: var(--utrecht-table-caption-text-align, center);
 }
 
+.utrecht-table--html-table > thead,
 .utrecht-table__header {
   background-color: var(--utrecht-table-header-background-color);
   color: var(--utrecht-table-header-color);
@@ -4741,16 +4745,33 @@ however browsers don't seem to have implemented great looking supixel tweening y
   vertical-align: bottom;
 }
 
+.utrecht-table--html-table > thead > tr:last-of-type,
 .utrecht-table__cell--last-header-row {
   border-block-end-color: var(--utrecht-table-header-border-block-end-color, transparent);
   border-block-end-style: solid;
   border-block-end-width: var(--utrecht-table-header-border-block-end-width, 0);
 }
 
+.utrecht-table--html-table > tbody,
 .utrecht-table__body {
   vertical-align: baseline;
 }
 
+/* `.utrecht-table--html-table` should not affect nested tables.
+ * We will use the `>` direct descendant selector so the styling doesn't affect nested tables. */
+/* stylelint-disable no-descending-specificity */
+.utrecht-table--html-table > tr,
+.utrecht-table--html-table > thead > tr,
+.utrecht-table--html-table > tbody > tr,
+.utrecht-table--html-table > tfoot > tr,
+.utrecht-table__row {
+  page-break-inside: avoid;
+}
+
+.utrecht-table--html-table > tr > th,
+.utrecht-table--html-table > thead > tr > th,
+.utrecht-table--html-table > tbody > tr > th,
+.utrecht-table--html-table > tfoot > tr > th,
 .utrecht-table__header-cell {
   color: var(--utrecht-table-header-cell-color);
   font-size: var(--utrecht-table-header-cell-font-size);
@@ -4759,6 +4780,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-transform: var(--utrecht-table-header-cell-text-transform);
 }
 
+.utrecht-table--html-table > tr > td,
+.utrecht-table--html-table > thead > tr > td,
+.utrecht-table--html-table > tbody > tr > td,
+.utrecht-table--html-table > tfoot > tr > td,
 .utrecht-table__cell {
   border-block-end-color: var(--utrecht-table-row-border-block-end-color, transparent);
   border-block-end-style: solid;
@@ -4771,14 +4796,23 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-align: start;
 }
 
+.utrecht-table--html-table > tr > td:first-child,
+.utrecht-table--html-table > thead > tr > td:first-child,
+.utrecht-table--html-table > tbody > tr > td:first-child,
+.utrecht-table--html-table > tfoot > tr > td:first-child,
 .utrecht-table__cell--first {
   padding-inline-start: var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0));
 }
 
+.utrecht-table--html-table > tr > td:last-child,
+.utrecht-table--html-table > thead > tr > td:last-child,
+.utrecht-table--html-table > tbody > tr > td:last-child,
+.utrecht-table--html-table > tfoot > tr > td:last-child,
 .utrecht-table__cell--last {
   padding-inline-end: var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0));
 }
 
+/* stylelint-enable no-descending-specificity */
 .utrecht-table__header-cell--numeric-column,
 .utrecht-table__cell--numeric-column {
   /* stylelint-disable-next-line declaration-property-value-disallowed-list */

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.444",
+  "version": "1.0.0-alpha.446",
   "author": "Community for NL Design System",
   "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -26,5 +26,5 @@
     "clean": "rimraf dist/"
   },
   "main": "dist/index.css",
-  "gitHead": "92f8841a11adbf66152a7bb7eeaffcf997f82788"
+  "gitHead": "e53de9b54d4e8a4ba04628a32dba9cb4e78644aa"
 }