@utrecht/component-library-css 1.0.0-alpha.446 → 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 +2 -1
  2. package/dist/index.css +9 -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 */
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 {
@@ -1697,13 +1699,14 @@ ol.utrecht-breadcrumb__list {
1697
1699
  background-color: var(--_utrecht-button-hover-background-color);
1698
1700
  border-color: var(--_utrecht-button-hover-border-color);
1699
1701
  color: var(--_utrecht-button-hover-color);
1700
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
1702
+ scale: var(--utrecht-button-hover-scale, 1);
1701
1703
  }
1702
1704
 
1703
1705
  .utrecht-button-link--focus {
1704
1706
  background-color: var(--_utrecht-button-focus-background-color);
1705
1707
  border-color: var(--_utrecht-button-focus-border-color);
1706
1708
  color: var(--_utrecht-button-focus-color);
1709
+ scale: var(--utrecht-button-focus-scale, 1);
1707
1710
  }
1708
1711
 
1709
1712
  .utrecht-button-link--focus-visible {
@@ -1737,6 +1740,7 @@ ol.utrecht-breadcrumb__list {
1737
1740
  background-color: var(--_utrecht-button-focus-background-color);
1738
1741
  border-color: var(--_utrecht-button-focus-border-color);
1739
1742
  color: var(--_utrecht-button-focus-color);
1743
+ scale: var(--utrecht-button-focus-scale, 1);
1740
1744
  }
1741
1745
  .utrecht-button-link--html-a:focus-visible {
1742
1746
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
@@ -1756,7 +1760,7 @@ ol.utrecht-breadcrumb__list {
1756
1760
  background-color: var(--_utrecht-button-hover-background-color);
1757
1761
  border-color: var(--_utrecht-button-hover-border-color);
1758
1762
  color: var(--_utrecht-button-hover-color);
1759
- transform: scale(var(--utrecht-button-focus-transform-scale, 1));
1763
+ scale: var(--utrecht-button-hover-scale, 1);
1760
1764
  }
1761
1765
 
1762
1766
  .utrecht-button-link--primary-action {
@@ -3135,7 +3139,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
3135
3139
  .utrecht-link-social--hover {
3136
3140
  background-color: var(--utrecht-link-social-hover-background-color, var(--utrecht-link-social-background-color));
3137
3141
  color: var(--utrecht-link-social-hover-color, var(--utrecht-link-social-color));
3138
- transform: scale(var(--utrecht-link-social-hover-transform-scale));
3142
+ transform: var(--utrecht-link-social-hover-transform-scale);
3139
3143
  }
3140
3144
 
3141
3145
  .utrecht-link-social:focus-visible,
@@ -4395,7 +4399,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
4395
4399
  /* stylelint-disable-next-line block-no-empty */
4396
4400
  .utrecht-search-bar {
4397
4401
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
4398
- --utrecht-button-focus-transform-scale: var(--utrecht-search-bar-hover-transform);
4402
+ --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
4399
4403
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
4400
4404
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
4401
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.446",
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": "e53de9b54d4e8a4ba04628a32dba9cb4e78644aa"
29
+ "gitHead": "a320e7e9833ecf9c0865a753e9d6be0801756d0a"
30
30
  }