@utrecht/component-library-css 9.0.7 → 9.0.8

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
@@ -1290,15 +1290,27 @@
1290
1290
  font-variant-ligatures: none;
1291
1291
  }
1292
1292
  .utrecht-html ul {
1293
+ --_utrecht-unordered-list-list-style-type: var(--utrecht-unordered-list-list-style-type, "●");
1294
+ --_utrecht-unordered-list-marker-font-size: var(--utrecht-unordered-list-marker-font-size, "1rem");
1293
1295
  box-sizing: border-box;
1294
1296
  font-family: var(--utrecht-document-font-family, inherit);
1295
1297
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
1296
1298
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
1299
+ list-style-type: var(--_utrecht-unordered-list-list-style-type, "●");
1297
1300
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
1298
1301
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
1299
- padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
1302
+ margin-inline-start: var(--utrecht-unordered-list-margin-inline-start, 1ch);
1303
+ padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 0);
1300
1304
  text-align: start;
1301
1305
  --utrecht-space-around: 1;
1306
+ --_utrecht-unordered-list-list-style-type: var(
1307
+ --utrecht-unordered-list-level-1-list-style-type,
1308
+ var(--utrecht-unordered-list-list-style-type, ●)
1309
+ );
1310
+ --_utrecht-unordered-list-marker-font-size: var(
1311
+ --utrecht-unordered-list-level-1-marker-font-size,
1312
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1313
+ );
1302
1314
  }
1303
1315
  .utrecht-html ul > li {
1304
1316
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
@@ -1307,7 +1319,77 @@
1307
1319
  }
1308
1320
  .utrecht-html ul > li::marker {
1309
1321
  color: var(--utrecht-unordered-list-marker-color);
1310
- content: "●";
1322
+ font-size: var(--_utrecht-unordered-list-marker-font-size, 1em);
1323
+ }
1324
+ .utrecht-html ul > li > ul {
1325
+ --_utrecht-unordered-list-list-style-type: var(
1326
+ --utrecht-unordered-list-level-2-list-style-type,
1327
+ var(--utrecht-unordered-list-list-style-type, ○)
1328
+ );
1329
+ --_utrecht-unordered-list-marker-font-size: var(
1330
+ --utrecht-unordered-list-level-2-marker-font-size,
1331
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1332
+ );
1333
+ }
1334
+ .utrecht-html ul > li > ul > li > ul {
1335
+ --_utrecht-unordered-list-list-style-type: var(
1336
+ --utrecht-unordered-list-level-3-list-style-type,
1337
+ var(--utrecht-unordered-list-list-style-type, ◆)
1338
+ );
1339
+ --_utrecht-unordered-list-marker-font-size: var(
1340
+ --utrecht-unordered-list-level-3-marker-font-size,
1341
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1342
+ );
1343
+ }
1344
+ .utrecht-html ul > li > ul > li > ul > li > ul {
1345
+ --_utrecht-unordered-list-list-style-type: var(
1346
+ --utrecht-unordered-list-level-4-list-style-type,
1347
+ var(--utrecht-unordered-list-list-style-type, ◇)
1348
+ );
1349
+ --_utrecht-unordered-list-marker-font-size: var(
1350
+ --utrecht-unordered-list-level-4-marker-font-size,
1351
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1352
+ );
1353
+ }
1354
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul {
1355
+ --_utrecht-unordered-list-list-style-type: var(
1356
+ --utrecht-unordered-list-level-5-list-style-type,
1357
+ var(--utrecht-unordered-list-list-style-type, ■)
1358
+ );
1359
+ --_utrecht-unordered-list-marker-font-size: var(
1360
+ --utrecht-unordered-list-level-5-marker-font-size,
1361
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1362
+ );
1363
+ }
1364
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul {
1365
+ --_utrecht-unordered-list-list-style-type: var(
1366
+ --utrecht-unordered-list-level-6-list-style-type,
1367
+ var(--utrecht-unordered-list-list-style-type, □)
1368
+ );
1369
+ --_utrecht-unordered-list-marker-font-size: var(
1370
+ --utrecht-unordered-list-level-6-marker-font-size,
1371
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1372
+ );
1373
+ }
1374
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
1375
+ --_utrecht-unordered-list-list-style-type: var(
1376
+ --utrecht-unordered-list-level-7-list-style-type,
1377
+ var(--utrecht-unordered-list-list-style-type, ▲)
1378
+ );
1379
+ --_utrecht-unordered-list-marker-font-size: var(
1380
+ --utrecht-unordered-list-level-7-marker-font-size,
1381
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1382
+ );
1383
+ }
1384
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
1385
+ --_utrecht-unordered-list-list-style-type: var(
1386
+ --utrecht-unordered-list-level-8-list-style-type,
1387
+ var(--utrecht-unordered-list-list-style-type, △)
1388
+ );
1389
+ --_utrecht-unordered-list-marker-font-size: var(
1390
+ --utrecht-unordered-list-level-8-marker-font-size,
1391
+ var(--utrecht-unordered-list-marker-font-size, 1em)
1392
+ );
1311
1393
  }
