@utrecht/component-library-css 1.0.0-alpha.576 → 1.0.0-alpha.578

package/dist/index.css

@@ -2313,6 +2313,28 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   outline-style: revert;
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+.utrecht-column-layout {
+  column-gap: var(--utrecht-column-layout-gap, 2em);
+  column-width: var(--utrecht-column-layout-column-width, 40ch);
+  display: block;
+}
+
+.utrecht-column-layout--rule {
+  column-rule-color: var(--utrecht-column-layout-column-rule-color);
+  column-rule-style: solid;
+  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
+}
+
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 Robbert Broersma
@@ -2513,6 +2535,12 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
  * Copyright (c) 2021-2022 Gemeente Utrecht
  * Copyright (c) 2021-2022 Frameless B.V.
  */
+/* `@mixin utrecht-data-list--html-dl` is not necessary.
+ * Default styles include only `display` and `margin`, and those properties are configured by default.
+ */
+/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
+/* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-data-list {
   /* also set `margin-block` to reset browser styling of <dl> */
   display: block;
@@ -2536,7 +2564,11 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
 }
 
-.utrecht-data-list__actions--html-dd,
+.utrecht-data-list__actions--html-dd {
+  /* reset browser styling of <dd> */
+  margin-inline-start: 0;
+}
+
 .utrecht-data-list__item-value--html-dd {
   /* reset browser styling of <dd> */
   margin-inline-start: 0;
@@ -2562,11 +2594,12 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   border-block-end-color: var(--utrecht-data-list-rows-border-bottom-color, transparent);
   border-block-end-style: solid;
   border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
+  column-gap: var(--utrecht-data-list-rows-gap);
   display: grid;
-  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);
+  row-gap: 0;
 }
 .utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
   margin-block-start: 0;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.576",
+  "version": "1.0.0-alpha.578",
   "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": "f36c0b0a2911dceab5b827f00076101e2687a24a"
+  "gitHead": "d074041a4ec2d33dab6173dfe0d872d63db5a739"
 }