@utrecht/component-library-css 1.0.0-alpha.539 → 1.0.0-alpha.540

package/dist/index.css

@@ -386,7 +386,13 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
  * Copyright (c) 2020-2022 Frameless B.V.
  */
 .utrecht-badge-data {
-  /* `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges */
+  /*
+   * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges
+   *
+   * Configure maximum size to prevent stretching badges inside a flexbox.
+   * 
+   * Configure minumum size to have space to type in when displaying badges in a WYSIWYG editor.
+   */
   background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
   border-radius: var(--utrecht-badge-border-radius, 0.5ch);
   color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -396,6 +402,10 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   font-style: var(--utrecht-badge-font-style, normal); /* no inheritance */
   font-weight: var(--utrecht-badge-font-weight, bold); /* no inheritance */
   line-height: var(--utrecht-badge-line-height, 1em);
+  max-block-size: max-content;
+  max-inline-size: max-content;
+  min-block-size: 1em;
+  min-inline-size: 1em;
   padding-block-end: var(--utrecht-badge-padding-block, 0.5ex);
   padding-block-start: var(--utrecht-badge-padding-block, 0.5ex);
   padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);
@@ -445,7 +455,13 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
  * Copyright (c) 2020-2022 Frameless B.V.
  */
 .utrecht-badge-status {
-  /* `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges */
+  /*
+   * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges
+   *
+   * Configure maximum size to prevent stretching badges inside a flexbox.
+   * 
+   * Configure minumum size to have space to type in when displaying badges in a WYSIWYG editor.
+   */
   background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
   border-radius: var(--utrecht-badge-border-radius, 0.5ch);
   color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -455,6 +471,10 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   font-style: var(--utrecht-badge-font-style, normal); /* no inheritance */
   font-weight: var(--utrecht-badge-font-weight, bold); /* no inheritance */
   line-height: var(--utrecht-badge-line-height, 1em);
+  max-block-size: max-content;
+  max-inline-size: max-content;
+  min-block-size: 1em;
+  min-inline-size: 1em;
   padding-block-end: var(--utrecht-badge-padding-block, 0.5ex);
   padding-block-start: var(--utrecht-badge-padding-block, 0.5ex);
   padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.539",
+  "version": "1.0.0-alpha.540",
   "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": "96d5a2fcfba0f5110030a550f7f35db4e281f3e5"
+  "gitHead": "06683fc38ce74fdae7ce1e12a2fc3b0ee14ee7ba"
 }