@utrecht/component-library-css 1.0.0-alpha.403 → 1.0.0-alpha.405
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.
- package/dist/html.css +3 -3
- package/dist/index.css +10 -8
- package/package.json +2 -2
package/dist/html.css
CHANGED
|
@@ -675,18 +675,18 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
675
675
|
.utrecht-html button:disabled[aria-busy=true] {
|
|
676
676
|
cursor: var(--utrecht-action-busy-cursor);
|
|
677
677
|
}
|
|
678
|
-
.utrecht-html button:active:not([aria-disabled=true]
|
|
678
|
+
.utrecht-html button:active:not([aria-disabled=true], :disabled) {
|
|
679
679
|
background-color: var(--_utrecht-button-active-background-color);
|
|
680
680
|
border-color: var(--_utrecht-button-active-border-color);
|
|
681
681
|
color: var(--_utrecht-button-active-color);
|
|
682
682
|
}
|
|
683
|
-
.utrecht-html button:hover:not([aria-disabled=true]
|
|
683
|
+
.utrecht-html button:hover:not([aria-disabled=true], :disabled) {
|
|
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
687
|
transform: scale(var(--utrecht-button-focus-transform-scale, 1));
|
|
688
688
|
}
|
|
689
|
-
.utrecht-html button:focus:not([aria-disabled=true]
|
|
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);
|
package/dist/index.css
CHANGED
|
@@ -888,7 +888,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
888
888
|
cursor: var(--utrecht-action-disabled-cursor);
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
-
.utrecht-button:active:not(:disabled
|
|
891
|
+
.utrecht-button:active:not(:disabled, [aria-disabled=true], .utrecht-button--disabled),
|
|
892
892
|
.utrecht-button--active {
|
|
893
893
|
background-color: var(--_utrecht-button-active-background-color);
|
|
894
894
|
border-color: var(--_utrecht-button-active-border-color);
|
|
@@ -932,7 +932,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
932
932
|
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
933
933
|
}
|
|
934
934
|
|
|
935
|
-
.utrecht-button:focus:not(:disabled
|
|
935
|
+
.utrecht-button:focus:not(:disabled, [aria-disabled=true], .utrecht-button--disabled) {
|
|
936
936
|
background-color: var(--_utrecht-button-focus-background-color);
|
|
937
937
|
border-color: var(--_utrecht-button-focus-border-color);
|
|
938
938
|
color: var(--_utrecht-button-focus-color);
|
|
@@ -958,8 +958,8 @@ ol.utrecht-breadcrumb__list {
|
|
|
958
958
|
outline-style: revert;
|
|
959
959
|
}
|
|
960
960
|
|
|
961
|
-
.utrecht-button--hover:not(:disabled
|
|
962
|
-
.utrecht-button:hover:not(:disabled
|
|
961
|
+
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
|
|
962
|
+
.utrecht-button:hover:not(:disabled, [aria-disabled=true], .utrecht-button--disabled) {
|
|
963
963
|
background-color: var(--_utrecht-button-hover-background-color);
|
|
964
964
|
border-color: var(--_utrecht-button-hover-border-color);
|
|
965
965
|
color: var(--_utrecht-button-hover-color);
|
|
@@ -3629,7 +3629,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3629
3629
|
color: var(--utrecht-mapcontrolbutton-disabled-color);
|
|
3630
3630
|
}
|
|
3631
3631
|
|
|
3632
|
-
.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton:focus:not(:disabled
|
|
3632
|
+
.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton:focus:not(:disabled, [aria-disabled=true], .utrecht-mapcontrolbutton--disabled) {
|
|
3633
3633
|
/* - The browser default focus ring should apply when these CSS custom properties are not set.
|
|
3634
3634
|
* - Make the `box-shadow` value available, so components that have their own `box-shadow`
|
|
3635
3635
|
* can combine it with the focus ring box shadow.
|
|
@@ -3643,7 +3643,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3643
3643
|
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
3644
3644
|
}
|
|
3645
3645
|
|
|
3646
|
-
.utrecht-mapcontrolbutton--focus, .utrecht-mapcontrolbutton:focus:not(:disabled
|
|
3646
|
+
.utrecht-mapcontrolbutton--focus, .utrecht-mapcontrolbutton:focus:not(:disabled, [aria-disabled=true], .utrecht-mapcontrolbutton--disabled) {
|
|
3647
3647
|
--utrecht-icon-color: var(--utrecht-mapcontrolbutton-focus-color, var(--utrecht-mapcontrolbutton-color));
|
|
3648
3648
|
}
|
|
3649
3649
|
|
|
@@ -3656,7 +3656,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3656
3656
|
}
|
|
3657
3657
|
|
|
3658
3658
|
.utrecht-mapcontrolbutton--hover:not(:disabled),
|
|
3659
|
-
.utrecht-mapcontrolbutton:hover:not(:disabled
|
|
3659
|
+
.utrecht-mapcontrolbutton:hover:not(:disabled, .utrecht-mapcontrolbutton--disabled) {
|
|
3660
3660
|
background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
|
|
3661
3661
|
color: var(--utrecht-mapcontrolbutton-color);
|
|
3662
3662
|
}
|
|
@@ -3853,7 +3853,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3853
3853
|
}
|
|
3854
3854
|
|
|
3855
3855
|
/* Draw metro connection lines on sidenav link items */
|
|
3856
|
-
.utrecht-sidenav__connection, .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling
|
|
3856
|
+
.utrecht-sidenav__connection, .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,
|
|
3857
|
+
.utrecht-sidenav__link--parent,
|
|
3858
|
+
.utrecht-sidenav__link--child)::after {
|
|
3857
3859
|
background: var(--utrecht-sidenav-connection-color);
|
|
3858
3860
|
bottom: 0;
|
|
3859
3861
|
content: "";
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.405",
|
|
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": "
|
|
29
|
+
"gitHead": "236666fa50bda703fcee7fc79dff13b712bc129a"
|
|
30
30
|
}
|