@utrecht/component-library-css 1.0.0-alpha.142 → 1.0.0-alpha.146

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 (3) hide show
  1. package/dist/index.css +38 -19
  2. package/dist/root-theme.css +38 -19
  3. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5285,7 +5285,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5285
5285
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5286
5286
  /**
5287
5287
  * Do not edit directly
5288
- * Generated on Mon, 06 Dec 2021 17:29:00 GMT
5288
+ * Generated on Tue, 07 Dec 2021 14:09:58 GMT
5289
5289
  */
5290
5290
  :root {
5291
5291
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5305,6 +5305,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5305
5305
  --utrecht-border-style-solid: solid;
5306
5306
  --utrecht-border-width-md: 2px;
5307
5307
  --utrecht-border-width-sm: 1px;
5308
+ --utrecht-typography-text-transform-uppercase: uppercase;
5308
5309
  --utrecht-typography-line-height-lg: 2;
5309
5310
  --utrecht-typography-line-height-md: 1.5;
5310
5311
  --utrecht-typography-line-height-sm: 1.25;
@@ -5472,34 +5473,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
5472
5473
  --utrecht-link-text-underline-offset: 3px;
5473
5474
  --utrecht-link-text-decoration: underline;
5474
5475
  --utrecht-link-list-marker-inline-size: 16px;
5475
- --utrecht-heading-6-text-transform: uppercase;
5476
- --utrecht-heading-6-letter-spacing: 0.72px;
5477
- --utrecht-heading-6-margin-block-start: 1rem;
5478
- --utrecht-heading-6-margin-block-end: 0.2rem;
5479
- --utrecht-heading-6-line-height: 1.333;
5480
- --utrecht-heading-6-font-size: 0.9rem;
5481
- --utrecht-heading-5-text-transform: uppercase;
5482
- --utrecht-heading-5-letter-spacing: 0.72px;
5483
5476
  --utrecht-heading-5-margin-block-start: 1rem;
5484
5477
  --utrecht-heading-5-margin-block-end: 0.2rem;
5485
- --utrecht-heading-5-line-height: 1.333;
5486
- --utrecht-heading-5-font-size: 0.9rem;
5487
5478
  --utrecht-heading-4-margin-block-start: 1.2rem;
5488
5479
  --utrecht-heading-4-margin-block-end: 0.3rem;
5489
- --utrecht-heading-4-line-height: 1.25;
5490
- --utrecht-heading-4-font-size: 1.125rem;
5491
5480
  --utrecht-heading-3-margin-block-start: 1rem;
5492
5481
  --utrecht-heading-3-margin-block-end: 0.2rem;
5493
- --utrecht-heading-3-line-height: 1.2;
5494
- --utrecht-heading-3-font-size: 1.25rem;
5495
5482
  --utrecht-heading-2-margin-block-start: 1.5rem;
5496
5483
  --utrecht-heading-2-margin-block-end: 0.3rem;
5497
- --utrecht-heading-2-line-height: 1.2;
5498
- --utrecht-heading-2-font-size: 1.25rem;
5499
5484
  --utrecht-heading-1-margin-block-start: 0.67rem;
5500
5485
  --utrecht-heading-1-margin-block-end: 0.67rem;
5501
- --utrecht-heading-1-line-height: 1.4;
5502
- --utrecht-heading-1-font-size: 1.5rem;
5503
5486
  --utrecht-form-toggle-width: 48px;
5504
5487
  --utrecht-form-toggle-padding-inline-start: 0;
5505
5488
  --utrecht-form-toggle-padding-inline-end: 0;
@@ -5762,10 +5745,44 @@ however browsers don't seem to have implemented great looking supixel tweening y
5762
5745
  --utrecht-link-list-item-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5763
5746
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
5764
5747
  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5748
+ --utrecht-heading-6-text-transform: var(--utrecht-typography-text-transform-uppercase);
5749
+ --utrecht-heading-6-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
5750
+ --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
5765
5751
  --utrecht-heading-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5752
+ --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
5753
+ --utrecht-heading-6-font-family: var(--utrecht-typography-sans-serif-font-family);
5754
+ --utrecht-heading-6-color: var(--utrecht-color-grey-10);
5755
+ --utrecht-heading-5-text-transform: var(--utrecht-typography-text-transform-uppercase);
5756
+ --utrecht-heading-5-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
5757
+ --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
5766
5758
  --utrecht-heading-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5759
+ --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
5760
+ --utrecht-heading-5-font-family: var(--utrecht-typography-sans-serif-font-family);
5761
+ --utrecht-heading-5-color: var(--utrecht-color-grey-10);
5762
+ --utrecht-heading-4-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5763
+ --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
5767
5764
  --utrecht-heading-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5765
+ --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
5766
+ --utrecht-heading-4-font-family: var(--utrecht-typography-sans-serif-font-family);
5767
+ --utrecht-heading-4-color: var(--utrecht-color-grey-10);
5768
+ --utrecht-heading-3-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5769
+ --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
5768
5770
  --utrecht-heading-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5771
+ --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
5772
+ --utrecht-heading-3-font-family: var(--utrecht-typography-sans-serif-font-family);
5773
+ --utrecht-heading-3-color: var(--utrecht-color-grey-10);
5774
+ --utrecht-heading-2-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5775
+ --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
5776
+ --utrecht-heading-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5777
+ --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
5778
+ --utrecht-heading-2-font-family: var(--utrecht-typography-sans-serif-font-family);
5779
+ --utrecht-heading-2-color: var(--utrecht-color-grey-10);
5780
+ --utrecht-heading-1-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5781
+ --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
5782
+ --utrecht-heading-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5783
+ --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
5784
+ --utrecht-heading-1-font-family: var(--utrecht-typography-sans-serif-font-family);
5785
+ --utrecht-heading-1-color: var(--utrecht-color-grey-10);
5769
5786
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
5770
5787
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
5771
5788
  --utrecht-form-toggle-thumb-disabled-background-color: var(--utrecht-color-white);
@@ -5928,8 +5945,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
5928
5945
  }
