@utrecht/component-library-css 1.0.0-alpha.497 → 1.0.0-alpha.498

package/dist/html.css

@@ -942,7 +942,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-html hgroup > * {
   --utrecht-space-around: 0;
 }
-.utrecht-html a:link {
+.utrecht-html a {
   --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
   color: var(--utrecht-link-color, blue);
   text-decoration: var(--utrecht-link-text-decoration, underline);

package/dist/index.css

@@ -982,13 +982,6 @@ ol.utrecht-breadcrumb__list {
   cursor: var(--utrecht-action-disabled-cursor);
 }
 
-.utrecht-button:active:not(:disabled, [aria-disabled=true], .utrecht-button--disabled),
-.utrecht-button--active {
-  background-color: var(--_utrecht-button-active-background-color);
-  border-color: var(--_utrecht-button-active-border-color);
-  color: var(--_utrecht-button-active-color);
-}
-
 .utrecht-button--focus-visible {
   /* 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.
@@ -1062,6 +1055,13 @@ ol.utrecht-breadcrumb__list {
   scale: var(--utrecht-button-hover-scale, 1);
 }
 
+.utrecht-button:active:not(:disabled, [aria-disabled=true], .utrecht-button--disabled),
+.utrecht-button--active {
+  background-color: var(--_utrecht-button-active-background-color);
+  border-color: var(--_utrecht-button-active-border-color);
+  color: var(--_utrecht-button-active-color);
+}
+
 .utrecht-button--primary-action {
   --_utrecht-button-appearance-active-background-color: var(--utrecht-button-primary-action-active-background-color);
   --_utrecht-button-appearance-active-border-color: var(--utrecht-button-primary-action-active-border-color);
@@ -1864,18 +1864,13 @@ ol.utrecht-breadcrumb__list {
   cursor: var(--utrecht-action-disabled-cursor);
 }
 
-.utrecht-button-link--html-a:link:active {
-  background-color: var(--_utrecht-button-active-background-color);
-  border-color: var(--_utrecht-button-active-border-color);
-  color: var(--_utrecht-button-active-color);
-}
-.utrecht-button-link--html-a:link:focus {
+.utrecht-button-link--html-a: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--html-a:link:focus-visible {
+.utrecht-button-link--html-a:focus-visible {
   /* 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`
@@ -1889,12 +1884,17 @@ ol.utrecht-breadcrumb__list {
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-button-link--html-a:link:hover {
+.utrecht-button-link--html-a:hover {
   background-color: var(--_utrecht-button-hover-background-color);
   border-color: var(--_utrecht-button-hover-border-color);
   color: var(--_utrecht-button-hover-color);
   scale: var(--utrecht-button-hover-scale, 1);
 }
+.utrecht-button-link--html-a:active {
+  background-color: var(--_utrecht-button-active-background-color);
+  border-color: var(--_utrecht-button-active-border-color);
+  color: var(--_utrecht-button-active-color);
+}
 
 .utrecht-button-link--primary-action {
   --_utrecht-button-appearance-active-background-color: var(--utrecht-button-primary-action-active-background-color);
@@ -3181,10 +3181,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-decoration-thickness: max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);
 }
 
-.utrecht-link-button--active, .utrecht-link-button--html-button:not(:disabled):active {
-  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
-}
-
 .utrecht-link-button--disabled {
   color: var(--utrecht-link-placeholder-color, var(--utrecht-link-color));
   cursor: var(--utrecht-action-disabled-cursor);
@@ -3214,6 +3210,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
 
+.utrecht-link-button--active, .utrecht-link-button--html-button:not(:disabled):active {
+  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
+}
+
 .utrecht-link-button--inline {
   --utrecht-icon-inset-block-start: var(--utrecht-icon-baseline-inset-block-start);
   min-block-size: auto;
@@ -3428,7 +3428,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   color: var(--utrecht-link-visited-color, var(--utrecht-link-color));
 }
 
-.utrecht-link:link:hover,
+.utrecht-link:hover,
 .utrecht-link--hover {
   color: var(--utrecht-link-hover-color, var(--utrecht-link-color));
   text-decoration: var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));
@@ -3437,11 +3437,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-decoration-thickness: max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);
 }
 
-.utrecht-link:link:active,
-.utrecht-link--active {
-  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
-}
-
 .utrecht-link--focus {
   background-color: var(--utrecht-link-focus-background-color, transparent);
   color: var(--utrecht-link-focus-color, var(--utrecht-link-color));
@@ -3491,6 +3486,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-style: revert;
 }
 
+.utrecht-link:active,
+.utrecht-link--active {
+  color: var(--utrecht-link-active-color, var(--utrecht-link-color));
+}
+
 .utrecht-link--telephone {
   white-space: nowrap;
 }
@@ -3681,7 +3681,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   margin-block-start: var(--utrecht-space-block-sm);
 }
 
-.utrecht-menulijst__item a:link {
+.utrecht-menulijst__item a {
   background-image: var(--utrecht-menulijst-item-background-image, none);
   background-position: 0 0.25em;
   background-repeat: no-repeat;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.497",
+  "version": "1.0.0-alpha.498",
   "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": "c24597c5c1f3b661a7b29661969e5b53c4a73164"
+  "gitHead": "941540b3be17e7bc630f48cfcc3d3f94fb5c38dc"
 }