@utrecht/component-library-css 1.0.0-alpha.370 → 1.0.0-alpha.372

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 +5 -2
  2. package/dist/index.css +25 -2
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -907,6 +907,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
907
907
  }
908
908
  .utrecht-html ol {
909
909
  font-family: var(--utrecht-document-font-family, inherit);
910
+ font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
911
+ line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
910
912
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
911
913
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
912
914
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
@@ -1038,6 +1040,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1038
1040
  border-width: var(--utrecht-table-border-width, 0);
1039
1041
  font-family: var(--utrecht-table-font-family, var(--utrecht-document-font-family));
1040
1042
  font-size: var(--utrecht-table-font-size, inherit);
1043
+ line-height: var(--utrecht-table-line-height, inherit);
1041
1044
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));
1042
1045
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));
1043
1046
  width: 100%;
@@ -1373,8 +1376,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
1373
1376
  }
1374
1377
  .utrecht-html ul {
1375
1378
  font-family: var(--utrecht-document-font-family, inherit);
1376
- font-size: var(--utrecht-document-font-size, inherit);
1377
- line-height: var(--utrecht-document-line-height, inherit);
1379
+ font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
1380
+ line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
1378
1381
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
1379
1382
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
1380
1383
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
package/dist/index.css CHANGED
@@ -1842,6 +1842,13 @@ ol.utrecht-breadcrumb__list {
1842
1842
  color: var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color));
1843
1843
  }
1844
1844
 
1845
+ .utrecht-checkbox--custom.utrecht-checkbox--hover,
1846
+ .utrecht-custom-checkbox--hover {
1847
+ background-color: var(--utrecht-custom-checkbox-hover-background-color, var(--utrecht-custom-checkbox-background-color));
1848
+ border-color: var(--utrecht-custom-checkbox-hover-border-color, var(--utrecht-custom-checkbox-border-color));
1849
+ border-width: var(--utrecht-custom-checkbox-hover-border-width, var(--utrecht-custom-checkbox-border-width));
1850
+ }
1851
+
1845
1852
  .utrecht-checkbox--custom.utrecht-checkbox--focus,
1846
1853
  .utrecht-custom-checkbox--focus {
1847
1854
  background-color: var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));
@@ -1874,6 +1881,12 @@ ol.utrecht-breadcrumb__list {
1874
1881
  .utrecht-custom-checkbox--html-input:disabled:active {
1875
1882
  border-color: var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));
1876
1883
  }
1884
+ .utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
1885
+ .utrecht-custom-checkbox--html-input:hover {
1886
+ background-color: var(--utrecht-custom-checkbox-hover-background-color, var(--utrecht-custom-checkbox-background-color));
1887
+ border-color: var(--utrecht-custom-checkbox-hover-border-color, var(--utrecht-custom-checkbox-border-color));
1888
+ border-width: var(--utrecht-custom-checkbox-hover-border-width, var(--utrecht-custom-checkbox-border-width));
1889
+ }
1877
1890
  .utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
1878
1891
  .utrecht-custom-checkbox--html-input:focus {
1879
1892
  background-color: var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));
@@ -2032,6 +2045,13 @@ ol.utrecht-breadcrumb__list {
2032
2045
  .utrecht-custom-radio-button--html-input:disabled:active {
2033
2046
  border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
2034
2047
  }
2048
+ .utrecht-radio-button--custom.utrecht-radio-button--html-input:hover,
2049
+ .utrecht-custom-radio-button--html-input:hover {
2050
+ background-color: var(--utrecht-custom-radio-button-hover-background-color, var(--utrecht-custom-radio-button-background-color));
2051
+ border-color: var(--utrecht-custom-radio-button-hover-border-color, var(--utrecht-custom-radio-button-border-color));
2052
+ border-width: var(--utrecht-custom-radio-button-hover-border-width, var(--utrecht-custom-radio-button-border-width));
2053
+ color: var(--utrecht-custom-radio-button-hover-color, var(--utrecht-custom-radio-button-color));
2054
+ }
2035
2055
  .utrecht-radio-button--custom.utrecht-radio-button--html-input:focus,
2036
2056
  .utrecht-custom-radio-button--html-input:focus {
2037
2057
  background-color: var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));
@@ -3806,6 +3826,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
3806
3826
  */
3807
3827
  .utrecht-ordered-list {
3808
3828
  font-family: var(--utrecht-document-font-family, inherit);
3829
+ font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
3830
+ line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3809
3831
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
3810
3832
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
3811
3833
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
@@ -4460,6 +4482,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
4460
4482
  border-width: var(--utrecht-table-border-width, 0);
4461
4483
  font-family: var(--utrecht-table-font-family, var(--utrecht-document-font-family));
4462
4484
  font-size: var(--utrecht-table-font-size, inherit);
4485
+ line-height: var(--utrecht-table-line-height, inherit);
4463
4486
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));
4464
4487
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));
4465
4488
  width: 100%;
@@ -4818,8 +4841,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
4818
4841
  */
4819
4842
  .utrecht-unordered-list {
4820
4843
  font-family: var(--utrecht-document-font-family, inherit);
4821
- font-size: var(--utrecht-document-font-size, inherit);
4822
- line-height: var(--utrecht-document-line-height, inherit);
4844
+ font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
4845
+ line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
4823
4846
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
4824
4847
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
4825
4848
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.370",
2
+ "version": "1.0.0-alpha.372",
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": "74397f6ad2a7569c9592cd85addae853be34fbb6"
29
+ "gitHead": "41294637db4b0f1602685e93449500be722145bf"
30
30
  }