5929
5946
 
5930
5947
  .utrecht-page-footer {
5948
+ --utrecht-heading-2-color: var(--utrecht-color-white);
5931
5949
  --utrecht-heading-2-font-size: 1em;
5932
5950
  --utrecht-heading-2-text-transform: uppercase;
5951
+ --utrecht-heading-3-color: var(--utrecht-color-white);
5933
5952
  --utrecht-heading-3-font-size: 1.125em;
5934
5953
  --utrecht-heading-3-font-weight: normal;
5935
5954
  }
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 Mon, 06 Dec 2021 17:29:00 GMT
8
+ * Generated on Tue, 07 Dec 2021 14:09:58 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -25,6 +25,7 @@
25
25
  --utrecht-border-style-solid: solid;
26
26
  --utrecht-border-width-md: 2px;
27
27
  --utrecht-border-width-sm: 1px;
28
+ --utrecht-typography-text-transform-uppercase: uppercase;
28
29
  --utrecht-typography-line-height-lg: 2;
29
30
  --utrecht-typography-line-height-md: 1.5;
30
31
  --utrecht-typography-line-height-sm: 1.25;
@@ -192,34 +193,16 @@
192
193
  --utrecht-link-text-underline-offset: 3px;
193
194
  --utrecht-link-text-decoration: underline;
194
195
  --utrecht-link-list-marker-inline-size: 16px;
195
- --utrecht-heading-6-text-transform: uppercase;
196
- --utrecht-heading-6-letter-spacing: 0.72px;
197
- --utrecht-heading-6-margin-block-start: 1rem;
198
- --utrecht-heading-6-margin-block-end: 0.2rem;
199
- --utrecht-heading-6-line-height: 1.333;
200
- --utrecht-heading-6-font-size: 0.9rem;
201
- --utrecht-heading-5-text-transform: uppercase;
202
- --utrecht-heading-5-letter-spacing: 0.72px;
203
196
  --utrecht-heading-5-margin-block-start: 1rem;
204
197
  --utrecht-heading-5-margin-block-end: 0.2rem;
205
- --utrecht-heading-5-line-height: 1.333;
206
- --utrecht-heading-5-font-size: 0.9rem;
207
198
  --utrecht-heading-4-margin-block-start: 1.2rem;
208
199
  --utrecht-heading-4-margin-block-end: 0.3rem;
