@utrecht/component-library-css 7.4.2 → 7.5.1

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/index.css CHANGED
@@ -113,6 +113,43 @@
113
113
  margin-block-end: 0;
114
114
  margin-block-start: 0;
115
115
  }
116
+ .utrecht-action-group {
117
+ align-items: baseline;
118
+ background-color: var(--utrecht-action-group-background-color);
119
+ break-inside: avoid;
120
+ display: flex;
121
+ flex-wrap: wrap;
122
+ gap: var(--utrecht-action-group-inline-gap, 1em);
123
+ margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-end, 0));
124
+ margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-start, 0));
125
+ min-block-size: var(--utrecht-button-block-size);
126
+ padding-block-end: var(--utrecht-action-group-padding-block-end);
127
+ padding-block-start: var(--utrecht-action-group-padding-block-start);
128
+ }
129
+
130
+ .utrecht-action-group--distanced {
131
+ --utrecht-space-around: 1;
132
+ }
133
+
134
+ .utrecht-action-group__link-button--row,
135
+ .utrecht-action-group--row .utrecht-link-button,
136
+ .utrecht-action-group:not(.utrecht-action-group--column) .utrecht-link-button {
137
+ --utrecht-button-padding-inline-end: 0;
138
+ --utrecht-button-padding-inline-start: 0;
139
+ }
140
+
141
+ .utrecht-action-group--column {
142
+ flex-direction: column;
143
+ gap: var(--utrecht-button-group-block-gap, 1em);
144
+ }
145
+
146
+ .utrecht-action-group--column-stretch {
147
+ flex-direction: column;
148
+ gap: var(--utrecht-button-group-block-gap, 1em);
149
+ --utrecht-button-max-inline-size: none;
150
+ align-items: stretch;
151
+ inline-size: fit-content;
152
+ }
116
153
  .utrecht-alert-dialog:not(dialog:not([open])) {
117
154
  --utrecht-alert-dialog-margin-block-start: auto;
118
155
  --utrecht-alert-dialog-margin-block-end: auto;
@@ -4299,6 +4336,9 @@
4299
4336
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
4300
4337
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4301
4338
  }
4339
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-action-group) {
4340
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4341
+ }
4302
4342
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
4303
4343
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4304
4344
  }
@@ -4356,6 +4396,9 @@
4356
4396
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
4357
4397
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4358
4398
  }
4399
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-action-group) {
4400
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4401
+ }
4359
4402
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
4360
4403
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4361
4404
  }
@@ -4419,6 +4462,9 @@
4419
4462
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
4420
4463
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4421
4464
  }
4465
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-action-group) {
4466
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4467
+ }
4422
4468
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
4423
4469
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4424
4470
  }
@@ -4482,6 +4528,9 @@
4482
4528
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
4483
4529
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4484
4530
  }
4531
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-action-group) {
4532
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4533
+ }
4485
4534
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
4486
4535
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4487
4536
  }
@@ -4545,6 +4594,9 @@
4545
4594
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
4546
4595
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4547
4596
  }
4597
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-action-group) {
4598
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4599
+ }
4548
4600
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
4549
4601
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4550
4602
  }
@@ -4605,6 +4657,9 @@
4605
4657
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
4606
4658
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4607
4659
  }
4660
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-action-group) {
4661
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4662
+ }
4608
4663
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
4609
4664
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4610
4665
  }
@@ -4680,6 +4735,9 @@
4680
4735
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
4681
4736
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4682
4737
  }
4738
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-action-group) {
4739
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4740
+ }
4683
4741
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
4684
4742
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4685
4743
  }
@@ -4752,6 +4810,9 @@
4752
4810
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
4753
4811
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4754
4812
  }
4813
+ .utrecht-rich-text .utrecht-alert:has(+ .utrecht-action-group) {
4814
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4815
+ }
4755
4816
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
4756
4817
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4757
4818
  }
