@utrecht/component-library-css 1.0.0-alpha.570 → 1.0.0-alpha.573

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 +9 -9
  2. package/dist/index.css +63 -31
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -685,7 +685,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
685
685
  border-width: var(--_utrecht-button-border-width);
686
686
  box-sizing: border-box;
687
687
  color: var(--_utrecht-button-color);
688
- cursor: var(--utrecht-action-activate-cursor);
688
+ cursor: var(--utrecht-action-activate-cursor, revert);
689
689
  display: inline-flex;
690
690
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
691
691
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
@@ -710,19 +710,19 @@ however browsers don't seem to have implemented great looking supixel tweening y
710
710
  }
711
711
  .utrecht-html button[type=submit i],
712
712
  .utrecht-html input[type=submit i] {
713
- cursor: var(--utrecht-action-submit-cursor);
713
+ cursor: var(--utrecht-action-submit-cursor, revert);
714
714
  }
715
715
  .utrecht-html button:disabled,
716
716
  .utrecht-html button[aria-disabled=true] {
717
717
  background-color: var(--_utrecht-button-disabled-background-color);
718
718
  border-color: var(--_utrecht-button-disabled-border-color);
719
719
  color: var(--_utrecht-button-disabled-color);
720
- cursor: var(--utrecht-action-disabled-cursor);
720
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
721
721
  }
722
722
  .utrecht-html button[aria-busy=true],
723
723
  .utrecht-html button[aria-disabled=true][aria-busy=true],
724
724
  .utrecht-html button:disabled[aria-busy=true] {
725
- cursor: var(--utrecht-action-busy-cursor);
725
+ cursor: var(--utrecht-action-busy-cursor, wait);
726
726
  }
727
727
  .utrecht-html button:active:not([aria-disabled=true], :disabled) {
728
728
  background-color: var(--_utrecht-button-active-background-color);
@@ -1154,7 +1154,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1154
1154
  border-radius: 50%;
1155
1155
  border-style: solid;
1156
1156
  border-width: var(--_utrecht-radio-button-border-width);
1157
- cursor: var(--utrecht-action-activate-cursor);
1157
+ cursor: var(--utrecht-action-activate-cursor, revert);
1158
1158
  inline-size: var(--utrecht-radio-button-size, 1em);
1159
1159
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
1160
1160
  min-block-size: 24px;
@@ -1213,7 +1213,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1213
1213
  --_utrecht-radio-button-hover-border-color: var(--_utrecht-radio-button-border-color);
1214
1214
  --_utrecht-radio-button-hover-border-width: var(--_utrecht-radio-button-border-width);
1215
1215
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
1216
- cursor: var(--utrecht-action-disabled-cursor);
1216
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1217
1217
  }
