@utrecht/component-library-css 1.0.0-alpha.521 → 1.0.0-alpha.523

package/dist/html.css

@@ -1034,7 +1034,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   white-space: nowrap;
 }
 .utrecht-html ol {
-  /* Configure `width` and `text-align` for `--center` */
+  /* Configure `box-sizing` and `text-align` for `--center` */
+  box-sizing: border-box;
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
   line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
@@ -1042,7 +1043,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
   padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
   text-align: start;
-  width: max-content;
   --utrecht-space-around: 1;
 }
 .utrecht-html ol > li {
@@ -1735,6 +1735,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   font-variant-ligatures: none;
 }
 .utrecht-html ul {
+  /* Configure `box-sizing` and `text-align` for `--center` */
+  box-sizing: border-box;
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
   line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));

package/dist/index.css

@@ -318,6 +318,11 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
  * 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-badge-counter {
   /* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */
   background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
@@ -341,6 +346,14 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   text-decoration: none; /* no inheritance */
   white-space: nowrap;
 }
+@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
+  .utrecht-badge-counter {
+    border-color: currentColor;
+    border-style: solid;
+    /* Warning: there layout difference because of the added 1px border */
+    border-width: 1px;
+  }
+}
 
 /**
  * @license EUPL-1.2
@@ -376,6 +389,14 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   letter-spacing: var(--utrecht-badge-data-letter-spacing, inherit);
   text-transform: var(--utrecht-badge-data-text-transform, inherit);
 }
+@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
+  .utrecht-badge-data {
+    border-color: currentColor;
+    border-style: solid;
+    /* Warning: there layout difference because of the added 1px border */
+    border-width: 1px;
+  }
+}
 
 /**
  * @license EUPL-1.2
@@ -422,6 +443,14 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
   letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
   text-transform: var(--utrecht-badge-status-text-transform, inherit);
 }
+@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
+  .utrecht-badge-status {
+    border-color: currentColor;
+    border-style: solid;
+    /* Warning: there layout difference because of the added 1px border */
+    border-width: 1px;
+  }
+}
 
 .utrecht-badge-status--danger {
   background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
@@ -4226,7 +4255,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
  */
 .utrecht-ordered-list,
 .utrecht-ordered-list--html-content ol {
-  /* Configure `width` and `text-align` for `--center` */
+  /* Configure `box-sizing` and `text-align` for `--center` */
+  box-sizing: border-box;
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
   line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
@@ -4234,12 +4264,13 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
   padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
   text-align: start;
-  width: max-content;
 }
 
 .utrecht-ordered-list--center {
+  inline-size: max-content;
   margin-inline-end: auto;
   margin-inline-start: auto;
+  max-inline-size: 100%;
 }
 
 .utrecht-ordered-list--distanced {
@@ -5828,6 +5859,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
  */
 .utrecht-unordered-list,
 .utrecht-unordered-list--html-content ul {
+  /* Configure `box-sizing` and `text-align` for `--center` */
+  box-sizing: border-box;
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
   line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
@@ -5838,9 +5871,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
 }
 
 .utrecht-unordered-list--center {
+  inline-size: max-content;
   margin-inline-end: auto;
   margin-inline-start: auto;
-  width: max-content;
+  max-inline-size: 100%;
 }
 
 .utrecht-unordered-list--distanced {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.521",
+  "version": "1.0.0-alpha.523",
   "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": "3f1fa4997062b45fe5019fd41b4e9a5dc218723d"
+  "gitHead": "74fc6f880f17cabc3ddfcc9096ab998ce908d6ae"
 }