@utrecht/component-library-css 1.0.0-alpha.556 → 1.0.0-alpha.558

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 (3) hide show
  1. package/dist/html.css +0 -7
  2. package/dist/index.css +9 -13
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -690,7 +690,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
690
690
  gap: var(--utrecht-button-icon-gap);
691
691
  inline-size: var(--utrecht-button-inline-size, auto);
692
692
  justify-content: center;
693
- letter-spacing: var(--utrecht-button-letter-spacing);
694
693
  line-height: var(--utrecht-button-line-height);
695
694
  min-block-size: var(--utrecht-button-min-block-size, 44px);
696
695
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
@@ -898,7 +897,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
898
897
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
899
898
  font-size: var(--utrecht-heading-1-font-size, revert);
900
899
  font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
901
- letter-spacing: var(--utrecht-heading-1-letter-spacing);
902
900
  line-height: var(--utrecht-heading-1-line-height);
903
901
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
904
902
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
@@ -912,7 +910,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
912
910
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
913
911
  font-size: var(--utrecht-heading-2-font-size, revert);
914
912
  font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
915
- letter-spacing: var(--utrecht-heading-2-letter-spacing);
916
913
  line-height: var(--utrecht-heading-2-line-height);
917
914
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
918
915
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
@@ -926,7 +923,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
926
923
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
927
924
  font-size: var(--utrecht-heading-3-font-size, revert);
928
925
  font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
929
- letter-spacing: var(--utrecht-heading-3-letter-spacing);
930
926
  line-height: var(--utrecht-heading-3-line-height);
931
927
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
932
928
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
@@ -940,7 +936,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
940
936
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
941
937
  font-size: var(--utrecht-heading-4-font-size, revert);
942
938
  font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
943
- letter-spacing: var(--utrecht-heading-4-letter-spacing);
944
939
  line-height: var(--utrecht-heading-4-line-height);
945
940
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
946
941
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
@@ -954,7 +949,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
954
949
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
955
950
  font-size: var(--utrecht-heading-5-font-size, revert);
956
951
  font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
957
- letter-spacing: var(--utrecht-heading-5-letter-spacing);
958
952
  line-height: var(--utrecht-heading-5-line-height);
959
953
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
960
954
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
@@ -968,7 +962,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
968
962
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
969
963
  font-size: var(--utrecht-heading-6-font-size, revert);
970
964
  font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
971
- letter-spacing: var(--utrecht-heading-6-letter-spacing);
972
965
  line-height: var(--utrecht-heading-6-line-height);
973
966
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
974
967
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
package/dist/index.css CHANGED
@@ -1043,7 +1043,6 @@ ol.utrecht-breadcrumb__list {
1043
1043
  gap: var(--utrecht-button-icon-gap);
1044
1044
  inline-size: var(--utrecht-button-inline-size, auto);
1045
1045
  justify-content: center;
1046
- letter-spacing: var(--utrecht-button-letter-spacing);
1047
1046
  line-height: var(--utrecht-button-line-height);
1048
1047
  min-block-size: var(--utrecht-button-min-block-size, 44px);
1049
1048
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
@@ -2023,7 +2022,6 @@ ol.utrecht-breadcrumb__list {
2023
2022
  gap: var(--utrecht-button-icon-gap);
2024
2023
  inline-size: var(--utrecht-button-inline-size, auto);
2025
2024
  justify-content: center;
2026
- letter-spacing: var(--utrecht-button-letter-spacing);
2027
2025
  line-height: var(--utrecht-button-line-height);
2028
2026
  min-block-size: var(--utrecht-button-min-block-size, 44px);
2029
2027
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
@@ -3045,7 +3043,6 @@ ol.utrecht-breadcrumb__list {
3045
3043
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3046
3044
  font-size: var(--utrecht-heading-1-font-size, revert);
3047
3045
  font-weight: var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));
3048
- letter-spacing: var(--utrecht-heading-1-letter-spacing);
3049
3046
  line-height: var(--utrecht-heading-1-line-height);
3050
3047
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
3051
3048
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
@@ -3079,7 +3076,6 @@ ol.utrecht-breadcrumb__list {
3079
3076
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3080
3077
  font-size: var(--utrecht-heading-2-font-size, revert);
3081
3078
  font-weight: var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));