209
- --utrecht-heading-4-line-height: 1.25;
210
- --utrecht-heading-4-font-size: 1.125rem;
211
200
  --utrecht-heading-3-margin-block-start: 1rem;
212
201
  --utrecht-heading-3-margin-block-end: 0.2rem;
213
- --utrecht-heading-3-line-height: 1.2;
214
- --utrecht-heading-3-font-size: 1.25rem;
215
202
  --utrecht-heading-2-margin-block-start: 1.5rem;
216
203
  --utrecht-heading-2-margin-block-end: 0.3rem;
217
- --utrecht-heading-2-line-height: 1.2;
218
- --utrecht-heading-2-font-size: 1.25rem;
219
204
  --utrecht-heading-1-margin-block-start: 0.67rem;
220
205
  --utrecht-heading-1-margin-block-end: 0.67rem;
221
- --utrecht-heading-1-line-height: 1.4;
222
- --utrecht-heading-1-font-size: 1.5rem;
223
206
  --utrecht-form-toggle-width: 48px;
224
207
  --utrecht-form-toggle-padding-inline-start: 0;
225
208
  --utrecht-form-toggle-padding-inline-end: 0;
@@ -482,10 +465,44 @@
482
465
  --utrecht-link-list-item-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
483
466
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
484
467
  --utrecht-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
468
+ --utrecht-heading-6-text-transform: var(--utrecht-typography-text-transform-uppercase);
469
+ --utrecht-heading-6-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
470
+ --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
485
471
  --utrecht-heading-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
472
+ --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
473
+ --utrecht-heading-6-font-family: var(--utrecht-typography-sans-serif-font-family);
474
+ --utrecht-heading-6-color: var(--utrecht-color-grey-10);
475
+ --utrecht-heading-5-text-transform: var(--utrecht-typography-text-transform-uppercase);
476
+ --utrecht-heading-5-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
477
+ --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
486
478
  --utrecht-heading-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
479
+ --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
480
+ --utrecht-heading-5-font-family: var(--utrecht-typography-sans-serif-font-family);
481
+ --utrecht-heading-5-color: var(--utrecht-color-grey-10);
482
+ --utrecht-heading-4-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
483
+ --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
487
484
  --utrecht-heading-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
485
+ --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
486
+ --utrecht-heading-4-font-family: var(--utrecht-typography-sans-serif-font-family);
487
+ --utrecht-heading-4-color: var(--utrecht-color-grey-10);
488
+ --utrecht-heading-3-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
489
+ --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
488
490
  --utrecht-heading-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
491
+ --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
492
+ --utrecht-heading-3-font-family: var(--utrecht-typography-sans-serif-font-family);
493
+ --utrecht-heading-3-color: var(--utrecht-color-grey-10);
494
+ --utrecht-heading-2-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
495
+ --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
496
+ --utrecht-heading-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
497
+ --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
498
+ --utrecht-heading-2-font-family: var(--utrecht-typography-sans-serif-font-family);
499
+ --utrecht-heading-2-color: var(--utrecht-color-grey-10);
500
+ --utrecht-heading-1-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
501
+ --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
502
+ --utrecht-heading-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
503
+ --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
504
+ --utrecht-heading-1-font-family: var(--utrecht-typography-sans-serif-font-family);
505
+ --utrecht-heading-1-color: var(--utrecht-color-grey-10);
489
506
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
490
507
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
491
508
  --utrecht-form-toggle-thumb-disabled-background-color: var(--utrecht-color-white);
@@ -648,8 +665,10 @@
648
665
  }
649
666
 
650
667
  .utrecht-page-footer {
668
+ --utrecht-heading-2-color: var(--utrecht-color-white);
651
669
  --utrecht-heading-2-font-size: 1em;
652
670
  --utrecht-heading-2-text-transform: uppercase;
671
+ --utrecht-heading-3-color: var(--utrecht-color-white);
653
672
  --utrecht-heading-3-font-size: 1.125em;
654
673
  --utrecht-heading-3-font-weight: normal;
655
674
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.142",
2
+ "version": "1.0.0-alpha.146",
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.135",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.139",
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": "3d2e852810fd57ff815ad78e4b1318e0405a1b54"
29
+ "gitHead": "3ae33a4c1345aad03791b0a5a7955e2dbf351e1e"
30
30
  }