@utrecht/component-library-css 1.0.0-alpha.509 → 1.0.0-alpha.510

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 (2) hide show
  1. package/dist/index.css +32 -0
  2. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -948,6 +948,22 @@ ol.utrecht-breadcrumb__list {
948
948
  -webkit-user-select: none;
949
949
  user-select: none;
950
950
  }
951
+ @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
952
+ .utrecht-button {
953
+ --_utrecht-button-disabled-border-color: GrayText;
954
+ --_utrecht-button-disabled-color: GrayText;
955
+ /*
956
+ * `<button>` has these styles by default, but other elements styles as button do not:
957
+ *
958
+ * - `<div role="button">` needs this.
959
+ * - `<a role="button">` needs this.
960
+ */
961
+ background-color: ButtonFace;
962
+ border-color: buttonborder;
963
+ color: ButtonText;
964
+ /* TODO: Find a way to express the `pressed` state */
965
+ }
966
+ }
951
967
 
952
968
  .utrecht-button--distanced {
953
969
  margin-block-end: var(--utrecht-button-margin-block-end);
@@ -1830,6 +1846,22 @@ ol.utrecht-breadcrumb__list {
1830
1846
  cursor: var(--utrecht-action-navigate-cursor, pointer);
1831
1847
  text-decoration: none;
1832
1848
  }
1849
+ @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
1850
+ .utrecht-button-link {
1851
+ --_utrecht-button-disabled-border-color: GrayText;
1852
+ --_utrecht-button-disabled-color: GrayText;
1853
+ /*
1854
+ * `<button>` has these styles by default, but other elements styles as button do not:
1855
+ *
1856
+ * - `<div role="button">` needs this.
1857
+ * - `<a role="button">` needs this.
1858
+ */
1859
+ background-color: ButtonFace;
1860
+ border-color: buttonborder;
1861
+ color: ButtonText;
1862
+ /* TODO: Find a way to express the `pressed` state */
1863
+ }
1864
+ }
1833
1865
 
1834
1866
  .utrecht-button-link--active {
1835
1867
  background-color: var(--_utrecht-button-active-background-color);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.509",
2
+ "version": "1.0.0-alpha.510",
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": "c70ef3168f178c806e3086465a3fec5c16f1078a"
29
+ "gitHead": "a108e07065dd06439d6bd573fe04903210fec577"
30
30
  }