@utrecht/component-library-css 7.4.1 → 7.5.0

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/html.css CHANGED
@@ -599,7 +599,7 @@
599
599
  box-sizing: border-box;
600
600
  font-family: var(--utrecht-document-font-family, inherit);
601
601
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
602
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
602
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
603
603
  list-style-type: decimal;
604
604
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
605
605
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
package/dist/index.css CHANGED
@@ -113,6 +113,35 @@
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-action-group-block-gap, 1em);
144
+ }
116
145
  .utrecht-alert-dialog:not(dialog:not([open])) {
117
146
  --utrecht-alert-dialog-margin-block-start: auto;
118
147
  --utrecht-alert-dialog-margin-block-end: auto;
@@ -3686,7 +3715,7 @@
3686
3715
  box-sizing: border-box;
3687
3716
  font-family: var(--utrecht-document-font-family, inherit);
3688
3717
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
3689
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3718
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3690
3719
  list-style-type: decimal;
3691
3720
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
3692
3721
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -4299,6 +4328,9 @@
4299
4328
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
4300
4329
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4301
4330
  }
4331
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-action-group) {
4332
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4333
+ }
4302
4334
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
4303
4335
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4304
4336
  }
@@ -4356,6 +4388,9 @@
4356
4388
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
4357
4389
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4358
4390
  }
4391
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-action-group) {
4392
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4393
+ }
4359
4394
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
4360
4395
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4361
4396
  }
@@ -4419,6 +4454,9 @@
4419
4454
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
4420
4455
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4421
4456
  }
4457
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-action-group) {
4458
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4459
+ }
4422
4460
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
4423
4461
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4424
4462
  }
@@ -4482,6 +4520,9 @@
4482
4520
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
4483
4521
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4484
4522
  }
4523
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-action-group) {
4524
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4525
+ }
4485
4526
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
4486
4527
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4487
4528
  }
@@ -4545,6 +4586,9 @@
4545
4586
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
4546
4587
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4547
4588
  }
4589
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-action-group) {
4590
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4591
+ }
4548
4592
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
4549
4593
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4550
4594
  }
@@ -4605,6 +4649,9 @@
4605
4649
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
4606
4650
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4607
4651
  }
4652
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-action-group) {
4653
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4654
+ }
4608
4655
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
4609
4656
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4610
4657
  }
@@ -4680,6 +4727,9 @@
4680
4727
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
4681
4728
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4682
4729
  }
4730
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-action-group) {
4731
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4732
+ }
4683
4733
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
4684
4734
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4685
4735
  }
@@ -4752,6 +4802,9 @@
4752
4802
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
4753
4803
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4754
4804
  }
4805
+ .utrecht-rich-text .utrecht-alert:has(+ .utrecht-action-group) {
4806
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4807
+ }
4755
4808
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
4756
4809
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4757
4810
  }
@@ -4824,6 +4877,9 @@
4824
4877
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
4825
4878
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4826
4879
  }
4880
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-action-group) {
4881
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4882
+ }
4827
4883
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
4828
4884
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4829
4885
  }
@@ -4890,6 +4946,9 @@
4890
4946
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
4891
4947
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4892
4948
  }
4949
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-action-group) {
4950
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4951
+ }
4893
4952
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
4894
4953
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4895
4954
  }
@@ -4962,6 +5021,9 @@
4962
5021
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
4963
5022
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4964
5023
  }
5024
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-action-group) {
5025
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5026
+ }
4965
5027
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
4966
5028
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4967
5029
  }
@@ -5037,6 +5099,9 @@
5037
5099
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
5038
5100
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5039
5101
  }
5102
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-action-group) {
5103
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5104
+ }
5040
5105
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
5041
5106
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5042
5107
  }
@@ -5103,6 +5168,9 @@
5103
5168
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
5104
5169
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5105
5170
  }
5171
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-action-group) {
5172
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5173
+ }
5106
5174
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
5107
5175
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5108
5176
  }
@@ -5133,6 +5201,75 @@
5133
5201
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
5134
5202
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5135
5203
  }
