@utrecht/component-library-css 1.0.0-alpha.446 → 1.0.0-alpha.448

package/dist/html.css

@@ -684,12 +684,13 @@ however browsers don't seem to have implemented great looking supixel tweening y
   background-color: var(--_utrecht-button-hover-background-color);
   border-color: var(--_utrecht-button-hover-border-color);
   color: var(--_utrecht-button-hover-color);
-  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
+  scale: var(--utrecht-button-hover-scale, 1);
 }
 .utrecht-html button:focus:not([aria-disabled=true], :disabled) {
   background-color: var(--_utrecht-button-focus-background-color);
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
+  scale: var(--utrecht-button-focus-scale, 1);
 }
 .utrecht-html button:focus-visible {
   /* the pseudo-class for `:focus-visible` is implemented via the mixin */

package/dist/index.css

@@ -914,6 +914,7 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-focus-background-color);
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
+  scale: var(--utrecht-button-focus-scale, 1);
 }
 
 .utrecht-button:focus {
@@ -936,6 +937,7 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-focus-background-color);
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
+  scale: var(--utrecht-button-focus-scale, 1);
   /* the pseudo-class for `:focus-visible` is implemented via the mixin */
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
@@ -963,7 +965,7 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-hover-background-color);
   border-color: var(--_utrecht-button-hover-border-color);
   color: var(--_utrecht-button-hover-color);
-  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
+  scale: var(--utrecht-button-hover-scale, 1);
 }
 
 .utrecht-button--primary-action {
@@ -1242,9 +1244,9 @@ ol.utrecht-breadcrumb__list {
   padding-block-start: var(--utrecht-button-group-padding-block-start);
 }
 
-.utrecht-button-group__button-link--horizontal,
-.utrecht-button-group--horizontal .utrecht-button-link,
-.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link {
+.utrecht-button-group__link-button--horizontal,
+.utrecht-button-group--horizontal .utrecht-link-button,
+.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-link-button {
   --utrecht-button-padding-inline-end: 0;
   --utrecht-button-padding-inline-start: 0;
 }
@@ -1697,13 +1699,14 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-hover-background-color);
   border-color: var(--_utrecht-button-hover-border-color);
   color: var(--_utrecht-button-hover-color);
-  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
+  scale: var(--utrecht-button-hover-scale, 1);
 }
 
 .utrecht-button-link--focus {
   background-color: var(--_utrecht-button-focus-background-color);
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
+  scale: var(--utrecht-button-focus-scale, 1);
 }
 
 .utrecht-button-link--focus-visible {
@@ -1737,6 +1740,7 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-focus-background-color);
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
+  scale: var(--utrecht-button-focus-scale, 1);
 }
 .utrecht-button-link--html-a:focus-visible {
   /* the pseudo-class for `:focus-visible` is implemented via the mixin */
@@ -1756,7 +1760,7 @@ ol.utrecht-breadcrumb__list {
   background-color: var(--_utrecht-button-hover-background-color);
   border-color: var(--_utrecht-button-hover-border-color);
   color: var(--_utrecht-button-hover-color);
-  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
+  scale: var(--utrecht-button-hover-scale, 1);
 }
 
 .utrecht-button-link--primary-action {
@@ -3135,7 +3139,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-link-social--hover {
   background-color: var(--utrecht-link-social-hover-background-color, var(--utrecht-link-social-background-color));
   color: var(--utrecht-link-social-hover-color, var(--utrecht-link-social-color));
-  transform: scale(var(--utrecht-link-social-hover-transform-scale));
+  transform: var(--utrecht-link-social-hover-transform-scale);
 }
 
 .utrecht-link-social:focus-visible,
@@ -4395,7 +4399,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 /* stylelint-disable-next-line block-no-empty */
 .utrecht-search-bar {
   --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
-  --utrecht-button-focus-transform-scale: var(--utrecht-search-bar-hover-transform);
+  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
   --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
   --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
   --utrecht-button-letter-spacing: var(--utrecht-search-bar-button-letter-spacing);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.446",
+  "version": "1.0.0-alpha.448",
   "author": "Community for NL Design System",
   "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -26,5 +26,5 @@
     "clean": "rimraf dist/"
   },
   "main": "dist/index.css",
-  "gitHead": "e53de9b54d4e8a4ba04628a32dba9cb4e78644aa"
+  "gitHead": "c4e41a0c9d9ae719781c381a658220d29baca653"
 }