@utrecht/component-library-css 1.0.0-alpha.155 → 1.0.0-alpha.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/bem.css +9 -1
  2. package/dist/html.css +2 -2
  3. package/dist/index.css +14 -5
  4. package/dist/root-theme.css +3 -2
  5. package/package.json +3 -3
package/dist/bem.css CHANGED
@@ -1959,6 +1959,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
1959
1959
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
1960
1960
  }
1961
1961
 
1962
+ .utrecht-page-footer .utrecht-link--telephone {
1963
+ color: #fff;
1964
+ }
1965
+
1966
+ .utrecht-page-footer .utrecht-paragraph {
1967
+ color: #fff;
1968
+ }
1969
+
1962
1970
  .utrecht-page-footer__address--reset-address {
1963
1971
  /* reset <address> */
1964
1972
  font-style: inherit;
@@ -2116,7 +2124,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
2116
2124
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
2117
2125
  */
2118
2126
  .utrecht-paragraph {
2119
- color: var(--utrecht-document-color, inherit);
2127
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
2120
2128
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
2121
2129
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
2122
2130
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
package/dist/html.css CHANGED
@@ -1172,7 +1172,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1172
1172
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
1173
1173
  */
1174
1174
  .utrecht-paragraph, .utrecht-html p {
1175
- color: var(--utrecht-document-color, inherit);
1175
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
1176
1176
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
1177
1177
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
1178
1178
  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
1870
1870
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
1871
1871
  */
1872
1872
  .utrecht-paragraph, .utrecht-html p {
1873
- color: var(--utrecht-document-color, inherit);
1873
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
1874
1874
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
1875
1875
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
1876
1876
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
package/dist/index.css CHANGED
@@ -1999,6 +1999,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
1999
1999
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
2000
2000
  }
2001
2001
 
2002
+ .utrecht-page-footer .utrecht-link--telephone, .utrecht-page-footer .utrecht-html a[href^="tel:" i], .utrecht-html .utrecht-page-footer a[href^="tel:" i] {
2003
+ color: #fff;
2004
+ }
2005
+
2006
+ .utrecht-page-footer .utrecht-paragraph, .utrecht-page-footer .utrecht-html p, .utrecht-html .utrecht-page-footer p {
2007
+ color: #fff;
2008
+ }
2009
+
2002
2010
  .utrecht-page-footer__address--reset-address {
2003
2011
  /* reset <address> */
2004
2012
  font-style: inherit;
@@ -2156,7 +2164,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
2156
2164
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
2157
2165
  */
2158
2166
  .utrecht-paragraph, .utrecht-html p {
2159
- color: var(--utrecht-document-color, inherit);
2167
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
2160
2168
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
2161
2169
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
2162
2170
  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
3980
3988
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
3981
3989
  */
3982
3990
  .utrecht-paragraph, .utrecht-html p {
3983
- color: var(--utrecht-document-color, inherit);
3991
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
3984
3992
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
3985
3993
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
3986
3994
  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
4678
4686
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
4679
4687
  */
4680
4688
  .utrecht-paragraph, .utrecht-html p {
4681
- color: var(--utrecht-document-color, inherit);
4689
+ color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
4682
4690
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
4683
4691
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
4684
4692
  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
5285
5293
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5286
5294
  /**
5287
5295
  * Do not edit directly
5288
- * Generated on Fri, 17 Dec 2021 10:37:52 GMT
5296
+ * Generated on Fri, 17 Dec 2021 14:56:01 GMT
5289
5297
  */
5290
5298
  :root {
5291
5299
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5699,7 +5707,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
5699
5707
  --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
5700
5708
  --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5701
5709
  --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
5702
- --utrecht-paragraph-lead-color: var(--utrecht-color-black);
5703
5710
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
5704
5711
  --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5705
5712
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
@@ -5900,6 +5907,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
5900
5907
  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
5901
5908
  --utrecht-toptask-link-color: var(--utrecht-button-color);
5902
5909
  --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
5910
+ --utrecht-paragraph-lead-color: var(--utrecht-document-color);
5911
+ --utrecht-paragraph-color: var(--utrecht-document-color);
5903
5912
  --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
5904
5913
  --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
5905
5914
  --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Fri, 17 Dec 2021 10:37:52 GMT
8
+ * Generated on Fri, 17 Dec 2021 14:56:01 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -419,7 +419,6 @@
419
419
  --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
420
420
  --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
421
421
  --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
422
- --utrecht-paragraph-lead-color: var(--utrecht-color-black);
423
422
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
424
423
  --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
425
424
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
@@ -620,6 +619,8 @@
620
619
  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
621
620
  --utrecht-toptask-link-color: var(--utrecht-button-color);
622
621
  --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
622
+ --utrecht-paragraph-lead-color: var(--utrecht-document-color);
623
+ --utrecht-paragraph-color: var(--utrecht-document-color);
623
624
  --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
624
625
  --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
625
626
  --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.155",
2
+ "version": "1.0.0-alpha.156",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.148",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.149",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.44.0"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "3954acf202af09aaac647dc48e38a919094bf9b2"
29
+ "gitHead": "157babfed956dcad68582cdcb7ab84fafcf11559"
30
30
  }