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

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 {
@@ -2591,8 +2601,15 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * @license EUPL-1.2
  * Copyright (c) 2021 Gemeente Utrecht
  */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-link-social {
   --utrecht-icon-size: var(--utrecht-link-social-icon-size);
+  --utrecht-icon-color: currentColor;
   align-items: center;
   background-color: var(--utrecht-link-social-background-color);
   border-color: var(--utrecht-link-social-border-color);
@@ -2603,14 +2620,46 @@ however browsers don't seem to have implemented great looking supixel tweening y
   display: inline-flex;
   height: var(--utrecht-link-social-size);
   justify-content: center;
-  text-align: center;
   width: var(--utrecht-link-social-size);
 }
 
+.utrecht-link-social:hover {
+  transform: scale(var(--utrecht-link-social-hover-scale));
+}
+
+.utrecht-link-social:focus-visible {
+  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
+  outline-color: var(--utrecht-focus-outline-color, transparent);
+  outline-offset: var(--utrecht-focus-outline-offset, 0);
+  outline-style: var(--utrecht-focus-outline-style, solid);
+  outline-width: var(--utrecht-focus-outline-width, 0);
+}
+
 .utrecht-link-social--distanced {
   margin-inline-start: var(--utrecht-link-social-margin-inline-start);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+.utrecht-list-social {
+  display: flex;
+  margin-block-end: var(--utrecht-list-social-margin-block-end);
+  margin-block-start: var(--utrecht-list-social-margin-block-start);
+  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
+  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
+}
+
+.utrecht-list-social__item {
+  list-style-type: none;
+  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
+}
+.utrecht-list-social__item:last-child {
+  margin-inline-end: 0;
+}
+
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.331",
+  "version": "1.0.0-alpha.333",
   "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": "daeb79236feddd37dcc9147d34b96955577cee90"
 }