5204
+ .utrecht-rich-text .utrecht-action-group:first-child {
5205
+ --utrecht-action-group-margin-block-start: 0;
5206
+ }
5207
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-2) {
5208
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5209
+ }
5210
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-3) {
5211
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5212
+ }
5213
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-4) {
5214
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5215
+ }
5216
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-5) {
5217
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5218
+ }
5219
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-6) {
5220
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5221
+ }
5222
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-accordion) {
5223
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5224
+ }
5225
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-alert) {
5226
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5227
+ }
5228
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-badge-list) {
5229
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5230
+ }
5231
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-blockquote) {
5232
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5233
+ }
5234
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button) {
5235
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5236
+ }
5237
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button-group) {
5238
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5239
+ }
5240
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-action-group) {
5241
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5242
+ }
5243
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-data-list) {
5244
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5245
+ }
5246
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-figure) {
5247
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5248
+ }
5249
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-img) {
5250
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5251
+ }
5252
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-link) {
5253
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5254
+ }
5255
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-ordered-list) {
5256
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5257
+ }
5258
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
5259
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5260
+ }
5261
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
5262
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5263
+ }
5264
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-sidenav) {
5265
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5266
+ }
5267
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-table) {
5268
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5269
+ }
5270
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-unordered-list) {
5271
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5272
+ }
5136
5273
  .utrecht-rich-text .utrecht-data-list:first-child {
5137
5274
  --utrecht-data-list-margin-block-start: 0;
5138
5275
  }
@@ -5169,6 +5306,9 @@
5169
5306
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
5170
5307
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5171
5308
  }
5309
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-action-group) {
5310
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5311
+ }
5172
5312
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
5173
5313
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5174
5314
  }
@@ -5238,6 +5378,9 @@
5238
5378
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
5239
5379
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5240
5380
  }
5381
+ .utrecht-rich-text .utrecht-figure:has(+ .utrecht-action-group) {
5382
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5383
+ }
5241
5384
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
5242
5385
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5243
5386
  }
@@ -5304,6 +5447,9 @@
5304
5447
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
5305
5448
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5306
5449
  }
5450
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-action-group) {
5451
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5452
+ }
5307
5453
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
5308
5454
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5309
5455
  }
@@ -5421,6 +5567,9 @@
5421
5567
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
5422
5568
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5423
5569
  }
5570
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-action-group) {
5571
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5572
+ }
5424
5573
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
5425
5574
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5426
5575
  }
@@ -5487,6 +5636,9 @@
5487
5636
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
5488
5637
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5489
5638
  }
5639
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-action-group) {
5640
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5641
+ }
5490
5642
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
5491
5643
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5492
5644
  }
@@ -5553,6 +5705,9 @@
5553
5705
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
5554
5706
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5555
5707
  }
5708
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-action-group) {
5709
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5710
+ }
5556
5711
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
5557
5712
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5558
5713
  }
@@ -5619,6 +5774,9 @@
5619
5774
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
5620
5775
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5621
5776
  }
5777
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-action-group) {
5778
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5779
+ }
5622
5780
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
5623
5781
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5624
5782
  }
@@ -5682,6 +5840,9 @@
5682
5840
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
5683
5841
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5684
5842
  }
5843
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-action-group) {
5844
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5845
+ }
5685
5846
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
5686
5847
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5687
5848
  }
@@ -5760,6 +5921,9 @@
5760
5921
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
5761
5922
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5762
5923
  }
5924
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-action-group) {
5925
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5926
+ }
5763
5927
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
5764
5928
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5765
5929
  }
@@ -5832,6 +5996,9 @@
5832
5996
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
5833
5997
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5834
5998
  }
5999
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-action-group) {
6000
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6001
+ }
5835
6002
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
5836
6003
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5837
6004
  }
@@ -5916,6 +6083,9 @@
5916
6083
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
5917
6084
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5918
6085
  }
6086
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-action-group) {
6087
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6088
+ }
5919
6089
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
5920
6090
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5921
6091
  }
@@ -6000,6 +6170,9 @@
6000
6170
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
6001
6171
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6002
6172
  }
6173
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-action-group) {
6174
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6175
+ }
6003
6176
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
6004
6177
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6005
6178
  }
@@ -112,6 +112,35 @@
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-action-group-block-gap, 1em);
143
+ }
115
144
  .utrecht-alert-dialog:not(dialog:not([open])) {
116
145
  --utrecht-alert-dialog-margin-block-start: auto;
117
146
  --utrecht-alert-dialog-margin-block-end: auto;
@@ -3542,7 +3571,7 @@
3542
3571
  box-sizing: border-box;
3543
3572
  font-family: var(--utrecht-document-font-family, inherit);
3544
3573
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
3545
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3574
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3546
3575
  list-style-type: decimal;
3547
3576
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
3548
3577
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -4162,6 +4191,9 @@
4162
4191
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
4163
4192
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4164
4193
  }
