@utrecht/component-library-css 1.0.0-alpha.153 → 1.0.0-alpha.157

package/dist/bem.css

@@ -1619,7 +1619,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
   border-block-end: 1px solid var(--utrecht-color-grey-80);
   display: block;
-  margin-inline-start: var(--utrecht-space-inline-sm);
+  margin-inline-start: var(--utrecht-space-inline-lg);
 }
 
 /* Remove bottom padding form first item in list with children */
@@ -1959,6 +1959,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
   padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
 }
 
+.utrecht-page-footer .utrecht-link--telephone {
+  color: #fff;
+}
+
+.utrecht-page-footer .utrecht-paragraph {
+  color: #fff;
+}
+
 .utrecht-page-footer__address--reset-address {
   /* reset <address> */
   font-style: inherit;
@@ -2116,7 +2124,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);

package/dist/html.css

@@ -1172,7 +1172,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph, .utrecht-html p {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);
@@ -1870,7 +1870,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph, .utrecht-html p {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);

package/dist/index.css

@@ -1659,7 +1659,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
   border-block-end: 1px solid var(--utrecht-color-grey-80);
   display: block;
-  margin-inline-start: var(--utrecht-space-inline-sm);
+  margin-inline-start: var(--utrecht-space-inline-lg);
 }
 
 /* Remove bottom padding form first item in list with children */
@@ -1999,6 +1999,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
   padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
 }
 
+.utrecht-page-footer .utrecht-link--telephone, .utrecht-page-footer .utrecht-html a[href^="tel:" i], .utrecht-html .utrecht-page-footer a[href^="tel:" i] {
+  color: #fff;
+}
+
+.utrecht-page-footer .utrecht-paragraph, .utrecht-page-footer .utrecht-html p, .utrecht-html .utrecht-page-footer p {
+  color: #fff;
+}
+
 .utrecht-page-footer__address--reset-address {
   /* reset <address> */
   font-style: inherit;
@@ -2156,7 +2164,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph, .utrecht-html p {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);
@@ -3980,7 +3988,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph, .utrecht-html p {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);
@@ -4678,7 +4686,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  */
 .utrecht-paragraph, .utrecht-html p {
-  color: var(--utrecht-document-color, inherit);
+  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
   font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
   font-weight: var(--utrecht-paragraph-font-weight, inherit);
@@ -5285,7 +5293,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 /* Collection of CSS variables for Utrecht theme applied to `:root` */
 /**
  * Do not edit directly
- * Generated on Wed, 15 Dec 2021 11:01:47 GMT
+ * Generated on Wed, 22 Dec 2021 10:33:32 GMT
  */
 :root {
   --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5676,6 +5684,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
   --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
   --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
+  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-badge-counter-font-style: var(--utrecht-typography-font-style-normal);
   --utrecht-badge-counter-color: var(--utrecht-color-white);
   --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
@@ -5698,7 +5707,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
   --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
   --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
-  --utrecht-paragraph-lead-color: var(--utrecht-color-black);
   --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
   --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
   --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
@@ -5747,7 +5755,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-link-color: var(--utrecht-color-blue-35);
   --utrecht-link-list-item-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
-  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-heading-6-text-transform: var(--utrecht-typography-text-transform-uppercase);
   --utrecht-heading-6-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
   --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
@@ -5900,6 +5907,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
   --utrecht-toptask-link-color: var(--utrecht-button-color);
   --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
+  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
+  --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
   --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
   --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);

package/dist/root-theme.css

@@ -5,7 +5,7 @@
 /* Collection of CSS variables for Utrecht theme applied to `:root` */
 /**
  * Do not edit directly
- * Generated on Wed, 15 Dec 2021 11:01:47 GMT
+ * Generated on Wed, 22 Dec 2021 10:33:32 GMT
  */
 :root {
   --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -396,6 +396,7 @@
   --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
   --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
   --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
+  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-badge-counter-font-style: var(--utrecht-typography-font-style-normal);
   --utrecht-badge-counter-color: var(--utrecht-color-white);
   --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
@@ -418,7 +419,6 @@
   --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
   --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
   --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
-  --utrecht-paragraph-lead-color: var(--utrecht-color-black);
   --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
   --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
   --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
@@ -467,7 +467,6 @@
   --utrecht-link-color: var(--utrecht-color-blue-35);
   --utrecht-link-list-item-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
-  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-heading-6-text-transform: var(--utrecht-typography-text-transform-uppercase);
   --utrecht-heading-6-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
   --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
@@ -620,6 +619,8 @@
   --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
   --utrecht-toptask-link-color: var(--utrecht-button-color);
   --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
+  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
+  --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
   --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
   --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.153",
+  "version": "1.0.0-alpha.157",
   "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",
@@ -16,7 +16,7 @@
     "url": "git@github.com:nl-design-system/utrecht.git"
   },
   "devDependencies": {
-    "@utrecht/design-tokens": "1.0.0-alpha.146",
+    "@utrecht/design-tokens": "1.0.0-alpha.150",
     "node-sass-package-importer": "5.3.2",
     "rimraf": "3.0.2",
     "sass": "1.44.0"
@@ -26,5 +26,5 @@
     "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
     "clean": "rimraf dist/"
   },
-  "gitHead": "a2138d83cfe4d0498ad93f5951c7c46bb643ae37"
+  "gitHead": "ec7286736c902b98e3c59c0b35821faa5ea96920"
 }