1312
1394
  :where(.utrecht-html) :where(:focus-visible) {
1313
1395
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
package/dist/index.css CHANGED
@@ -8566,13 +8566,17 @@
8566
8566
  }
8567
8567
  .utrecht-unordered-list,
8568
8568
  .utrecht-unordered-list--html-content ul {
8569
+ --_utrecht-unordered-list-list-style-type: var(--utrecht-unordered-list-list-style-type, "●");
8570
+ --_utrecht-unordered-list-marker-font-size: var(--utrecht-unordered-list-marker-font-size, "1rem");
8569
8571
  box-sizing: border-box;
8570
8572
  font-family: var(--utrecht-document-font-family, inherit);
8571
8573
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
8572
8574
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
8575
+ list-style-type: var(--_utrecht-unordered-list-list-style-type, "●");
8573
8576
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
8574
8577
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
8575
- padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
8578
+ margin-inline-start: var(--utrecht-unordered-list-margin-inline-start, 1ch);
8579
+ padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 0);
8576
8580
  text-align: start;
8577
8581
  }
8578
8582
 
@@ -8581,6 +8585,7 @@
8581
8585
  margin-inline-end: auto;
8582
8586
  margin-inline-start: auto;
8583
8587
  max-inline-size: 100%;
8588
+ padding-inline-start: var(--utrecht-unordered-list-center-padding-inline-start, 1ch);
8584
8589
  }
8585
8590
 
8586
8591
  .utrecht-unordered-list--distanced {
@@ -8589,8 +8594,7 @@
8589
8594
 
8590
8595
  .utrecht-unordered-list--nested,
8591
8596
  .utrecht-unordered-list--html-content ul {
8592
- margin-block-end: 0;
8593
- margin-inline-start: 2ch;
8597
+ padding-inline-start: var(--utrecht-unordered-list-nested-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 1ch));
8594
8598
  }
8595
8599
 
8596
8600
  .utrecht-unordered-list--html-content > li,
@@ -8606,7 +8610,111 @@
8606
8610
  .utrecht-unordered-list__item::marker,