4194
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-action-group) {
4195
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4196
+ }
4165
4197
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
4166
4198
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4167
4199
  }
@@ -4219,6 +4251,9 @@
4219
4251
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
4220
4252
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4221
4253
  }
4254
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-action-group) {
4255
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4256
+ }
4222
4257
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
4223
4258
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4224
4259
  }
@@ -4282,6 +4317,9 @@
4282
4317
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
4283
4318
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4284
4319
  }
4320
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-action-group) {
4321
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4322
+ }
4285
4323
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
4286
4324
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4287
4325
  }
@@ -4345,6 +4383,9 @@
4345
4383
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
4346
4384
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4347
4385
  }
4386
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-action-group) {
4387
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4388
+ }
4348
4389
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
4349
4390
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4350
4391
  }
@@ -4408,6 +4449,9 @@
4408
4449
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
4409
4450
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4410
4451
  }
4452
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-action-group) {
4453
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4454
+ }
4411
4455
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
4412
4456
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4413
4457
  }
@@ -4468,6 +4512,9 @@
4468
4512
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
4469
4513
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4470
4514
  }
4515
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-action-group) {
4516
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4517
+ }
4471
4518
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
4472
4519
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4473
4520
  }
@@ -4543,6 +4590,9 @@
4543
4590
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
4544
4591
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4545
4592
  }
4593
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-action-group) {
4594
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4595
+ }
4546
4596
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
4547
4597
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4548
4598
  }
@@ -4615,6 +4665,9 @@
4615
4665
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
4616
4666
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4617
4667
  }
4668
+ .utrecht-rich-text .utrecht-alert:has(+ .utrecht-action-group) {
4669
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4670
+ }
4618
4671
  .utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
4619
4672
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4620
4673
  }
@@ -4687,6 +4740,9 @@
4687
4740
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
4688
4741
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4689
4742
  }
4743
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-action-group) {
4744
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4745
+ }
4690
4746
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
4691
4747
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4692
4748
  }
@@ -4753,6 +4809,9 @@
4753
4809
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
4754
4810
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4755
4811
  }
4812
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-action-group) {
4813
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4814
+ }
4756
4815
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
4757
4816
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4758
4817
  }
@@ -4825,6 +4884,9 @@
4825
4884
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
4826
4885
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4827
4886
  }
4887
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-action-group) {
4888
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4889
+ }
4828
4890
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
4829
4891
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
4830
4892
  }
@@ -4900,6 +4962,9 @@
4900
4962
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
4901
4963
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4902
4964
  }
4965
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-action-group) {
4966
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4967
+ }
4903
4968
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
4904
4969
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4905
4970
  }
@@ -4966,6 +5031,9 @@
4966
5031
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
4967
5032
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
4968
5033
  }
5034
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-action-group) {
5035
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5036
+ }
4969
5037
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
4970
5038
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4971
5039
  }
@@ -4996,6 +5064,75 @@
4996
5064
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
4997
5065
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
4998
5066
  }
5067
+ .utrecht-rich-text .utrecht-action-group:first-child {
5068
+ --utrecht-action-group-margin-block-start: 0;
5069
+ }
5070
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-2) {
5071
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5072
+ }
5073
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-3) {
5074
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5075
+ }
5076
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-4) {
5077
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5078
+ }
5079
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-5) {
5080
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5081
+ }
5082
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-heading-6) {
5083
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5084
+ }
5085
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-accordion) {
5086
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5087
+ }
5088
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-alert) {
5089
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5090
+ }
5091
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-badge-list) {
5092
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5093
+ }
5094
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-blockquote) {
5095
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5096
+ }
5097
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button) {
5098
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5099
+ }
5100
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-button-group) {
5101
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5102
+ }
5103
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-action-group) {
5104
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5105
+ }
5106
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-data-list) {
5107
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5108
+ }
5109
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-figure) {
5110
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5111
+ }
5112
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-img) {
5113
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5114
+ }
5115
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-link) {
5116
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5117
+ }
5118
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-ordered-list) {
5119
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5120
+ }
5121
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
5122
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5123
+ }
5124
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
5125
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5126
+ }
5127
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-sidenav) {
5128
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5129
+ }
5130
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-table) {
5131
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5132
+ }
5133
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-unordered-list) {
5134
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5135
+ }
4999
5136
  .utrecht-rich-text .utrecht-data-list:first-child {
5000
5137
  --utrecht-data-list-margin-block-start: 0;
5001
5138
  }
