@utrecht/component-library-css 1.0.0-alpha.377 → 1.0.0-alpha.379

package/dist/index.css

@@ -3849,7 +3849,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 Robbert Broersma
  * Copyright (c) 2021 Gemeente Utrecht
  */
-.utrecht-ordered-list {
+.utrecht-ordered-list,
+.utrecht-ordered-list--html-content ol {
   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)));
@@ -3866,6 +3867,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   list-style: arabic-indic;
 }
 
+.utrecht-ordered-list--html-content > li,
+.utrecht-ordered-list--html-content ol > li,
 .utrecht-ordered-list__item {
   margin-block-end: var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));
   margin-block-start: var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));
@@ -4471,6 +4474,46 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-decoration: var(--utrecht-skip-link-focus-text-decoration);
 }
 
+/**
+ * @license EUPL-1.2
+ * 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-spotlight-section {
+  background-color: var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));
+  border-color: var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));
+  border-style: solid;
+  border-width: var(--_utrecht-spotlight-section-border-width, var(--utrecht-spotlight-section-border-width, 0));
+  color: var(--_utrecht-spotlight-section-color, var(--utrecht-spotlight-section-color));
+  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-end, 0));
+  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-start, 0));
+  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
+  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
+  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
+  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
+}
+
+.utrecht-spotlight-section--info {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-info-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-info-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-info-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-info-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-info-color);
+}
+
+.utrecht-spotlight-section--warning {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-warning-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-warning-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-warning-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-warning-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-warning-color);
+}
+
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 Robbert Broersma
@@ -4864,7 +4907,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 Robbert Broersma
  * Copyright (c) 2021 Gemeente Utrecht
  */
-.utrecht-unordered-list {
+.utrecht-unordered-list,
+.utrecht-unordered-list--html-content ul {
   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));
@@ -4877,17 +4921,22 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-space-around: 1;
 }
 
-.utrecht-unordered-list--nested {
+.utrecht-unordered-list--nested,
+.utrecht-unordered-list--html-content ul {
   margin-block-end: 0;
   margin-inline-start: 2ch;
 }
 
+.utrecht-unordered-list--html-content > li,
+.utrecht-unordered-list--html-content ul > li,
 .utrecht-unordered-list__item {
   margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
   margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
   padding-inline-start: var(--utrecht-unordered-list-item-padding-inline-start, 1ch);
 }
 
+.utrecht-unordered-list--html-content > li::marker,
+.utrecht-unordered-list--html-content ul > li::marker,
 .utrecht-unordered-list__item::marker,
 .utrecht-unordered-list__marker {
   color: var(--utrecht-unordered-list-marker-color);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.377",
+  "version": "1.0.0-alpha.379",
   "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": "ebec2bd51149743cc576ff17c87feb7b68b1fddb"
+  "gitHead": "70c085346246d53dcfc83671bad921b3ed9c61d3"
 }