@@ -4824,6 +4885,9 @@
4824
4885
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
4825
4886
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4826
4887
  }
4888
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-action-group) {
4889
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4890
+ }
4827
4891
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
4828
4892
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4829
4893
  }
@@ -4890,6 +4954,9 @@
4890
4954
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
4891
4955
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4892
4956
  }
4957
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-action-group) {
4958
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4959
+ }
4893
4960
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
4894
4961
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4895
4962
  }
@@ -4962,6 +5029,9 @@
4962
5029
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
4963
5030
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4964
5031
  }
5032
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-action-group) {
5033
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5034
+ }
4965
5035
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
4966
5036
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4967
5037
  }
@@ -5037,6 +5107,9 @@
5037
5107
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
5038
5108
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5039
5109
  }
5110
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-action-group) {
5111
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5112
+ }
5040
5113
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
5041
5114
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5042
5115
  }
@@ -5103,6 +5176,9 @@
5103
5176
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
5104
5177
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5105
5178
  }
5179
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-action-group) {
5180
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5181
+ }
5106
5182
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
5107
5183
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5108
5184
  }
@@ -5133,6 +5209,75 @@
5133
5209
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
5134
5210
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5135
5211
  }
5212
+ .utrecht-rich-text .utrecht-action-group:first-child {
5213
+ --utrecht-action-group-margin-block-start: 0;
5214
+ }
5215
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-2) {
5216
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5217
+ }
5218
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-3) {
5219
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5220
+ }
5221
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-4) {
5222
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5223
+ }
5224
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-5) {
5225
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5226
+ }
5227
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-6) {
5228
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5229
+ }
5230
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-accordion) {
5231
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5232
+ }
5233
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-alert) {
5234
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5235
+ }
5236
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-badge-list) {
5237
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5238
+ }
5239
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-blockquote) {
5240
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5241
+ }
5242
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button) {
5243
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5244
+ }
5245
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button-group) {
5246
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5247
+ }
5248
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-action-group) {
5249
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5250
+ }
5251
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-data-list) {
5252
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5253
+ }
5254
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-figure) {
5255
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5256
+ }
5257
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-img) {
5258
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5259
+ }
5260
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-link) {
5261
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5262
+ }
5263
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-ordered-list) {
5264
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5265
+ }
5266
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
5267
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5268
+ }
5269
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
5270
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5271
+ }
5272
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-sidenav) {
5273
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5274
+ }
5275
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-table) {
5276
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5277
+ }
5278
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-unordered-list) {
5279
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5280
+ }
5136
5281
  .utrecht-rich-text .utrecht-data-list:first-child {
5137
5282
  --utrecht-data-list-margin-block-start: 0;
5138
5283
  }
@@ -5169,6 +5314,9 @@
5169
5314
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
5170
5315
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5171
5316
  }
5317
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-action-group) {
5318
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5319
+ }
5172
5320
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
5173
5321
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5174
5322
  }
@@ -5238,6 +5386,9 @@
5238
5386
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
5239
5387
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5240
5388
  }
5389
+ .utrecht-rich-text .utrecht-figure:has(+ .utrecht-action-group) {
5390
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5391
+ }
5241
5392
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
5242
5393
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5243
5394
  }
@@ -5304,6 +5455,9 @@
5304
5455
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
5305
5456
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5306
5457
  }
5458
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-action-group) {
5459
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5460
+ }
5307
5461
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
5308
5462
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5309
5463
  }
@@ -5421,6 +5575,9 @@
5421
5575
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
5422
5576
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5423
5577
  }
5578
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-action-group) {
5579
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5580
+ }
5424
5581
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
5425
5582
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5426
5583
  }
@@ -5487,6 +5644,9 @@
5487
5644
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
5488
5645
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5489
5646
  }
5647
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-action-group) {
5648
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5649
+ }
5490
5650
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
5491
5651
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5492
5652
  }