@@ -5032,6 +5169,9 @@
5032
5169
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
5033
5170
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5034
5171
  }
5172
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-action-group) {
5173
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5174
+ }
5035
5175
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
5036
5176
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5037
5177
  }
@@ -5101,6 +5241,9 @@
5101
5241
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
5102
5242
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5103
5243
  }
5244
+ .utrecht-rich-text .utrecht-figure:has(+ .utrecht-action-group) {
5245
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5246
+ }
5104
5247
  .utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
5105
5248
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5106
5249
  }
@@ -5167,6 +5310,9 @@
5167
5310
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
5168
5311
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5169
5312
  }
5313
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-action-group) {
5314
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5315
+ }
5170
5316
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
5171
5317
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5172
5318
  }
@@ -5284,6 +5430,9 @@
5284
5430
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
5285
5431
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5286
5432
  }
5433
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-action-group) {
5434
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5435
+ }
5287
5436
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
5288
5437
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5289
5438
  }
@@ -5350,6 +5499,9 @@
5350
5499
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
5351
5500
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5352
5501
  }
5502
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-action-group) {
5503
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5504
+ }
5353
5505
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
5354
5506
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5355
5507
  }
@@ -5416,6 +5568,9 @@
5416
5568
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
5417
5569
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5418
5570
  }
5571
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-action-group) {
5572
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5573
+ }
5419
5574
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
5420
5575
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5421
5576
  }
@@ -5482,6 +5637,9 @@
5482
5637
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
5483
5638
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5484
5639
  }
5640
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-action-group) {
5641
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5642
+ }
5485
5643
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
5486
5644
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5487
5645
  }
@@ -5545,6 +5703,9 @@
5545
5703
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
5546
5704
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5547
5705
  }
5706
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-action-group) {
5707
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5708
+ }
5548
5709
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
5549
5710
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5550
5711
  }
@@ -5623,6 +5784,9 @@
5623
5784
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
5624
5785
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5625
5786
  }
5787
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-action-group) {
5788
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5789
+ }
5626
5790
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
5627
5791
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5628
5792
  }
@@ -5695,6 +5859,9 @@
5695
5859
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
5696
5860
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5697
5861
  }
5862
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-action-group) {
5863
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5864
+ }
5698
5865
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
5699
5866
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5700
5867
  }
@@ -5779,6 +5946,9 @@
5779
5946
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
5780
5947
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5781
5948
  }
5949
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-action-group) {
5950
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5951
+ }
5782
5952
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
5783
5953
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5784
5954
  }
@@ -5863,6 +6033,9 @@
5863
6033
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
5864
6034
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5865
6035
  }
6036
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-action-group) {
6037
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6038
+ }
5866
6039
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
5867
6040
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5868
6041
  }
@@ -7809,7 +7982,7 @@
7809
7982
  box-sizing: border-box;
7810
7983
  font-family: var(--utrecht-document-font-family, inherit);
7811
7984
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
7812
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
7985
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
7813
7986
  list-style-type: decimal;
7814
7987
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
7815
7988
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.4.1",
2
+ "version": "7.5.0",
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.0.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",
@@ -87,7 +88,7 @@
87
88
  "@utrecht/nav-list-css": "1.3.1",
88
89
  "@utrecht/number-badge-css": "2.3.1",
89
90
  "@utrecht/number-data-css": "1.4.1",
90
- "@utrecht/ordered-list-css": "1.5.2",
91
+ "@utrecht/ordered-list-css": "2.0.0",
91
92
  "@utrecht/page-body-css": "0.1.1",
92
93
  "@utrecht/page-content-css": "1.4.1",
93
94
  "@utrecht/page-css": "1.4.1",
@@ -99,7 +100,7 @@
99
100
  "@utrecht/pre-heading-css": "1.4.1",
100
101
  "@utrecht/preserve-data-css": "1.3.1",
101
102
  "@utrecht/radio-button-css": "1.6.1",
102
- "@utrecht/rich-text-css": "1.3.1",
103
+ "@utrecht/rich-text-css": "1.4.0",
103
104
  "@utrecht/root-css": "1.2.1",
104
105
  "@utrecht/search-bar-css": "2.2.1",
105
106
  "@utrecht/select-css": "1.8.1",