@utrecht/component-library-css 1.0.0-alpha.445 → 1.0.0-alpha.447

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 +4 -1
  2. package/dist/index.css +11 -5
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -684,12 +684,13 @@ however browsers don't seem to have implemented great looking supixel tweening y
684
684
  background-color: var(--_utrecht-button-hover-background-color);
685
685
  border-color: var(--_utrecht-button-hover-border-color);
686
686
  color: var(--_utrecht-button-hover-color);
687
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
687
+ scale: var(--utrecht-button-hover-scale, 1);
688
688
  }
689
689
  .utrecht-html button:focus:not([aria-disabled=true], :disabled) {
690
690
  background-color: var(--_utrecht-button-focus-background-color);
691
691
  border-color: var(--_utrecht-button-focus-border-color);
692
692
  color: var(--_utrecht-button-focus-color);
693
+ scale: var(--utrecht-button-focus-scale, 1);
693
694
  }
694
695
  .utrecht-html button:focus-visible {
695
696
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
@@ -1048,6 +1049,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
1048
1049
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1049
1050
  background-color: var(--utrecht-code-block-background-color);
1050
1051
  display: block;
1052
+ font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
1053
+ line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
1051
1054
  margin-block-end: var(--utrecht-code-block-margin-block-end);
1052
1055
  margin-block-start: var(--utrecht-code-block-margin-block-start);
1053
1056
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
package/dist/index.css CHANGED
@@ -914,6 +914,7 @@ ol.utrecht-breadcrumb__list {
914
914
  background-color: var(--_utrecht-button-focus-background-color);
915
915
  border-color: var(--_utrecht-button-focus-border-color);
916
916
  color: var(--_utrecht-button-focus-color);
917
+ scale: var(--utrecht-button-focus-scale, 1);
917
918
  }
918
919
 
919
920
  .utrecht-button:focus {
@@ -936,6 +937,7 @@ ol.utrecht-breadcrumb__list {
936
937
  background-color: var(--_utrecht-button-focus-background-color);
937
938
  border-color: var(--_utrecht-button-focus-border-color);
938
939
  color: var(--_utrecht-button-focus-color);
940
+ scale: var(--utrecht-button-focus-scale, 1);
939
941
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
940
942
  /* - The browser default focus ring should apply when these CSS custom properties are not set.
941
943
  * - Make the `box-shadow` value available, so components that have their own `box-shadow`
@@ -963,7 +965,7 @@ ol.utrecht-breadcrumb__list {
963
965
  background-color: var(--_utrecht-button-hover-background-color);
964
966
  border-color: var(--_utrecht-button-hover-border-color);
965
967
  color: var(--_utrecht-button-hover-color);
966
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
968
+ scale: var(--utrecht-button-hover-scale, 1);
967
969
  }
968
970
 
969
971
  .utrecht-button--primary-action {
@@ -1439,6 +1441,8 @@ ol.utrecht-breadcrumb__list {
1439
1441
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1440
1442
  background-color: var(--utrecht-code-block-background-color);
1441
1443
  display: block;
1444
+ font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
1445
+ line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
1442
1446
  margin-block-end: var(--utrecht-code-block-margin-block-end);
1443
1447
  margin-block-start: var(--utrecht-code-block-margin-block-start);
1444
1448
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
@@ -1695,13 +1699,14 @@ ol.utrecht-breadcrumb__list {
1695
1699
  background-color: var(--_utrecht-button-hover-background-color);
1696
1700
  border-color: var(--_utrecht-button-hover-border-color);
1697
1701
  color: var(--_utrecht-button-hover-color);
1698
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
1702
+ scale: var(--utrecht-button-hover-scale, 1);
1699
1703
  }
1700
1704
 
1701
1705
  .utrecht-button-link--focus {
1702
1706
  background-color: var(--_utrecht-button-focus-background-color);
1703
1707
  border-color: var(--_utrecht-button-focus-border-color);
1704
1708
  color: var(--_utrecht-button-focus-color);
1709
+ scale: var(--utrecht-button-focus-scale, 1);
1705
1710
  }
1706
1711
 
1707
1712
  .utrecht-button-link--focus-visible {
@@ -1735,6 +1740,7 @@ ol.utrecht-breadcrumb__list {
1735
1740
  background-color: var(--_utrecht-button-focus-background-color);
1736
1741
  border-color: var(--_utrecht-button-focus-border-color);
1737
1742
  color: var(--_utrecht-button-focus-color);
1743
+ scale: var(--utrecht-button-focus-scale, 1);
1738
1744
  }
1739
1745
  .utrecht-button-link--html-a:focus-visible {
1740
1746
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
@@ -1754,7 +1760,7 @@ ol.utrecht-breadcrumb__list {
1754
1760
  background-color: var(--_utrecht-button-hover-background-color);
1755
1761
  border-color: var(--_utrecht-button-hover-border-color);
1756
1762
  color: var(--_utrecht-button-hover-color);
1757
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
1763
+ scale: var(--utrecht-button-hover-scale, 1);
1758
1764
  }
1759
1765
 
1760
1766
  .utrecht-button-link--primary-action {
@@ -3133,7 +3139,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
3133
3139
  .utrecht-link-social--hover {
3134
3140
  background-color: var(--utrecht-link-social-hover-background-color, var(--utrecht-link-social-background-color));
3135
3141
  color: var(--utrecht-link-social-hover-color, var(--utrecht-link-social-color));
3136
- transform: scale(var(--utrecht-link-social-hover-transform-scale));
3142
+ transform: var(--utrecht-link-social-hover-transform-scale);
3137
3143
  }
3138
3144
 
3139
3145
  .utrecht-link-social:focus-visible,
@@ -4393,7 +4399,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
4393
4399
  /* stylelint-disable-next-line block-no-empty */
4394
4400
  .utrecht-search-bar {
4395
4401
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
4396
- --utrecht-button-focus-transform-scale: var(--utrecht-search-bar-hover-transform);
4402
+ --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
4397
4403
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
4398
4404
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
4399
4405
  --utrecht-button-letter-spacing: var(--utrecht-search-bar-button-letter-spacing);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.445",
2
+ "version": "1.0.0-alpha.447",
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": "a36614d73d9a9f4c55ba7a5ad3d9453231ee4552"
29
+ "gitHead": "a320e7e9833ecf9c0865a753e9d6be0801756d0a"
30
30
  }