@@ -5553,6 +5713,9 @@
5553
5713
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
5554
5714
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5555
5715
  }
5716
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-action-group) {
5717
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5718
+ }
5556
5719
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
5557
5720
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5558
5721
  }
@@ -5619,6 +5782,9 @@
5619
5782
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
5620
5783
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5621
5784
  }
5785
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-action-group) {
5786
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5787
+ }
5622
5788
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
5623
5789
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5624
5790
  }
@@ -5682,6 +5848,9 @@
5682
5848
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
5683
5849
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5684
5850
  }
5851
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-action-group) {
5852
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5853
+ }
5685
5854
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
5686
5855
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5687
5856
  }
@@ -5760,6 +5929,9 @@
5760
5929
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
5761
5930
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5762
5931
  }
5932
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-action-group) {
5933
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5934
+ }
5763
5935
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
5764
5936
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5765
5937
  }
@@ -5832,6 +6004,9 @@
5832
6004
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
5833
6005
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5834
6006
  }
6007
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-action-group) {
6008
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6009
+ }
5835
6010
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
5836
6011
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5837
6012
  }
@@ -5916,6 +6091,9 @@
5916
6091
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
5917
6092
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5918
6093
  }
6094
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-action-group) {
6095
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6096
+ }
5919
6097
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
5920
6098
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5921
6099
  }
@@ -6000,6 +6178,9 @@
6000
6178
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
6001
6179
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6002
6180
  }
6181
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-action-group) {
6182
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6183
+ }
6003
6184
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
6004
6185
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6005
6186
  }
@@ -112,6 +112,43 @@
112
112
  margin-bottom: 0;
113
113
  margin-top: 0;
114
114
  }
115
+ .utrecht-action-group {
116
+ align-items: baseline;
117
+ background-color: var(--utrecht-action-group-background-color);
118
+ break-inside: avoid;
119
+ display: flex;
120
+ flex-wrap: wrap;
121
+ gap: var(--utrecht-action-group-inline-gap, 1em);
122
+ margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-end, 0));
123
+ margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-start, 0));
124
+ min-height: var(--utrecht-button-block-size);
125
+ padding-bottom: var(--utrecht-action-group-padding-block-end);
126
+ padding-top: var(--utrecht-action-group-padding-block-start);
127
+ }
128
+
129
+ .utrecht-action-group--distanced {
130
+ --utrecht-space-around: 1;
131
+ }
132
+
133
+ .utrecht-action-group__link-button--row,
134
+ .utrecht-action-group--row .utrecht-link-button,
135
+ .utrecht-action-group:not(.utrecht-action-group--column) .utrecht-link-button {
136
+ --utrecht-button-padding-inline-end: 0;
137
+ --utrecht-button-padding-inline-start: 0;
138
+ }
139
+
140
+ .utrecht-action-group--column {
141
+ flex-direction: column;
142
+ gap: var(--utrecht-button-group-block-gap, 1em);
143
+ }
144
+
145
+ .utrecht-action-group--column-stretch {
146
+ flex-direction: column;
147
+ gap: var(--utrecht-button-group-block-gap, 1em);
148
+ --utrecht-button-max-inline-size: none;
149
+ align-items: stretch;
150
+ width: fit-content;
151
+ }
115
152
  .utrecht-alert-dialog:not(dialog:not([open])) {
116
153
  --utrecht-alert-dialog-margin-block-start: auto;
117
154
  --utrecht-alert-dialog-margin-block-end: auto;
@@ -4162,6 +4199,9 @@
4162
4199
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
4163
4200
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4164
4201
  }
4202
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-action-group) {
4203
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4204
+ }
4165
4205
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
4166
4206
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4167
4207
  }
@@ -4219,6 +4259,9 @@
4219
4259
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
4220
4260
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4221
4261
  }
4262
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-action-group) {
4263
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4264
+ }
4222
4265
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
4223
4266
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4224
4267
  }
