@utrecht/component-library-css 1.0.0-alpha.331 → 1.0.0-alpha.332

package/dist/index.css

@@ -1650,7 +1650,6 @@ ol.utrecht-breadcrumb__list {
   color: var(--utrecht-data-list-item-key-color);
   font-size: var(--utrecht-data-list-item-key-font-size);
   font-weight: var(--utrecht-data-list-item-key-font-weight);
-  grid-area: label;
   line-height: var(--utrecht-data-list-item-key-line-height);
 }
 
@@ -1659,9 +1658,8 @@ ol.utrecht-breadcrumb__list {
   color: var(--utrecht-data-list-item-value-color);
   font-size: var(--utrecht-data-list-item-value-font-size);
   font-weight: var(--utrecht-data-list-item-value-font-weight);
-  grid-area: value;
-  line-height: var(--utrecht-data-list-label-line-height);
-  min-block-size: var(--utrecht-data-list-label-line-height);
+  line-height: var(--utrecht-data-list-item-value-line-height);
+  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
 }
 
 .utrecht-data-list__actions--html-dd,
@@ -1675,13 +1673,25 @@ ol.utrecht-breadcrumb__list {
 }
 
 .utrecht-data-list--rows .utrecht-data-list__actions {
-  align-items: last baseline;
+  align-items: baseline;
   display: flex;
+  grid-column: -1;
+  grid-row: 1;
   justify-content: flex-end;
 }
 .utrecht-data-list--rows .utrecht-data-list__item {
+  --_utrecht-minmax: max(
+    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
+    var(--utrecht-data-list-rows-column-inline-size, 80%)
+  );
+  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
+  border-bottom-color: var(--utrecht-data-list-rows-border-bottom-color, transparent);
+  border-bottom-style: solid;
+  border-bottom-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
   display: grid;
-  grid-template-areas: "label actions" "value value";
+  gap: 0 var(--utrecht-data-list-rows-gap);
+  grid-auto-columns: 1fr;
+  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
   margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
 }
 .utrecht-data-list--rows .utrecht-data-list__item:first-of-type {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.331",
+  "version": "1.0.0-alpha.332",
   "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": "3c443820c8adeea58bbedc71ca07f777c54ab028"
+  "gitHead": "f4b233616da6c7fcf43a46a9908f6b56141c3424"
 }