@utrecht/component-library-css 1.0.0-alpha.148 → 1.0.0-alpha.151

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 +14 -11
  2. package/dist/root-theme.css +14 -11
  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 Wed, 08 Dec 2021 10:04:34 GMT
5288
+ * Generated on Thu, 09 Dec 2021 14:53:33 GMT
5289
5289
  */
5290
5290
  :root {
5291
5291
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5416,7 +5416,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
5416
5416
  --utrecht-separator-block-size: 8px;
5417
5417
  --utrecht-select-border-block-end-width: 3px;
5418
5418
  --utrecht-pre-heading-text-transform: uppercase;
5419
- --utrecht-paragraph-line-height: 1.5;
5420
5419
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
5421
5420
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
5422
5421
  --utrecht-pagination-relative-link-text-transform: uppercase;
@@ -5696,10 +5695,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
5696
5695
  --utrecht-separator-color: var(--utrecht-color-grey-90);
5697
5696
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
5698
5697
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
5698
+ --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
5699
+ --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5699
5700
  --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
5700
- --utrecht-paragraph-margin-block-start: var(--utrecht-space-row-md);
5701
+ --utrecht-paragraph-lead-color: var(--utrecht-color-black);
5702
+ --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
5701
5703
  --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5702
5704
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
5705
+ --utrecht-paragraph-font-family: var(--utrecht-typography-sans-serif-font-family);
5703
5706
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
5704
5707
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
5705
5708
  --utrecht-pagination-relative-link-hover-border-color: var(--utrecht-color-blue-35);
@@ -5715,7 +5718,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5715
5718
  --utrecht-pagination-page-link-current-background-color: var(--utrecht-color-blue-35);
5716
5719
  --utrecht-pagination-page-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5717
5720
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
5718
- --utrecht-page-color: var(--utrecht-color-grey-10);
5721
+ --utrecht-page-color: var(--utrecht-color-black);
5719
5722
  --utrecht-page-background-color: var(--utrecht-color-white);
5720
5723
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, hsl(5 54% 59%) 50%);
5721
5724
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
@@ -5751,38 +5754,38 @@ however browsers don't seem to have implemented great looking supixel tweening y
5751
5754
  --utrecht-heading-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5752
5755
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
5753
5756
  --utrecht-heading-6-font-family: var(--utrecht-typography-sans-serif-font-family);
5754
- --utrecht-heading-6-color: var(--utrecht-color-grey-10);
5757
+ --utrecht-heading-6-color: var(--utrecht-color-black);
5755
5758
  --utrecht-heading-5-text-transform: var(--utrecht-typography-text-transform-uppercase);
5756
5759
  --utrecht-heading-5-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
5757
5760
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
5758
5761
  --utrecht-heading-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5759
5762
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
5760
5763
  --utrecht-heading-5-font-family: var(--utrecht-typography-sans-serif-font-family);
5761
- --utrecht-heading-5-color: var(--utrecht-color-grey-10);
5764
+ --utrecht-heading-5-color: var(--utrecht-color-black);
5762
5765
  --utrecht-heading-4-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5763
5766
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
5764
5767
  --utrecht-heading-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5765
5768
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
5766
5769
  --utrecht-heading-4-font-family: var(--utrecht-typography-sans-serif-font-family);
5767
- --utrecht-heading-4-color: var(--utrecht-color-grey-10);
5770
+ --utrecht-heading-4-color: var(--utrecht-color-black);
5768
5771
  --utrecht-heading-3-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5769
5772
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
5770
5773
  --utrecht-heading-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5771
5774
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
5772
5775
  --utrecht-heading-3-font-family: var(--utrecht-typography-sans-serif-font-family);
5773
- --utrecht-heading-3-color: var(--utrecht-color-grey-10);
5776
+ --utrecht-heading-3-color: var(--utrecht-color-black);
5774
5777
  --utrecht-heading-2-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5775
5778
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
5776
5779
  --utrecht-heading-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5777
5780
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
5778
5781
  --utrecht-heading-2-font-family: var(--utrecht-typography-sans-serif-font-family);
5779
- --utrecht-heading-2-color: var(--utrecht-color-grey-10);
5782
+ --utrecht-heading-2-color: var(--utrecht-color-black);
5780
5783
  --utrecht-heading-1-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
5781
5784
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
5782
5785
  --utrecht-heading-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5783
5786
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
5784
5787
  --utrecht-heading-1-font-family: var(--utrecht-typography-sans-serif-font-family);
5785
- --utrecht-heading-1-color: var(--utrecht-color-grey-10);
5788
+ --utrecht-heading-1-color: var(--utrecht-color-black);
5786
5789
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
5787
5790
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
5788
5791
  --utrecht-form-toggle-thumb-disabled-background-color: var(--utrecht-color-white);
@@ -5811,7 +5814,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5811
5814
  --utrecht-emphasis-strong-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5812
5815
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
5813
5816
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
5814
- --utrecht-document-color: var(--utrecht-color-grey-10);
5817
+ --utrecht-document-color: var(--utrecht-color-black);
5815
5818
  --utrecht-document-background-color: var(--utrecht-color-white);
5816
5819
  --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