@@ -4282,6 +4325,9 @@
4282
4325
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
4283
4326
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4284
4327
  }
4328
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-action-group) {
4329
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4330
+ }
4285
4331
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
4286
4332
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4287
4333
  }
@@ -4345,6 +4391,9 @@
4345
4391
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
4346
4392
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4347
4393
  }
4394
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-action-group) {
4395
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4396
+ }
4348
4397
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
4349
4398
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4350
4399
  }
@@ -4408,6 +4457,9 @@
4408
4457
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
4409
4458
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4410
4459
  }
4460
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-action-group) {
4461
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4462
+ }
4411
4463
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
4412
4464
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4413
4465
  }
@@ -4468,6 +4520,9 @@
4468
4520
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
4469
4521
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4470
4522
  }
4523
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-action-group) {
4524
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4525
+ }
4471
4526
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
4472
4527
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4473
4528
  }
@@ -4543,6 +4598,9 @@
4543
4598
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
4544
4599
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4545
4600
  }
4601
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-action-group) {
4602
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4603
+ }
4546
4604
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
4547
4605
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4548
4606
  }
@@ -4615,6 +4673,9 @@
4615
4673
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
4616
4674
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4617
4675
  }
4676
+ .utrecht-rich-text .utrecht-alert:has(+ .utrecht-action-group) {
4677
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4678
+ }
4618
4679
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
4619
4680
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4620
4681
  }
@@ -4687,6 +4748,9 @@
4687
4748
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
4688
4749
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4689
4750
  }
4751
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-action-group) {
4752
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4753
+ }
4690
4754
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
4691
4755
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4692
4756
  }
@@ -4753,6 +4817,9 @@
4753
4817
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
4754
4818
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4755
4819
  }
4820
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-action-group) {
4821
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4822
+ }
4756
4823
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
4757
4824
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4758
4825
  }
@@ -4825,6 +4892,9 @@
4825
4892
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
4826
4893
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4827
4894
  }
4895
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-action-group) {
4896
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4897
+ }
4828
4898
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
4829
4899
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4830
4900
  }
@@ -4900,6 +4970,9 @@
4900
4970
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
4901
4971
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4902
4972
  }
4973
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-action-group) {
4974
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4975
+ }
4903
4976
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
4904
4977
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4905
4978
  }
@@ -4966,6 +5039,9 @@
4966
5039
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
4967
5040
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4968
5041
  }
5042
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-action-group) {
5043
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5044
+ }
4969
5045
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
4970
5046
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4971
5047
  }
@@ -4996,6 +5072,75 @@
4996
5072
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
4997
5073
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4998
5074
  }
5075
+ .utrecht-rich-text .utrecht-action-group:first-child {
5076
+ --utrecht-action-group-margin-block-start: 0;
5077
+ }
5078
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-2) {
5079
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5080
+ }
5081
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-3) {
5082
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5083
+ }
5084
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-4) {
5085
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5086
+ }
5087
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-5) {
5088
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5089
+ }
5090
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-6) {
5091
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5092
+ }
5093
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-accordion) {
5094
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5095
+ }
5096
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-alert) {
5097
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5098
+ }
5099
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-badge-list) {
5100
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5101
+ }
5102
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-blockquote) {
5103
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5104
+ }
5105
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button) {
5106
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5107
+ }
5108
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button-group) {
5109
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5110
+ }
5111
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-action-group) {
5112
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5113
+ }
5114
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-data-list) {
5115
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5116
+ }
5117
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-figure) {
5118
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5119
+ }
5120
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-img) {
5121
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5122
+ }
5123
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-link) {
5124
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5125
+ }
5126
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-ordered-list) {
5127
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5128
+ }
5129
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
5130
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5131
+ }
5132
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
5133
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5134
+ }
5135
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-sidenav) {
5136
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5137
+ }
5138
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-table) {
5139
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5140
+ }
5141
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-unordered-list) {
5142
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5143
+ }
4999
5144
  .utrecht-rich-text .utrecht-data-list:first-child {
5000
5145
  --utrecht-data-list-margin-block-start: 0;
5001
5146
  }
