@utrecht/component-library-css 1.0.0-alpha.520 → 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%));
@@ -1523,21 +1552,21 @@ ol.utrecht-breadcrumb__list {
 }
 
 .utrecht-calendar__table-days-item-day--is-today {
-  --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-is-today-font-weight);
+  --utrecht-calendar-button-font-weight: var(--utrecht-calendar-table-days-item-day-is-today-font-weight);
   --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-is-today-background-color);
   --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-is-today-border-color);
   --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-is-today-color);
 }
 
 .utrecht-calendar__table-days-item-day--emphasis {
-  --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-emphasis-font-weight);
+  --utrecht-calendar-button-font-weight: var(--utrecht-calendar-table-days-item-day-emphasis-font-weight);
   --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-emphasis-background-color);
   --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-emphasis-border-color);
   --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-emphasis-color);
 }
 
 .utrecht-calendar__table-days-item-day--selected {
-  --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-selected-font-weight);
+  --utrecht-calendar-button-font-weight: var(--utrecht-calendar-table-days-item-day-selected-font-weight);
   --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-selected-background-color);
   --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-selected-border-color);
   --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-selected-color);
@@ -1568,7 +1597,7 @@ ol.utrecht-breadcrumb__list {
   --utrecht-button-subtle-background-color: var(--utrecht-calendar-button-background-color, transparent);
   --utrecht-button-subtle-border-color: var(--utrecht-calendar-button-border-color, transparent);
   --utrecht-button-subtle-border-width: var(--utrecht-calendar-button-border-width);
-  --utrecht-button-font-weigh: var(--utrecht-calendar-button-font-weigh);
+  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
   --utrecht-button-subtle-focus-background-color: var(--utrecht-calendar-button-focus-background-color);
   --utrecht-button-subtle-focus-border-color: var(--utrecht-calendar-button-focus-border-color);
   --utrecht-button-subtle-focus-color: var(--utrecht-calendar-button-focus-color);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.520",
+  "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": "4966b8d4287dcba356e6a7652f5cb3306f173928"
+  "gitHead": "2655f0a2e1247f58b5e7ae9e4844f0bb1c7d5c91"
 }