5817
5820
  --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
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 Wed, 08 Dec 2021 10:04:34 GMT
8
+ * Generated on Thu, 09 Dec 2021 14:53:33 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -136,7 +136,6 @@
136
136
  --utrecht-separator-block-size: 8px;
137
137
  --utrecht-select-border-block-end-width: 3px;
138
138
  --utrecht-pre-heading-text-transform: uppercase;
139
- --utrecht-paragraph-line-height: 1.5;
140
139
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
141
140
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
142
141
  --utrecht-pagination-relative-link-text-transform: uppercase;
@@ -416,10 +415,14 @@
416
415
  --utrecht-separator-color: var(--utrecht-color-grey-90);
417
416
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
418
417
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
418
+ --utrecht-paragraph-lead-line-height: var(--utrecht-typography-line-height-md);
419
+ --utrecht-paragraph-lead-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
419
420
  --utrecht-paragraph-lead-font-size: var(--utrecht-typography-scale-lg-font-size);
420
- --utrecht-paragraph-margin-block-start: var(--utrecht-space-row-md);
421
+ --utrecht-paragraph-lead-color: var(--utrecht-color-black);
422
+ --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
421
423
  --utrecht-paragraph-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
422
424
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
425
+ --utrecht-paragraph-font-family: var(--utrecht-typography-sans-serif-font-family);
423
426
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
424
427
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
425
428
  --utrecht-pagination-relative-link-hover-border-color: var(--utrecht-color-blue-35);
@@ -435,7 +438,7 @@
435
438
  --utrecht-pagination-page-link-current-background-color: var(--utrecht-color-blue-35);
436
439
  --utrecht-pagination-page-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
437
440
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
438
- --utrecht-page-color: var(--utrecht-color-grey-10);
441
+ --utrecht-page-color: var(--utrecht-color-black);
439
442
  --utrecht-page-background-color: var(--utrecht-color-white);
440
443
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, hsl(5 54% 59%) 50%);
441
444
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
@@ -471,38 +474,38 @@
471
474
  --utrecht-heading-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
472
475
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
473
476
  --utrecht-heading-6-font-family: var(--utrecht-typography-sans-serif-font-family);
474
- --utrecht-heading-6-color: var(--utrecht-color-grey-10);
477
+ --utrecht-heading-6-color: var(--utrecht-color-black);
475
478
  --utrecht-heading-5-text-transform: var(--utrecht-typography-text-transform-uppercase);
476
479
  --utrecht-heading-5-letter-spacing: var(--utrecht-typography-letter-spacing-sm);
477
480
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
478
481
  --utrecht-heading-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
479
482
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
480
483
  --utrecht-heading-5-font-family: var(--utrecht-typography-sans-serif-font-family);
481
- --utrecht-heading-5-color: var(--utrecht-color-grey-10);
484
+ --utrecht-heading-5-color: var(--utrecht-color-black);
482
485
  --utrecht-heading-4-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
483
486
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
484
487
  --utrecht-heading-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
485
488
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
486
489
  --utrecht-heading-4-font-family: var(--utrecht-typography-sans-serif-font-family);
487
- --utrecht-heading-4-color: var(--utrecht-color-grey-10);
490
+ --utrecht-heading-4-color: var(--utrecht-color-black);
488
491
  --utrecht-heading-3-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
489
492
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
490
493
  --utrecht-heading-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
491
494
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
492
495
  --utrecht-heading-3-font-family: var(--utrecht-typography-sans-serif-font-family);
493
- --utrecht-heading-3-color: var(--utrecht-color-grey-10);
496
+ --utrecht-heading-3-color: var(--utrecht-color-black);
494
497
  --utrecht-heading-2-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
495
498
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
496
499
  --utrecht-heading-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
497
500
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
498
501
  --utrecht-heading-2-font-family: var(--utrecht-typography-sans-serif-font-family);
499
- --utrecht-heading-2-color: var(--utrecht-color-grey-10);
502
+ --utrecht-heading-2-color: var(--utrecht-color-black);
500
503
  --utrecht-heading-1-letter-spacing: var(--utrecht-typography-letter-spacing-normal);
501
504
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
502
505
  --utrecht-heading-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
503
506
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
504
507
  --utrecht-heading-1-font-family: var(--utrecht-typography-sans-serif-font-family);
505
- --utrecht-heading-1-color: var(--utrecht-color-grey-10);
508
+ --utrecht-heading-1-color: var(--utrecht-color-black);
506
509
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
507
510
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
508
511
  --utrecht-form-toggle-thumb-disabled-background-color: var(--utrecht-color-white);
@@ -531,7 +534,7 @@
531
534
  --utrecht-emphasis-strong-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
532
535
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
533
536
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
534
- --utrecht-document-color: var(--utrecht-color-grey-10);
537
+ --utrecht-document-color: var(--utrecht-color-black);
535
538
  --utrecht-document-background-color: var(--utrecht-color-white);
536
539
  --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
537
540
  --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.148",
2
+ "version": "1.0.0-alpha.151",
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.141",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.144",
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": "b24b09a82d86904967a8c90eca05fadaa77ea3e9"
29
+ "gitHead": "e2aa5bd1b32037cde5798e31525acb3c269188fb"
30
30
  }