1218
1218
  .utrecht-html input[type=radio i]:invalid, .utrecht-html input[type=radio i][aria-invalid=true] {
1219
1219
  border-color: var(--utrecht-radio-button-invalid-border-color, var(--utrecht-radio-button-border-color));
@@ -1339,7 +1339,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1339
1339
  background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
1340
1340
  border-color: var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
1341
1341
  color: var(--utrecht-select-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
1342
- cursor: var(--utrecht-action-disabled-cursor);
1342
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1343
1343
  }
1344
1344
  .utrecht-html select[aria-invalid=true] {
1345
1345
  --_utrecht-select-border-width: var(
@@ -1551,7 +1551,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1551
1551
  background-color: var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
1552
1552
  border-color: var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
1553
1553
  color: var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1554
- cursor: var(--utrecht-action-disabled-cursor);
1554
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1555
1555
  }
1556
1556
  .utrecht-html textarea::placeholder {
1557
1557
  color: var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
@@ -1713,7 +1713,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1713
1713
  background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
1714
1714
  border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
1715
1715
  color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1716
- cursor: var(--utrecht-action-disabled-cursor);
1716
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1717
1717
  }
1718
1718
  .utrecht-html input:not([type])::placeholder,
1719
1719
  .utrecht-html input[type=date i]::placeholder,
package/dist/index.css CHANGED
@@ -292,6 +292,36 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
292
292
  --_utrecht-alert-color: var(--utrecht-alert-warning-color);
293
293
  }
294
294
 
295
+ /**
296
+ * @license EUPL-1.2
297
+ * Copyright (c) 2020-2022 Gemeente Utrecht
298
+ * Copyright (c) 2020-2022 Frameless B.V.
299
+ */
300
+ /**
301
+ * @license EUPL-1.2
302
+ * Copyright (c) 2020-2022 Gemeente Utrecht
303
+ * Copyright (c) 2020-2022 Frameless B.V.
304
+ */
305
+ /* stylelint-disable-next-line block-no-empty */
306
+ .utrecht-index-char-nav {
307
+ --utrecht-button-padding-inline-start: 1ch;
308
+ --utrecht-button-padding-inline-end: 1ch;
309
+ display: flex;
310
+ flex-wrap: wrap;
311
+ gap: var(--utrecht-index-char-nav-gap);
312
+ margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
313
+ margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
314
+ }
315
+
316
+ .utrecht-index-char-nav__link--current {
317
+ --utrecht-button-primary-action-font-weight: var(--utrecht-index-char-nav-link-current-font-weight);
318
+ --utrecht-button-link-primary-action-font-weight: var(--utrecht-index-char-nav-link-current-font-weight);
319
+ }
320
+
321
+ .utrecht-index-char-nav__link--disabled {
322
+ pointer-events: none;
323
+ }
324
+
295
325
  /**
296
326
  * @license EUPL-1.2
297
327
  * Copyright (c) 2020-2022 Gemeente Utrecht
@@ -726,10 +756,13 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
726
756
  */
727
757
  --_utrecht-breadcrumb-separator-display: inline-flex;
728
758
  --utrecht-icon-size: var(--utrecht-breadcrumb-separator-icon-size);
729
- --utrecht-icon-color: var(--utrecht-breadcrumb-separator-icon-color);
730
759
  align-items: center;
760
+ color: var(--utrecht-breadcrumb-separator-color);
761
+ cursor: var(--utrecht-action-inert-cursor, default);
731
762
  display: var(--_utrecht-breadcrumb-separator-display);
732
763
  inline-size: fit-content;
764
+ -webkit-user-select: none;
765
+ user-select: none;
733
766
  }
734
767
 
735
768
  .utrecht-breadcrumb__separator--html-li {
@@ -739,10 +772,13 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
739
772
  */
740
773
  --_utrecht-breadcrumb-separator-display: inline-flex;
741
774
  --utrecht-icon-size: var(--utrecht-breadcrumb-separator-icon-size);
742
- --utrecht-icon-color: var(--utrecht-breadcrumb-separator-icon-color);
743
775
  align-items: center;
776
+ color: var(--utrecht-breadcrumb-separator-color);
777
+ cursor: var(--utrecht-action-inert-cursor, default);
744
778
  display: var(--_utrecht-breadcrumb-separator-display);
745
779
  inline-size: fit-content;
780
+ -webkit-user-select: none;
781
+ user-select: none;
746
782
  }
747
783
 
