@utrecht/component-library-css 1.0.0-alpha.291 → 1.0.0-alpha.294

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 +28 -6
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -736,6 +736,26 @@ ol.utrecht-breadcrumb__list {
736
736
  outline-width: var(--utrecht-focus-outline-width, 0);
737
737
  }
738
738
 
739
+ .utrecht-button-link--html-button:hover {
740
+ background-color: var(--_utrecht-button-hover-background-color);
741
+ border-color: var(--_utrecht-button-hover-border-color);
742
+ color: var(--_utrecht-button-hover-color);
743
+ transform: scale(var(--utrecht-button-focus-transform-scale, 1));
744
+ }
745
+ .utrecht-button-link--html-button:focus {
746
+ background-color: var(--_utrecht-button-focus-background-color);
747
+ border-color: var(--_utrecht-button-focus-border-color);
748
+ color: var(--_utrecht-button-focus-color);
749
+ }
750
+ .utrecht-button-link--html-button:focus-visible {
751
+ /* the pseudo-class for `:focus-visible` is implemented via the mixin */
752
+ box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
753
+ outline-color: var(--utrecht-focus-outline-color, transparent);
754
+ outline-offset: var(--utrecht-focus-outline-offset, 0);
755
+ outline-style: var(--utrecht-focus-outline-style, solid);
756
+ outline-width: var(--utrecht-focus-outline-width, 0);
757
+ }
758
+
739
759
  /**
740
760
  * @license EUPL-1.2
741
761
  * Copyright (c) 2021 Robbert Broersma
@@ -1143,8 +1163,8 @@ ol.utrecht-breadcrumb__list {
1143
1163
  */
1144
1164
  .utrecht-digid-button {
1145
1165
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
1146
- --utrecht-logo-max-height: var(--utrecht-digid-button-block-size, 50px);
1147
- --utrecht-logo-max-width: var(--utrecht-digid-button-block-size, 50px);
1166
+ --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
1167
+ --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
1148
1168
  block-size: var(--utrecht-digid-button-block-size, 50px);
1149
1169
  display: inline-flex;
1150
1170
  gap: var(--utrecht-space-inline-sm);
@@ -2130,8 +2150,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
2130
2150
  */
2131
2151
  .utrecht-logo-button {
2132
2152
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
2133
- --utrecht-logo-max-height: var(--utrecht-logo-button-block-size, 50px);
2134
- --utrecht-logo-max-width: var(--utrecht-logo-button-block-size, 50px);
2153
+ --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
2154
+ --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
2135
2155
  display: inline-flex;
2136
2156
  gap: var(--utrecht-space-inline-sm);
2137
2157
  }
@@ -2155,8 +2175,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
2155
2175
  * Copyright (c) 2021 Robbert Broersma
2156
2176
  */
2157
2177
  .utrecht-logo {
2158
- max-height: var(--utrecht-logo-max-height, 192px);
2159
- max-width: var(--utrecht-logo-max-width, 96px);
2178
+ max-block-size: var(--utrecht-logo-max-block-size, 192px);
2179
+ max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
2180
+ min-block-size: var(--utrecht-logo-min-block-size);
2181
+ min-inline-size: var(--utrecht-logo-min-inline-size);
2160
2182
  }
2161
2183
 
2162
2184
  .utrecht-logo__decoration-1 {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.291",
2
+ "version": "1.0.0-alpha.294",
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",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.284",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.287",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.54.0"
@@ -27,5 +27,5 @@
27
27
  "clean": "rimraf dist/"
28
28
  },
29
29
  "main": "dist/index.css",
30
- "gitHead": "0e6201bcf27fee724a1b5cc43596d33e5932ccf2"
30
+ "gitHead": "fee03baa149ec04dae8fceca6281824851b900ea"
31
31
  }