@@ -5032,6 +5177,9 @@
5032
5177
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
5033
5178
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5034
5179
  }
5180
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-action-group) {
5181
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5182
+ }
5035
5183
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
5036
5184
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5037
5185
  }
@@ -5101,6 +5249,9 @@
5101
5249
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
5102
5250
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5103
5251
  }
5252
+ .utrecht-rich-text .utrecht-figure:has(+ .utrecht-action-group) {
5253
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5254
+ }
5104
5255
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
5105
5256
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5106
5257
  }
@@ -5167,6 +5318,9 @@
5167
5318
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
5168
5319
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5169
5320
  }
5321
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-action-group) {
5322
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5323
+ }
5170
5324
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
5171
5325
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5172
5326
  }
@@ -5284,6 +5438,9 @@
5284
5438
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
5285
5439
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5286
5440
  }
5441
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-action-group) {
5442
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5443
+ }
5287
5444
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
5288
5445
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5289
5446
  }
@@ -5350,6 +5507,9 @@
5350
5507
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
5351
5508
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5352
5509
  }
5510
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-action-group) {
5511
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5512
+ }
5353
5513
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
5354
5514
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5355
5515
  }
@@ -5416,6 +5576,9 @@
5416
5576
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
5417
5577
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5418
5578
  }
5579
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-action-group) {
5580
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5581
+ }
5419
5582
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
5420
5583
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5421
5584
  }
@@ -5482,6 +5645,9 @@
5482
5645
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
5483
5646
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5484
5647
  }
5648
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-action-group) {
5649
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5650
+ }
5485
5651
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
5486
5652
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5487
5653
  }
@@ -5545,6 +5711,9 @@
5545
5711
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
5546
5712
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5547
5713
  }
5714
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-action-group) {
5715
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5716
+ }
5548
5717
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
5549
5718
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5550
5719
  }
@@ -5623,6 +5792,9 @@
5623
5792
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
5624
5793
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5625
5794
  }
5795
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-action-group) {
5796
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5797
+ }
5626
5798
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
5627
5799
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5628
5800
  }
@@ -5695,6 +5867,9 @@
5695
5867
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
5696
5868
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5697
5869
  }
5870
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-action-group) {
5871
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5872
+ }
5698
5873
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
5699
5874
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5700
5875
  }
@@ -5779,6 +5954,9 @@
5779
5954
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
5780
5955
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5781
5956
  }
5957
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-action-group) {
5958
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5959
+ }
5782
5960
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
5783
5961
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5784
5962
  }
@@ -5863,6 +6041,9 @@
5863
6041
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
5864
6042
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5865
6043
  }
6044
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-action-group) {
6045
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6046
+ }
5866
6047
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
5867
6048
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5868
6049
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.4.2",
2
+ "version": "7.5.1",
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",
@@ -21,6 +21,7 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@utrecht/accordion-css": "2.0.0",
24
+ "@utrecht/action-group-css": "1.1.0",
24
25
  "@utrecht/alert-css": "2.4.0",
25
26
  "@utrecht/alert-dialog-css": "1.4.2",
26
27
  "@utrecht/alternate-lang-nav-css": "1.3.1",
@@ -31,9 +32,9 @@
31
32
  "@utrecht/badge-status-css": "1.4.1",
32
33
  "@utrecht/blockquote-css": "1.6.1",
33
34
  "@utrecht/body-css": "1.2.1",
34
- "@utrecht/breadcrumb-nav-css": "1.5.0",
35
+ "@utrecht/breadcrumb-nav-css": "1.5.1",
35
36
  "@utrecht/button-css": "2.3.1",