748
784
  .utrecht-breadcrumb--arrows {
@@ -1034,7 +1070,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1034
1070
  border-width: var(--_utrecht-button-border-width);
1035
1071
  box-sizing: border-box;
1036
1072
  color: var(--_utrecht-button-color);
1037
- cursor: var(--utrecht-action-activate-cursor);
1073
+ cursor: var(--utrecht-action-activate-cursor, revert);
1038
1074
  display: inline-flex;
1039
1075
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
1040
1076
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
@@ -1079,11 +1115,11 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1079
1115
 
1080
1116
  .utrecht-button--submit {
1081
1117
  /* lower priority specificty than busy and disabled cursor */
1082
- cursor: var(--utrecht-action-submit-cursor);
1118
+ cursor: var(--utrecht-action-submit-cursor, revert);
1083
1119
  }
1084
1120
 
1085
1121
  .utrecht-button--busy {
1086
- cursor: var(--utrecht-action-busy-cursor);
1122
+ cursor: var(--utrecht-action-busy-cursor, wait);
1087
1123
  }
1088
1124
 
1089
1125
  .utrecht-button--pressed {
@@ -1097,7 +1133,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1097
1133
  background-color: var(--_utrecht-button-disabled-background-color);
1098
1134
  border-color: var(--_utrecht-button-disabled-border-color);
1099
1135
  color: var(--_utrecht-button-disabled-color);
1100
- cursor: var(--utrecht-action-disabled-cursor);
1136
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1101
1137
  }
1102
1138
 
1103
1139
  .utrecht-button--focus-visible {
@@ -2013,7 +2049,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2013
2049
  border-width: var(--_utrecht-button-border-width);
2014
2050
  box-sizing: border-box;
2015
2051
  color: var(--_utrecht-button-color);
2016
- cursor: var(--utrecht-action-activate-cursor);
2052
+ cursor: var(--utrecht-action-activate-cursor, revert);
2017
2053
  display: inline-flex;
2018
2054
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
2019
2055
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
@@ -2090,7 +2126,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2090
2126
  background-color: var(--_utrecht-button-disabled-background-color);
2091
2127
  border-color: var(--_utrecht-button-disabled-border-color);
2092
2128
  color: var(--_utrecht-button-disabled-color);
2093
- cursor: var(--utrecht-action-disabled-cursor);
2129
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
2094
2130
  }
2095
2131
 
2096
2132
  .utrecht-button-link--html-a:focus {
@@ -2324,7 +2360,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2324
2360
  .utrecht-custom-checkbox--disabled {
2325
2361
  border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
2326
2362
  border-width: var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));
2327
- cursor: var(--utrecht-action-disabled-cursor);
2363
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
2328
2364
  }
2329
2365
  .utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
2330
2366
  .utrecht-custom-checkbox--disabled:checked {
@@ -2394,7 +2430,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2394
2430
  .utrecht-custom-checkbox--html-input:disabled {
2395
2431
  border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
2396
2432
  border-width: var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));
2397
- cursor: var(--utrecht-action-disabled-cursor);
2433
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
2398
2434
  }
2399
2435
  .utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
2400
2436
  .utrecht-custom-checkbox--html-input:disabled:checked {
@@ -2900,7 +2936,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2900
2936
  border-style: var(--utrecht-form-toggle-border-style, solid);
2901
2937
  border-width: var(--utrecht-form-toggle-border-width, 1px);
2902
2938
  color: var(--utrecht-form-toggle-color);
2903
- cursor: var(--utrecht-action-activate-cursor);
2939
+ cursor: var(--utrecht-action-activate-cursor, revert);
2904
2940
  display: flex;
2905
2941
  inline-size: var(--utrecht-form-toggle-width, 6em);
2906
2942
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
@@ -2949,7 +2985,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2949
2985
  border-color: var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));
2950
2986
  border-style: var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));
2951
2987
  border-width: var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));
2952
- cursor: var(--utrecht-action-disabled-cursor);
2988
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
2953
2989
  }
2954
2990
 