8607
8611
  .utrecht-unordered-list__marker {
8608
8612
  color: var(--utrecht-unordered-list-marker-color);
8609
- content: "●";
8613
+ font-size: var(--_utrecht-unordered-list-marker-font-size, 1em);
8614
+ }
8615
+
8616
+ .utrecht-unordered-list--html-content,
8617
+ .utrecht-unordered-list--html-content ol ul,
8618
+ .utrecht-unordered-list--level-1 {
8619
+ --_utrecht-unordered-list-list-style-type: var(
8620
+ --utrecht-unordered-list-level-1-list-style-type,
8621
+ var(--utrecht-unordered-list-list-style-type, ●)
8622
+ );
8623
+ --_utrecht-unordered-list-marker-font-size: var(
8624
+ --utrecht-unordered-list-level-1-marker-font-size,
8625
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8626
+ );
8627
+ }
8628
+
8629
+ .utrecht-unordered-list--html-content > li > ul,
8630
+ .utrecht-unordered-list--html-content ol ul > li > ul,
8631
+ .utrecht-unordered-list--level-2 {
8632
+ --_utrecht-unordered-list-list-style-type: var(
8633
+ --utrecht-unordered-list-level-2-list-style-type,
8634
+ var(--utrecht-unordered-list-list-style-type, ○)
8635
+ );
8636
+ --_utrecht-unordered-list-marker-font-size: var(
8637
+ --utrecht-unordered-list-level-2-marker-font-size,
8638
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8639
+ );
8640
+ }
8641
+
8642
+ .utrecht-unordered-list--html-content > li > ul > li > ul,
8643
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul,
8644
+ .utrecht-unordered-list--level-3 {
8645
+ --_utrecht-unordered-list-list-style-type: var(
8646
+ --utrecht-unordered-list-level-3-list-style-type,
8647
+ var(--utrecht-unordered-list-list-style-type, ◆)
8648
+ );
8649
+ --_utrecht-unordered-list-marker-font-size: var(
8650
+ --utrecht-unordered-list-level-3-marker-font-size,
8651
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8652
+ );
8653
+ }
8654
+
8655
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul,
8656
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul,
8657
+ .utrecht-unordered-list--level-4 {
8658
+ --_utrecht-unordered-list-list-style-type: var(
8659
+ --utrecht-unordered-list-level-4-list-style-type,
8660
+ var(--utrecht-unordered-list-list-style-type, ◇)
8661
+ );
8662
+ --_utrecht-unordered-list-marker-font-size: var(
8663
+ --utrecht-unordered-list-level-4-marker-font-size,
8664
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8665
+ );
8666
+ }
8667
+
8668
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul,
8669
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul,
8670
+ .utrecht-unordered-list--level-5 {
8671
+ --_utrecht-unordered-list-list-style-type: var(
8672
+ --utrecht-unordered-list-level-5-list-style-type,
8673
+ var(--utrecht-unordered-list-list-style-type, ■)
8674
+ );
8675
+ --_utrecht-unordered-list-marker-font-size: var(
8676
+ --utrecht-unordered-list-level-5-marker-font-size,
8677
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8678
+ );
8679
+ }
8680
+
8681
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul,
8682
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8683
+ .utrecht-unordered-list--level-6 {
8684
+ --_utrecht-unordered-list-list-style-type: var(
8685
+ --utrecht-unordered-list-level-6-list-style-type,
8686
+ var(--utrecht-unordered-list-list-style-type, □)
8687
+ );
8688
+ --_utrecht-unordered-list-marker-font-size: var(
8689
+ --utrecht-unordered-list-level-6-marker-font-size,
8690
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8691
+ );
8692
+ }
8693
+
8694
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8695
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8696
+ .utrecht-unordered-list--level-7 {
8697
+ --_utrecht-unordered-list-list-style-type: var(
8698
+ --utrecht-unordered-list-level-7-list-style-type,
8699
+ var(--utrecht-unordered-list-list-style-type, ▲)
8700
+ );
8701
+ --_utrecht-unordered-list-marker-font-size: var(
8702
+ --utrecht-unordered-list-level-7-marker-font-size,
8703
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8704
+ );
8705
+ }
8706
+
8707
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8708
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8709
+ .utrecht-unordered-list--level-8 {
8710
+ --_utrecht-unordered-list-list-style-type: var(
8711
+ --utrecht-unordered-list-level-8-list-style-type,
8712
+ var(--utrecht-unordered-list-list-style-type, △)
8713
+ );
8714
+ --_utrecht-unordered-list-marker-font-size: var(
8715
+ --utrecht-unordered-list-level-8-marker-font-size,
8716
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8717
+ );
8610
8718
  }