36
- "@utrecht/button-group-css": "1.4.1",
37
+ "@utrecht/button-group-css": "1.5.0",
37
38
  "@utrecht/button-link-css": "1.3.1",
38
39
  "@utrecht/calendar-css": "1.4.1",
39
40
  "@utrecht/checkbox-css": "1.6.1",
@@ -41,8 +42,8 @@
41
42
  "@utrecht/code-css": "1.5.1",
42
43
  "@utrecht/color-sample-css": "1.4.1",
43
44
  "@utrecht/column-layout-css": "1.5.1",
44
- "@utrecht/combobox-css": "1.4.1",
45
45
  "@utrecht/currency-data-css": "1.3.1",
46
+ "@utrecht/combobox-css": "1.4.1",
46
47
  "@utrecht/custom-checkbox-css": "1.3.2",
47
48
  "@utrecht/data-badge-css": "1.0.1",
48
49
  "@utrecht/data-list-css": "1.4.1",
@@ -71,13 +72,13 @@
71
72
  "@utrecht/icon-css": "2.0.1",
72
73
  "@utrecht/img-css": "1.3.1",
73
74
  "@utrecht/index-char-nav-css": "1.4.1",
74
- "@utrecht/link-button-css": "1.4.1",
75
75
  "@utrecht/link-css": "1.6.1",
76
+ "@utrecht/link-button-css": "1.4.1",
76
77
  "@utrecht/link-list-css": "2.3.1",
77
78
  "@utrecht/link-social-css": "1.4.1",
78
- "@utrecht/list-social-css": "1.4.1",
79
- "@utrecht/listbox-css": "1.5.2",
80
79
  "@utrecht/logo-button-css": "1.4.1",
80
+ "@utrecht/listbox-css": "1.5.2",
81
+ "@utrecht/list-social-css": "1.4.1",
81
82
  "@utrecht/logo-css": "1.4.1",
82
83
  "@utrecht/logo-image-css": "1.4.1",
83
84
  "@utrecht/map-marker-css": "1.4.1",
@@ -96,11 +97,11 @@
96
97
  "@utrecht/page-layout-css": "1.1.1",
97
98
  "@utrecht/pagination-css": "1.4.1",
98
99
  "@utrecht/paragraph-css": "2.3.1",
99
- "@utrecht/preserve-data-css": "1.3.1",
100
100
  "@utrecht/pre-heading-css": "1.4.1",
101
+ "@utrecht/preserve-data-css": "1.3.1",
101
102
  "@utrecht/radio-button-css": "1.6.1",
103
+ "@utrecht/rich-text-css": "1.4.0",
102
104
  "@utrecht/root-css": "1.2.1",
103
- "@utrecht/rich-text-css": "1.3.1",
104
105
  "@utrecht/search-bar-css": "2.2.1",
105
106
  "@utrecht/select-css": "1.8.1",
106
107
  "@utrecht/separator-css": "1.5.1",
@@ -109,14 +110,14 @@
109
110
  "@utrecht/surface-css": "1.4.1",
110
111
  "@utrecht/table-css": "1.6.1",
111
112
  "@utrecht/table-of-contents-css": "0.3.1",
113
+ "@utrecht/textarea-css": "2.3.2",
114
+ "@utrecht/textbox-css": "2.0.0",
112
115
  "@utrecht/tooltip-css": "1.0.0",
113
116
  "@utrecht/top-task-link-css": "1.4.1",
114
117
  "@utrecht/top-task-nav-css": "1.3.1",
115
118
  "@utrecht/unordered-list-css": "1.5.1",
116
119
  "@utrecht/url-data-css": "1.3.1",
117
- "@utrecht/youtube-video-css": "1.0.0",
118
- "@utrecht/textbox-css": "2.0.0",
119
- "@utrecht/textarea-css": "2.3.2"
120
+ "@utrecht/youtube-video-css": "1.0.0"
120
121
  },
121
122
  "devDependencies": {
122
123
  "postcss": "8.4.38",