2955
2991
  .utrecht-form-toggle__thumb {
@@ -3950,22 +3986,18 @@ however browsers don't seem to have implemented great looking supixel tweening y
3950
3986
  * Copyright (c) 2021 Robbert Broersma
3951
3987
  */
3952
3988
  .utrecht-logo {
3989
+ display: block;
3953
3990
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
3954
3991
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
3955
3992
  min-block-size: var(--utrecht-logo-min-block-size);
3956
3993
  min-inline-size: var(--utrecht-logo-min-inline-size);
3957
3994
  }
3958
3995
 
3959
- .utrecht-logo__decoration-1 {
3960
- fill: var(--utrecht-logo-decoration-1-color, #fff);
3961
- }
3962
-
3963
- .utrecht-logo__decoration-2 {
3964
- fill: var(--utrecht-logo-decoration-2-color, #c00);
3965
- }
3966
-
3967
- .utrecht-logo__decoration-3 {
3968
- fill: var(--utrecht-logo-decoration-3-color, #ffb70b);
3996
+ /* The element in side `<div class="utrecht-logo">` can be an `<img>`, `<svg>` or even a custom element. */
3997
+ .utrecht-logo > * {
3998
+ block-size: 100%;
3999
+ display: inline-block;
4000
+ inline-size: auto;
3969
4001
  }
3970
4002
 
3971
4003
  /**
@@ -4935,7 +4967,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
4935
4967
  border-radius: 50%;
4936
4968
  border-style: solid;
4937
4969
  border-width: var(--_utrecht-radio-button-border-width);
4938
- cursor: var(--utrecht-action-activate-cursor);
4970
+ cursor: var(--utrecht-action-activate-cursor, revert);
4939
4971
  inline-size: var(--utrecht-radio-button-size, 1em);
4940
4972
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
4941
4973
  min-block-size: 24px;
@@ -5065,7 +5097,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5065
5097
  --_utrecht-radio-button-hover-border-color: var(--_utrecht-radio-button-border-color);
5066
5098
  --_utrecht-radio-button-hover-border-width: var(--_utrecht-radio-button-border-width);
5067
5099
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
5068
- cursor: var(--utrecht-action-disabled-cursor);
5100
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
5069
5101
  }
5070
5102
 
5071
5103
  .utrecht-radio-button--invalid {
@@ -5124,7 +5156,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5124
5156
  --_utrecht-radio-button-hover-border-color: var(--_utrecht-radio-button-border-color);
5125
5157
  --_utrecht-radio-button-hover-border-width: var(--_utrecht-radio-button-border-width);
5126
5158
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
5127
- cursor: var(--utrecht-action-disabled-cursor);
5159
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
5128
5160
  }
5129
5161
  .utrecht-radio-button--html-input:invalid, .utrecht-radio-button--html-input[aria-invalid=true] {
5130
5162
  border-color: var(--utrecht-radio-button-invalid-border-color, var(--utrecht-radio-button-border-color));
@@ -5332,7 +5364,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5332
5364
  background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
5333
5365
  border-color: var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
5334
5366
  color: var(--utrecht-select-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
5335
- cursor: var(--utrecht-action-disabled-cursor);
5367
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
5336
5368
  }
5337
5369
 
5338
5370
  .utrecht-select--focus {
@@ -5402,7 +5434,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5402
5434
  background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
5403
5435
  border-color: var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
5404
5436
  color: var(--utrecht-select-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
5405
- cursor: var(--utrecht-action-disabled-cursor);
5437
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
5406
5438
  }
5407
5439
 
5408
5440
  /**
@@ -5950,7 +5982,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5950
5982
  background-color: var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
5951
5983
  border-color: var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
5952
5984
  color: var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
5953
- cursor: var(--utrecht-action-disabled-cursor);
5985
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
5954
5986
  }
5955
5987
 
5956
5988
  .utrecht-textarea--focus {
@@ -6037,7 +6069,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
6037
6069
  background-color: var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6038
6070
  border-color: var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6039
6071
  color: var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6040
- cursor: var(--utrecht-action-disabled-cursor);
6072
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
6041
6073
  }
6042
6074
  .utrecht-textarea--html-textarea::placeholder {
6043
6075
  color: var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
@@ -6109,7 +6141,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
6109
6141
  background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6110
6142
  border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6111
6143
  color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6112
- cursor: var(--utrecht-action-disabled-cursor);
6144
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
6113
6145
  }
6114
6146
 
6115
6147
  .utrecht-textbox--focus {
@@ -6228,7 +6260,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
6228
6260
  background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6229
6261
  border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6230
6262
  color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6231
- cursor: var(--utrecht-action-disabled-cursor);
6263
+ cursor: var(--utrecht-action-disabled-cursor, not-allowed);
6232
6264
  }
6233
6265
  .utrecht-textbox--html-input::placeholder {
6234
6266
  color: var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.570",
2
+ "version": "1.0.0-alpha.573",
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": "846acda8d46c731adefec5b01e696c2d89bdc55a"
29
+ "gitHead": "412f2518f161909519adaedbce1566221ad2f443"
30
30
  }