8611
8719
  .utrecht-url-data {
8612
8720
  break-inside: avoid;
@@ -8400,13 +8400,17 @@
8400
8400
  }
8401
8401
  .utrecht-unordered-list,
8402
8402
  .utrecht-unordered-list--html-content ul {
8403
+ --_utrecht-unordered-list-list-style-type: var(--utrecht-unordered-list-list-style-type, "●");
8404
+ --_utrecht-unordered-list-marker-font-size: var(--utrecht-unordered-list-marker-font-size, "1rem");
8403
8405
  box-sizing: border-box;
8404
8406
  font-family: var(--utrecht-document-font-family, inherit);
8405
8407
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
8406
8408
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
8409
+ list-style-type: var(--_utrecht-unordered-list-list-style-type, "●");
8407
8410
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
8408
8411
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
8409
- padding-left: var(--utrecht-unordered-list-padding-inline-start, 2ch);
8412
+ margin-left: var(--utrecht-unordered-list-margin-inline-start, 1ch);
8413
+ padding-left: var(--utrecht-unordered-list-padding-inline-start, 0);
8410
8414
  text-align: left;
8411
8415
  }
8412
8416
 
@@ -8415,6 +8419,7 @@
8415
8419
  margin-right: auto;
8416
8420
  margin-left: auto;
8417
8421
  max-width: 100%;
8422
+ padding-left: var(--utrecht-unordered-list-center-padding-inline-start, 1ch);
8418
8423
  }
8419
8424
 
8420
8425
  .utrecht-unordered-list--distanced {
@@ -8423,8 +8428,7 @@
8423
8428
 
8424
8429
  .utrecht-unordered-list--nested,
8425
8430
  .utrecht-unordered-list--html-content ul {
8426
- margin-bottom: 0;
8427
- margin-left: 2ch;
8431
+ padding-left: var(--utrecht-unordered-list-nested-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 1ch));
8428
8432
  }
8429
8433
 
8430
8434
  .utrecht-unordered-list--html-content > li,
@@ -8440,7 +8444,111 @@
8440
8444
  .utrecht-unordered-list__item::marker,
