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

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%));

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.521",
+  "version": "1.0.0-alpha.522",
   "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": "2655f0a2e1247f58b5e7ae9e4844f0bb1c7d5c91"
 }