@utrecht/component-library-css 1.0.0-alpha.591 → 1.0.0-alpha.593

package/dist/html.css

@@ -708,6 +708,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-inline-end: var(--utrecht-button-margin-inline-end);
   margin-inline-start: var(--utrecht-button-margin-inline-start);
 }
+.utrecht-html button[hidden] {
+  display: none;
+}
 .utrecht-html button[type=submit i],
 .utrecht-html input[type=submit i] {
   cursor: var(--utrecht-action-submit-cursor, revert);
@@ -820,6 +823,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-html fieldset {
   margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-end, 0));
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0));
+  /* `all: revert` unfortunately has as side-effect that the `hidde` attribute has no effect */
   all: revert;
   border: 0;
   margin-inline-end: 0;
@@ -831,6 +835,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
   padding-inline-start: 0;
   --utrecht-space-around: 1;
 }
+.utrecht-html fieldset[hidden] {
+  display: none;
+}
 .utrecht-html figure {
   margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));
@@ -860,6 +867,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-end, 0));
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-start, 0));
 }
+.utrecht-html legend[hidden] {
+  display: none;
+}
 .utrecht-html fieldset:disabled > legend {
   color: var(--utrecht-form-fieldset-legend-disabled-color, var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit)));
 }
@@ -1116,6 +1126,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
   padding-inline-start: var(--utrecht-code-block-padding-inline-start);
   white-space: pre;
 }
+.utrecht-html pre[hidden]:has(> code:only-child) {
+  display: none;
+}
 .utrecht-html pre:has(> code:only-child) > code {
   display: contents;
 }

package/dist/index.css

@@ -2751,7 +2751,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
  */
 .utrecht-form-field-error-message {
   --utrecht-document-color: currentColor;
-  background-color: var(--utrecht-error-message-background-color);
+  background-color: var(--utrecht-form-field-error-message-background-color);
   color: var(--utrecht-form-field-error-message-color);
   display: block;
   font-family: var(--utrecht-document-font-family, inherit);
@@ -2759,10 +2759,10 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   font-style: var(--utrecht-form-field-error-message-font-style);
   margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
-  padding-block-end: var(--utrecht-error-message-padding-block-end);
-  padding-block-start: var(--utrecht-error-message-padding-block-start);
-  padding-inline-end: var(--utrecht-error-message-padding-inline-end);
-  padding-inline-start: var(--utrecht-error-message-padding-inline-start);
+  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
+  padding-block-start: var(--utrecht-form-field-error-message-padding-block-start);
+  padding-inline-end: var(--utrecht-form-field-error-message-padding-inline-end);
+  padding-inline-start: var(--utrecht-form-field-error-message-padding-inline-start);
 }
 .utrecht-form-field-error-message > * {
   --utrecht-space-around: 1;
@@ -2897,6 +2897,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
 
 .utrecht-form-fieldset--html-fieldset,
 .utrecht-form-fieldset__fieldset--html-fieldset {
+  /* `all: revert` unfortunately has as side-effect that the `hidde` attribute has no effect */
   all: revert;
   border: 0;
   margin-inline-end: 0;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.591",
+  "version": "1.0.0-alpha.593",
   "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": "872c2572bbacfcbcc93b9b7f309e012fdd6a5a64"
+  "gitHead": "9a4b71bb0249a70412ffd23b78a8234a9e6d66a7"
 }