8441
8445
  .utrecht-unordered-list__marker {
8442
8446
  color: var(--utrecht-unordered-list-marker-color);
8443
- content: "●";
8447
+ font-size: var(--_utrecht-unordered-list-marker-font-size, 1em);
8448
+ }
8449
+
8450
+ .utrecht-unordered-list--html-content,
8451
+ .utrecht-unordered-list--html-content ol ul,
8452
+ .utrecht-unordered-list--level-1 {
8453
+ --_utrecht-unordered-list-list-style-type: var(
8454
+ --utrecht-unordered-list-level-1-list-style-type,
8455
+ var(--utrecht-unordered-list-list-style-type, ●)
8456
+ );
8457
+ --_utrecht-unordered-list-marker-font-size: var(
8458
+ --utrecht-unordered-list-level-1-marker-font-size,
8459
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8460
+ );
8461
+ }
8462
+
8463
+ .utrecht-unordered-list--html-content > li > ul,
8464
+ .utrecht-unordered-list--html-content ol ul > li > ul,
8465
+ .utrecht-unordered-list--level-2 {
8466
+ --_utrecht-unordered-list-list-style-type: var(
8467
+ --utrecht-unordered-list-level-2-list-style-type,
8468
+ var(--utrecht-unordered-list-list-style-type, ○)
8469
+ );
8470
+ --_utrecht-unordered-list-marker-font-size: var(
8471
+ --utrecht-unordered-list-level-2-marker-font-size,
8472
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8473
+ );
8474
+ }
8475
+
8476
+ .utrecht-unordered-list--html-content > li > ul > li > ul,
8477
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul,
8478
+ .utrecht-unordered-list--level-3 {
8479
+ --_utrecht-unordered-list-list-style-type: var(
8480
+ --utrecht-unordered-list-level-3-list-style-type,
8481
+ var(--utrecht-unordered-list-list-style-type, ◆)
8482
+ );
8483
+ --_utrecht-unordered-list-marker-font-size: var(
8484
+ --utrecht-unordered-list-level-3-marker-font-size,
8485
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8486
+ );
8487
+ }
8488
+
8489
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul,
8490
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul,
8491
+ .utrecht-unordered-list--level-4 {
8492
+ --_utrecht-unordered-list-list-style-type: var(
8493
+ --utrecht-unordered-list-level-4-list-style-type,
8494
+ var(--utrecht-unordered-list-list-style-type, ◇)
8495
+ );
8496
+ --_utrecht-unordered-list-marker-font-size: var(
8497
+ --utrecht-unordered-list-level-4-marker-font-size,
8498
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8499
+ );
8500
+ }
8501
+
8502
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul,
8503
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul,
8504
+ .utrecht-unordered-list--level-5 {
8505
+ --_utrecht-unordered-list-list-style-type: var(
8506
+ --utrecht-unordered-list-level-5-list-style-type,
8507
+ var(--utrecht-unordered-list-list-style-type, ■)
8508
+ );
8509
+ --_utrecht-unordered-list-marker-font-size: var(
8510
+ --utrecht-unordered-list-level-5-marker-font-size,
8511
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8512
+ );
8513
+ }
8514
+
8515
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul,
8516
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8517
+ .utrecht-unordered-list--level-6 {
8518
+ --_utrecht-unordered-list-list-style-type: var(
8519
+ --utrecht-unordered-list-level-6-list-style-type,
8520
+ var(--utrecht-unordered-list-list-style-type, □)
8521
+ );
8522
+ --_utrecht-unordered-list-marker-font-size: var(
8523
+ --utrecht-unordered-list-level-6-marker-font-size,
8524
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8525
+ );
8526
+ }
8527
+
8528
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8529
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8530
+ .utrecht-unordered-list--level-7 {
8531
+ --_utrecht-unordered-list-list-style-type: var(
8532
+ --utrecht-unordered-list-level-7-list-style-type,
8533
+ var(--utrecht-unordered-list-list-style-type, ▲)
8534
+ );
8535
+ --_utrecht-unordered-list-marker-font-size: var(
8536
+ --utrecht-unordered-list-level-7-marker-font-size,
8537
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8538
+ );
8539
+ }
8540
+
8541
+ .utrecht-unordered-list--html-content > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8542
+ .utrecht-unordered-list--html-content ol ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul,
8543
+ .utrecht-unordered-list--level-8 {
8544
+ --_utrecht-unordered-list-list-style-type: var(
8545
+ --utrecht-unordered-list-level-8-list-style-type,
8546
+ var(--utrecht-unordered-list-list-style-type, △)
8547
+ );
8548
+ --_utrecht-unordered-list-marker-font-size: var(
8549
+ --utrecht-unordered-list-level-8-marker-font-size,
8550
+ var(--utrecht-unordered-list-marker-font-size, 1em)
8551
+ );
8444
8552
  }
8445
8553
  .utrecht-url-data {
8446
8554
  break-inside: avoid;
@@ -9746,15 +9854,27 @@
9746
9854
  font-variant-ligatures: none;
9747
9855
  }
