@utrecht/component-library-css 1.0.0-alpha.350 → 1.0.0-alpha.351

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/html.css +15 -6
  2. package/dist/index.css +17 -6
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -751,7 +751,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
751
751
  page-break-inside: avoid;
752
752
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
753
753
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
754
- font-size: var(--utrecht-heading-1-font-size);
754
+ font-size: var(--utrecht-heading-1-font-size, revert);
755
755
  font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
756
756
  letter-spacing: var(--utrecht-heading-1-letter-spacing);
757
757
  line-height: var(--utrecht-heading-1-line-height);
@@ -766,7 +766,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
766
766
  page-break-inside: avoid;
767
767
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
768
768
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
769
- font-size: var(--utrecht-heading-2-font-size);
769
+ font-size: var(--utrecht-heading-2-font-size, revert);
770
770
  font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
771
771
  letter-spacing: var(--utrecht-heading-2-letter-spacing);
772
772
  line-height: var(--utrecht-heading-2-line-height);
@@ -781,7 +781,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
781
781
  page-break-inside: avoid;
782
782
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
783
783
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
784
- font-size: var(--utrecht-heading-3-font-size);
784
+ font-size: var(--utrecht-heading-3-font-size, revert);
785
785
  font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
786
786
  letter-spacing: var(--utrecht-heading-3-letter-spacing);
787
787
  line-height: var(--utrecht-heading-3-line-height);
@@ -796,7 +796,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
796
796
  page-break-inside: avoid;
797
797
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
798
798
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
799
- font-size: var(--utrecht-heading-4-font-size);
799
+ font-size: var(--utrecht-heading-4-font-size, revert);
800
800
  font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
801
801
  letter-spacing: var(--utrecht-heading-4-letter-spacing);
802
802
  line-height: var(--utrecht-heading-4-line-height);
@@ -811,7 +811,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
811
811
  page-break-inside: avoid;
812
812
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
813
813
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
814
- font-size: var(--utrecht-heading-5-font-size);
814
+ font-size: var(--utrecht-heading-5-font-size, revert);
815
815
  font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
816
816
  letter-spacing: var(--utrecht-heading-5-letter-spacing);
817
817
  line-height: var(--utrecht-heading-5-line-height);
@@ -826,7 +826,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
826
826
  page-break-inside: avoid;
827
827
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
828
828
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
829
- font-size: var(--utrecht-heading-6-font-size);
829
+ font-size: var(--utrecht-heading-6-font-size, revert);
830
830
  font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
831
831
  letter-spacing: var(--utrecht-heading-6-letter-spacing);
832
832
  line-height: var(--utrecht-heading-6-line-height);
@@ -922,6 +922,15 @@ however browsers don't seem to have implemented great looking supixel tweening y
922
922
  .utrecht-html * ~ p {
923
923
  --utrecht-space-around: 1;
924
924
  }
925
+ .utrecht-html p:has(> small:only-child) {
926
+ color: var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
927
+ font-size: var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));
928
+ font-weight: var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));
929
+ line-height: var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit));
930
+ }
931
+ .utrecht-html p > small:only-child {
932
+ font-size: inherit;
933
+ }
925
934
  .utrecht-html input[type=radio i] {
926
935
  /* reset native margin for input[type="radio" i] */
927
936
  margin-block-end: 0;
package/dist/index.css CHANGED
@@ -2278,7 +2278,7 @@ ol.utrecht-breadcrumb__list {
2278
2278
  page-break-inside: avoid;
2279
2279
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2280
2280
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2281
- font-size: var(--utrecht-heading-1-font-size);
2281
+ font-size: var(--utrecht-heading-1-font-size, revert);
2282
2282
  font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
2283
2283
  letter-spacing: var(--utrecht-heading-1-letter-spacing);
2284
2284
  line-height: var(--utrecht-heading-1-line-height);
@@ -2313,7 +2313,7 @@ ol.utrecht-breadcrumb__list {
2313
2313
  page-break-inside: avoid;
2314
2314
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2315
2315
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2316
- font-size: var(--utrecht-heading-2-font-size);
2316
+ font-size: var(--utrecht-heading-2-font-size, revert);
2317
2317
  font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
2318
2318
  letter-spacing: var(--utrecht-heading-2-letter-spacing);
2319
2319
  line-height: var(--utrecht-heading-2-line-height);
@@ -2348,7 +2348,7 @@ ol.utrecht-breadcrumb__list {
2348
2348
  page-break-inside: avoid;
2349
2349
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2350
2350
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2351
- font-size: var(--utrecht-heading-3-font-size);
2351
+ font-size: var(--utrecht-heading-3-font-size, revert);
2352
2352
  font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
2353
2353
  letter-spacing: var(--utrecht-heading-3-letter-spacing);
2354
2354
  line-height: var(--utrecht-heading-3-line-height);
@@ -2383,7 +2383,7 @@ ol.utrecht-breadcrumb__list {
2383
2383
  page-break-inside: avoid;
2384
2384
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2385
2385
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2386
- font-size: var(--utrecht-heading-4-font-size);
2386
+ font-size: var(--utrecht-heading-4-font-size, revert);
2387
2387
  font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
2388
2388
  letter-spacing: var(--utrecht-heading-4-letter-spacing);
2389
2389
  line-height: var(--utrecht-heading-4-line-height);
@@ -2418,7 +2418,7 @@ ol.utrecht-breadcrumb__list {
2418
2418
  page-break-inside: avoid;
2419
2419
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2420
2420
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2421
- font-size: var(--utrecht-heading-5-font-size);
2421
+ font-size: var(--utrecht-heading-5-font-size, revert);
2422
2422
  font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
2423
2423
  letter-spacing: var(--utrecht-heading-5-letter-spacing);
2424
2424
  line-height: var(--utrecht-heading-5-line-height);
@@ -2453,7 +2453,7 @@ ol.utrecht-breadcrumb__list {
2453
2453
  page-break-inside: avoid;
2454
2454
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
2455
2455
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
2456
- font-size: var(--utrecht-heading-6-font-size);
2456
+ font-size: var(--utrecht-heading-6-font-size, revert);
2457
2457
  font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
2458
2458
  letter-spacing: var(--utrecht-heading-6-letter-spacing);
2459
2459
  line-height: var(--utrecht-heading-6-line-height);
@@ -3741,6 +3741,17 @@ however browsers don't seem to have implemented great looking supixel tweening y
3741
3741
  line-height: var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit));
3742
3742
  }
3743
3743
 
3744
+ .utrecht-paragraph--small {
3745
+ color: var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
3746
+ font-size: var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));
3747
+ font-weight: var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));
3748
+ line-height: var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit));
3749
+ }
3750
+
3751
+ .utrecht-paragraph__small {
3752
+ font-size: inherit;
3753
+ }
3754
+
3744
3755
  .utrecht-paragraph--distanced {
3745
3756
  --utrecht-space-around: 1;
3746
3757
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.350",
2
+ "version": "1.0.0-alpha.351",
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",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "33315bc9f4e047218cf39d83c13ca10152e5cab5"
29
+ "gitHead": "b3cbbd178c5b0581c1f1007c316aeaea7e501d59"
30
30
  }