3082
- letter-spacing: var(--utrecht-heading-2-letter-spacing);
3083
3079
  line-height: var(--utrecht-heading-2-line-height);
3084
3080
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
3085
3081
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
@@ -3113,7 +3109,6 @@ ol.utrecht-breadcrumb__list {
3113
3109
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3114
3110
  font-size: var(--utrecht-heading-3-font-size, revert);
3115
3111
  font-weight: var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));
3116
- letter-spacing: var(--utrecht-heading-3-letter-spacing);
3117
3112
  line-height: var(--utrecht-heading-3-line-height);
3118
3113
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
3119
3114
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
@@ -3147,7 +3142,6 @@ ol.utrecht-breadcrumb__list {
3147
3142
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3148
3143
  font-size: var(--utrecht-heading-4-font-size, revert);
3149
3144
  font-weight: var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));
3150
- letter-spacing: var(--utrecht-heading-4-letter-spacing);
3151
3145
  line-height: var(--utrecht-heading-4-line-height);
3152
3146
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
3153
3147
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
@@ -3181,7 +3175,6 @@ ol.utrecht-breadcrumb__list {
3181
3175
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3182
3176
  font-size: var(--utrecht-heading-5-font-size, revert);
3183
3177
  font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
3184
- letter-spacing: var(--utrecht-heading-5-letter-spacing);
3185
3178
  line-height: var(--utrecht-heading-5-line-height);
3186
3179
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
3187
3180
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
@@ -3215,7 +3208,6 @@ ol.utrecht-breadcrumb__list {
3215
3208
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3216
3209
  font-size: var(--utrecht-heading-6-font-size, revert);
3217
3210
  font-weight: var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));
3218
- letter-spacing: var(--utrecht-heading-6-letter-spacing);
3219
3211
  line-height: var(--utrecht-heading-6-line-height);
3220
3212
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
3221
3213
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
@@ -3497,7 +3489,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
3497
3489
  gap: var(--utrecht-button-icon-gap);
3498
3490
  inline-size: var(--utrecht-button-inline-size, auto);
3499
3491
  justify-content: center;
3500
- letter-spacing: var(--utrecht-button-letter-spacing);
3501
3492
  line-height: inherit;
3502
3493
  min-block-size: var(--utrecht-button-min-block-size, 44px);
3503
3494
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
@@ -4748,7 +4739,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
4748
4739
  font-family: var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
4749
4740
  font-size: var(--utrecht-pre-heading-font-size);
4750
4741
  font-weight: var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));
4751
- letter-spacing: var(--utrecht-pre-heading-letter-spacing);
4752
4742
  line-height: var(--utrecht-pre-heading-line-height);
4753
4743
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));
4754
4744
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));
@@ -5100,7 +5090,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
5100
5090
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
5101
5091
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
5102
5092
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
5103
- --utrecht-button-letter-spacing: var(--utrecht-search-bar-button-letter-spacing);
5104
5093
  --utrecht-button-primary-action-background-color: var(--utrecht-search-bar-button-background-color);
5105
5094
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
5106
5095
  --utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-button-hover-background-color);
@@ -5329,10 +5318,17 @@ however browsers don't seem to have implemented great looking supixel tweening y
5329
5318
  */
5330
5319
  /* stylelint-disable-next-line block-no-empty */
5331
5320
  .utrecht-skip-link {
5321
+ /* Use `ButtonFace` as default `background-color`
5322
+ * to ensure the skip link is not transparent and unreadable
5323
+ * when CSS variables are not defined.
5324
+ *
5325
+ * My only concern with this is that it makes it look like a button,
5326
+ * and it implies the `Space` button should work, but it won't work.
5327
+ */
5332
5328
  align-items: center;
5333
- background-color: var(--utrecht-skip-link-background-color);
5329
+ background-color: var(--utrecht-skip-link-background-color, ButtonFace);
5334
5330
  box-sizing: border-box;
5335
- color: var(--utrecht-skip-link-color);
5331
+ color: var(--utrecht-skip-link-color, ButtonText);
5336
5332
  display: inline-flex;
5337
5333
  justify-content: center;
5338
5334
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.556",
2
+ "version": "1.0.0-alpha.558",
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": "b09e06c64162b659684790a3d324dfaa25742a74"
29
+ "gitHead": "e96f8d3b2a7f09b49d1f01d1c887c42c23c6f7b5"
30
30
  }