9748
9856
  .utrecht-html ul {
9857
+ --_utrecht-unordered-list-list-style-type: var(--utrecht-unordered-list-list-style-type, "●");
9858
+ --_utrecht-unordered-list-marker-font-size: var(--utrecht-unordered-list-marker-font-size, "1rem");
9749
9859
  box-sizing: border-box;
9750
9860
  font-family: var(--utrecht-document-font-family, inherit);
9751
9861
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
9752
9862
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
9863
+ list-style-type: var(--_utrecht-unordered-list-list-style-type, "●");
9753
9864
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
9754
9865
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
9755
- padding-left: var(--utrecht-unordered-list-padding-inline-start, 2ch);
9866
+ margin-left: var(--utrecht-unordered-list-margin-inline-start, 1ch);
9867
+ padding-left: var(--utrecht-unordered-list-padding-inline-start, 0);
9756
9868
  text-align: left;
9757
9869
  --utrecht-space-around: 1;
9870
+ --_utrecht-unordered-list-list-style-type: var(
9871
+ --utrecht-unordered-list-level-1-list-style-type,
9872
+ var(--utrecht-unordered-list-list-style-type, ●)
9873
+ );
9874
+ --_utrecht-unordered-list-marker-font-size: var(
9875
+ --utrecht-unordered-list-level-1-marker-font-size,
9876
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9877
+ );
9758
9878
  }
9759
9879
  .utrecht-html ul > li {
9760
9880
  margin-bottom: var(--utrecht-unordered-list-item-margin-block-end);
@@ -9763,7 +9883,77 @@
9763
9883
  }
9764
9884
  .utrecht-html ul > li::marker {
9765
9885
  color: var(--utrecht-unordered-list-marker-color);
9766
- content: "●";
9886
+ font-size: var(--_utrecht-unordered-list-marker-font-size, 1em);
9887
+ }
9888
+ .utrecht-html ul > li > ul {
9889
+ --_utrecht-unordered-list-list-style-type: var(
9890
+ --utrecht-unordered-list-level-2-list-style-type,
9891
+ var(--utrecht-unordered-list-list-style-type, ○)
9892
+ );
9893
+ --_utrecht-unordered-list-marker-font-size: var(
9894
+ --utrecht-unordered-list-level-2-marker-font-size,
9895
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9896
+ );
9897
+ }
9898
+ .utrecht-html ul > li > ul > li > ul {
9899
+ --_utrecht-unordered-list-list-style-type: var(
9900
+ --utrecht-unordered-list-level-3-list-style-type,
9901
+ var(--utrecht-unordered-list-list-style-type, ◆)
9902
+ );
9903
+ --_utrecht-unordered-list-marker-font-size: var(
9904
+ --utrecht-unordered-list-level-3-marker-font-size,
9905
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9906
+ );
9907
+ }
9908
+ .utrecht-html ul > li > ul > li > ul > li > ul {
9909
+ --_utrecht-unordered-list-list-style-type: var(
9910
+ --utrecht-unordered-list-level-4-list-style-type,
9911
+ var(--utrecht-unordered-list-list-style-type, ◇)
9912
+ );
9913
+ --_utrecht-unordered-list-marker-font-size: var(
9914
+ --utrecht-unordered-list-level-4-marker-font-size,
9915
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9916
+ );
9917
+ }
9918
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul {
9919
+ --_utrecht-unordered-list-list-style-type: var(
9920
+ --utrecht-unordered-list-level-5-list-style-type,
9921
+ var(--utrecht-unordered-list-list-style-type, ■)
9922
+ );
9923
+ --_utrecht-unordered-list-marker-font-size: var(
9924
+ --utrecht-unordered-list-level-5-marker-font-size,
9925
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9926
+ );
9927
+ }
9928
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul {
9929
+ --_utrecht-unordered-list-list-style-type: var(
9930
+ --utrecht-unordered-list-level-6-list-style-type,
9931
+ var(--utrecht-unordered-list-list-style-type, □)
9932
+ );
9933
+ --_utrecht-unordered-list-marker-font-size: var(
9934
+ --utrecht-unordered-list-level-6-marker-font-size,
9935
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9936
+ );
9937
+ }
9938
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
9939
+ --_utrecht-unordered-list-list-style-type: var(
9940
+ --utrecht-unordered-list-level-7-list-style-type,
9941
+ var(--utrecht-unordered-list-list-style-type, ▲)
9942
+ );
9943
+ --_utrecht-unordered-list-marker-font-size: var(
9944
+ --utrecht-unordered-list-level-7-marker-font-size,
9945
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9946
+ );
9947
+ }
9948
+ .utrecht-html ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
9949
+ --_utrecht-unordered-list-list-style-type: var(
9950
+ --utrecht-unordered-list-level-8-list-style-type,
9951
+ var(--utrecht-unordered-list-list-style-type, △)
9952
+ );
9953
+ --_utrecht-unordered-list-marker-font-size: var(
9954
+ --utrecht-unordered-list-level-8-marker-font-size,
9955
+ var(--utrecht-unordered-list-marker-font-size, 1em)
9956
+ );
9767
9957
  }
9768
9958
  :where(.utrecht-html) :where([prince-xml-ignore-pseudo-class-focus-visible]) {
9769
9959
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "9.0.7",
2
+ "version": "9.0.8",
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",
@@ -28,48 +28,48 @@
28
28
  "@utrecht/article-css": "3.0.0",
29
29
  "@utrecht/backdrop-css": "3.0.0",
30
30
  "@utrecht/badge-counter-css": "3.0.0",
31
- "@utrecht/badge-list-css": "4.0.0",
32
31
  "@utrecht/blockquote-css": "3.0.0",
33
32
  "@utrecht/body-css": "4.0.0",
34
33
  "@utrecht/breadcrumb-nav-css": "3.0.0",
35
34
  "@utrecht/button-css": "4.0.0",
36
- "@utrecht/button-group-css": "3.0.0",
37
35
  "@utrecht/button-link-css": "3.0.0",
36
+ "@utrecht/button-group-css": "3.0.0",
38
37
  "@utrecht/calendar-css": "3.0.0",
39
38
  "@utrecht/checkbox-css": "3.0.0",
39
+ "@utrecht/badge-list-css": "4.0.0",
40
40
  "@utrecht/code-block-css": "3.0.0",
41
41
  "@utrecht/code-css": "3.0.0",
42
42
  "@utrecht/color-sample-css": "3.0.0",
43
43
  "@utrecht/column-layout-css": "3.0.0",
44
44
  "@utrecht/combobox-css": "3.0.0",
45
- "@utrecht/currency-data-css": "3.0.0",
46
45
  "@utrecht/custom-checkbox-css": "3.0.0",
47
46
  "@utrecht/data-badge-css": "3.0.0",
48
47
  "@utrecht/data-list-css": "3.0.0",
49
- "@utrecht/data-placeholder-css": "3.0.0",
48
+ "@utrecht/currency-data-css": "3.0.0",
50
49
  "@utrecht/digid-button-css": "2.0.0",
51
50
  "@utrecht/document-css": "3.0.0",
52
- "@utrecht/emphasis-css": "3.0.0",
51
+ "@utrecht/data-placeholder-css": "3.0.0",
53
52
  "@utrecht/drawer-css": "3.0.0",
54
- "@utrecht/figure-css": "3.0.0",
53
+ "@utrecht/emphasis-css": "3.0.0",
55
54
  "@utrecht/form-css": "3.0.0",
56
- "@utrecht/form-field-css": "3.0.0",
55
+ "@utrecht/figure-css": "3.0.0",
57
56
  "@utrecht/form-field-description-css": "3.0.0",
58
57
  "@utrecht/form-field-error-message-css": "3.0.0",
58
+ "@utrecht/form-field-css": "3.0.0",
59
59
  "@utrecht/form-fieldset-css": "3.0.0",
60
- "@utrecht/form-label-css": "3.0.0",
61
60
  "@utrecht/form-toggle-css": "3.0.0",
62
61
  "@utrecht/grid-css": "2.0.0",
63
62
  "@utrecht/heading-1-css": "3.0.0",
64
- "@utrecht/heading-2-css": "3.0.0",
65
63
  "@utrecht/heading-3-css": "3.0.0",
64
+ "@utrecht/form-label-css": "3.0.0",
66
65
  "@utrecht/heading-4-css": "3.0.0",
67
66
  "@utrecht/heading-5-css": "3.0.0",
68
- "@utrecht/heading-group-css": "3.0.0",
69
67
  "@utrecht/heading-6-css": "3.0.0",
68
+ "@utrecht/heading-group-css": "3.0.0",
70
69
  "@utrecht/html-content-css": "3.0.0",
71
70
  "@utrecht/iban-data-css": "3.0.0",
72
71
  "@utrecht/icon-css": "4.0.0",
72
+ "@utrecht/heading-2-css": "3.0.0",
73
73
  "@utrecht/img-css": "3.0.0",
74
74
  "@utrecht/index-char-nav-css": "3.0.0",
75
75
  "@utrecht/link-button-css": "3.0.0",
@@ -80,12 +80,12 @@
80
80
  "@utrecht/listbox-css": "3.0.0",
81
81
  "@utrecht/logo-button-css": "2.0.0",
82
82
  "@utrecht/logo-css": "3.0.0",
83
- "@utrecht/logo-image-css": "2.0.0",
84
83
  "@utrecht/map-marker-css": "3.0.0",
85
84
  "@utrecht/mark-css": "3.0.0",
86
85
  "@utrecht/multiline-data-css": "3.0.0",
87
86
  "@utrecht/nav-bar-css": "3.0.0",
88
87
  "@utrecht/nav-list-css": "2.0.0",
88
+ "@utrecht/logo-image-css": "2.0.0",
89
89
  "@utrecht/navigation-css": "2.0.0",
90
90
  "@utrecht/number-badge-css": "4.0.0",
91
91
  "@utrecht/number-data-css": "3.0.0",
@@ -95,15 +95,15 @@
95
95
  "@utrecht/page-css": "3.0.0",
96
96
  "@utrecht/page-footer-css": "4.0.0",
97
97
  "@utrecht/page-header-css": "3.0.0",
98
- "@utrecht/page-layout-css": "3.0.0",
99
98
  "@utrecht/pagination-css": "3.0.0",
99
+ "@utrecht/page-layout-css": "3.0.0",
100
100
  "@utrecht/paragraph-css": "4.0.0",
101
101
  "@utrecht/pre-heading-css": "3.0.0",
102
102
  "@utrecht/preserve-data-css": "3.0.0",
103
+ "@utrecht/rich-text-css": "3.0.0",
103
104
  "@utrecht/radio-button-css": "3.0.0",
104
105
  "@utrecht/root-css": "4.0.0",
105
106
  "@utrecht/search-bar-css": "4.0.0",
106
- "@utrecht/rich-text-css": "3.0.0",
107
107
  "@utrecht/select-css": "3.0.0",
108
108
  "@utrecht/separator-css": "3.0.0",
109
109
  "@utrecht/skip-link-css": "3.0.0",
@@ -111,15 +111,15 @@
111
111
  "@utrecht/status-badge-css": "2.0.0",
112
112
  "@utrecht/surface-css": "3.0.0",
113
113
  "@utrecht/table-css": "3.0.0",
114
+ "@utrecht/table-of-contents-css": "2.0.0",
114
115
  "@utrecht/textarea-css": "4.0.0",
115
116
  "@utrecht/textbox-css": "4.0.0",
116
117
  "@utrecht/tooltip-css": "3.0.0",
117
- "@utrecht/top-task-link-css": "3.0.0",
118
- "@utrecht/table-of-contents-css": "2.0.0",
119
118
  "@utrecht/top-task-nav-css": "2.0.0",
119
+ "@utrecht/unordered-list-css": "3.1.0",
120
120
  "@utrecht/url-data-css": "3.0.0",
121
- "@utrecht/unordered-list-css": "3.0.0",
122
- "@utrecht/youtube-video-css": "3.0.0"
121
+ "@utrecht/youtube-video-css": "3.0.0",
122
+ "@utrecht/top-task-link-css": "3.0.0"
123
123
  },
124
124
  "devDependencies": {
125
125
  "postcss": "8.4.49",