@utrecht/component-library-css 9.0.6 → 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.6",
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",
@@ -20,106 +20,106 @@
20
20
  "directory": "packages/component-library-css"
21
21
  },
22
22
  "dependencies": {
23
- "@utrecht/accordion-css": "3.0.1",
24
- "@utrecht/action-group-css": "3.0.1",
25
- "@utrecht/alert-css": "3.0.1",
26
- "@utrecht/alert-dialog-css": "2.0.1",
27
- "@utrecht/alternate-lang-nav-css": "2.0.1",
28
- "@utrecht/article-css": "2.0.1",
29
- "@utrecht/backdrop-css": "2.0.2",
30
- "@utrecht/badge-counter-css": "2.0.1",
31
- "@utrecht/badge-list-css": "3.0.1",
32
- "@utrecht/blockquote-css": "2.0.1",
33
- "@utrecht/body-css": "3.0.0",
34
- "@utrecht/breadcrumb-nav-css": "2.1.0",
35
- "@utrecht/button-css": "3.1.0",
36
- "@utrecht/button-group-css": "2.0.1",
37
- "@utrecht/button-link-css": "2.0.1",
38
- "@utrecht/calendar-css": "2.0.1",
39
- "@utrecht/checkbox-css": "2.0.2",
40
- "@utrecht/code-block-css": "2.0.1",
41
- "@utrecht/code-css": "2.0.1",
42
- "@utrecht/color-sample-css": "2.0.2",
43
- "@utrecht/column-layout-css": "2.0.1",
44
- "@utrecht/combobox-css": "2.0.1",
45
- "@utrecht/currency-data-css": "2.0.1",
46
- "@utrecht/custom-checkbox-css": "2.0.1",
47
- "@utrecht/data-badge-css": "2.0.1",
48
- "@utrecht/data-list-css": "2.0.2",
49
- "@utrecht/data-placeholder-css": "2.0.1",
50
- "@utrecht/digid-button-css": "1.4.2",
51
- "@utrecht/document-css": "2.0.1",
52
- "@utrecht/drawer-css": "2.0.1",
53
- "@utrecht/emphasis-css": "2.0.1",
54
- "@utrecht/figure-css": "2.0.1",
55
- "@utrecht/form-css": "2.0.1",
56
- "@utrecht/form-field-css": "2.0.2",
57
- "@utrecht/form-field-description-css": "2.0.1",
58
- "@utrecht/form-field-error-message-css": "2.0.1",
59
- "@utrecht/form-fieldset-css": "2.0.2",
60
- "@utrecht/form-label-css": "2.0.1",
61
- "@utrecht/form-toggle-css": "2.0.1",
62
- "@utrecht/grid-css": "1.0.0",
63
- "@utrecht/heading-1-css": "2.0.2",
64
- "@utrecht/heading-2-css": "2.0.2",
65
- "@utrecht/heading-3-css": "2.0.2",
66
- "@utrecht/heading-4-css": "2.0.2",
67
- "@utrecht/heading-5-css": "2.0.2",
68
- "@utrecht/heading-6-css": "2.0.2",
69
- "@utrecht/heading-group-css": "2.0.1",
70
- "@utrecht/html-content-css": "2.1.0",
71
- "@utrecht/iban-data-css": "2.0.1",
72
- "@utrecht/icon-css": "3.0.1",
73
- "@utrecht/img-css": "2.0.1",
74
- "@utrecht/index-char-nav-css": "2.0.1",
75
- "@utrecht/link-button-css": "2.0.1",
76
- "@utrecht/link-css": "2.0.1",
77
- "@utrecht/link-list-css": "3.0.1",
78
- "@utrecht/link-social-css": "2.0.1",
79
- "@utrecht/list-social-css": "2.0.1",
80
- "@utrecht/listbox-css": "2.1.1",
81
- "@utrecht/logo-button-css": "1.4.2",
82
- "@utrecht/logo-css": "2.0.1",
83
- "@utrecht/logo-image-css": "1.4.2",
84
- "@utrecht/map-marker-css": "2.0.1",
85
- "@utrecht/mark-css": "2.0.2",
86
- "@utrecht/multiline-data-css": "2.0.1",
87
- "@utrecht/nav-bar-css": "2.0.1",
88
- "@utrecht/nav-list-css": "1.3.2",
89
- "@utrecht/navigation-css": "1.1.1",
90
- "@utrecht/number-badge-css": "3.0.1",
91
- "@utrecht/number-data-css": "2.0.2",
92
- "@utrecht/ordered-list-css": "3.0.1",
93
- "@utrecht/page-body-css": "1.0.1",
94
- "@utrecht/page-content-css": "2.0.1",
95
- "@utrecht/page-css": "2.0.1",
96
- "@utrecht/page-footer-css": "3.0.2",
97
- "@utrecht/page-header-css": "2.0.1",
98
- "@utrecht/page-layout-css": "2.0.1",
99
- "@utrecht/pagination-css": "2.0.3",
100
- "@utrecht/paragraph-css": "3.0.1",
101
- "@utrecht/pre-heading-css": "2.0.1",
102
- "@utrecht/preserve-data-css": "2.0.1",
103
- "@utrecht/radio-button-css": "2.0.2",
104
- "@utrecht/rich-text-css": "2.1.0",
105
- "@utrecht/root-css": "3.1.2",
106
- "@utrecht/search-bar-css": "3.0.2",
107
- "@utrecht/select-css": "2.0.2",
108
- "@utrecht/separator-css": "2.0.1",
109
- "@utrecht/skip-link-css": "2.0.1",
110
- "@utrecht/spotlight-section-css": "2.0.1",
111
- "@utrecht/status-badge-css": "1.0.0",
112
- "@utrecht/surface-css": "2.0.1",
113
- "@utrecht/table-css": "2.0.3",
114
- "@utrecht/table-of-contents-css": "1.0.2",
115
- "@utrecht/textarea-css": "3.0.2",
116
- "@utrecht/textbox-css": "3.1.1",
117
- "@utrecht/tooltip-css": "2.0.2",
118
- "@utrecht/top-task-link-css": "2.0.1",
119
- "@utrecht/top-task-nav-css": "1.3.2",
120
- "@utrecht/unordered-list-css": "2.0.1",
121
- "@utrecht/url-data-css": "2.0.2",
122
- "@utrecht/youtube-video-css": "2.0.1"
23
+ "@utrecht/accordion-css": "4.0.0",
24
+ "@utrecht/action-group-css": "4.0.0",
25
+ "@utrecht/alert-css": "4.0.0",
26
+ "@utrecht/alert-dialog-css": "3.0.0",
27
+ "@utrecht/alternate-lang-nav-css": "3.0.0",
28
+ "@utrecht/article-css": "3.0.0",
29
+ "@utrecht/backdrop-css": "3.0.0",
30
+ "@utrecht/badge-counter-css": "3.0.0",
31
+ "@utrecht/blockquote-css": "3.0.0",
32
+ "@utrecht/body-css": "4.0.0",
33
+ "@utrecht/breadcrumb-nav-css": "3.0.0",
34
+ "@utrecht/button-css": "4.0.0",
35
+ "@utrecht/button-link-css": "3.0.0",
36
+ "@utrecht/button-group-css": "3.0.0",
37
+ "@utrecht/calendar-css": "3.0.0",
38
+ "@utrecht/checkbox-css": "3.0.0",
39
+ "@utrecht/badge-list-css": "4.0.0",
40
+ "@utrecht/code-block-css": "3.0.0",
41
+ "@utrecht/code-css": "3.0.0",
42
+ "@utrecht/color-sample-css": "3.0.0",
43
+ "@utrecht/column-layout-css": "3.0.0",
44
+ "@utrecht/combobox-css": "3.0.0",
45
+ "@utrecht/custom-checkbox-css": "3.0.0",
46
+ "@utrecht/data-badge-css": "3.0.0",
47
+ "@utrecht/data-list-css": "3.0.0",
48
+ "@utrecht/currency-data-css": "3.0.0",
49
+ "@utrecht/digid-button-css": "2.0.0",
50
+ "@utrecht/document-css": "3.0.0",
51
+ "@utrecht/data-placeholder-css": "3.0.0",
52
+ "@utrecht/drawer-css": "3.0.0",
53
+ "@utrecht/emphasis-css": "3.0.0",
54
+ "@utrecht/form-css": "3.0.0",
55
+ "@utrecht/figure-css": "3.0.0",
56
+ "@utrecht/form-field-description-css": "3.0.0",
57
+ "@utrecht/form-field-error-message-css": "3.0.0",
58
+ "@utrecht/form-field-css": "3.0.0",
59
+ "@utrecht/form-fieldset-css": "3.0.0",
60
+ "@utrecht/form-toggle-css": "3.0.0",
61
+ "@utrecht/grid-css": "2.0.0",
62
+ "@utrecht/heading-1-css": "3.0.0",
63
+ "@utrecht/heading-3-css": "3.0.0",
64
+ "@utrecht/form-label-css": "3.0.0",
65
+ "@utrecht/heading-4-css": "3.0.0",
66
+ "@utrecht/heading-5-css": "3.0.0",
67
+ "@utrecht/heading-6-css": "3.0.0",
68
+ "@utrecht/heading-group-css": "3.0.0",
69
+ "@utrecht/html-content-css": "3.0.0",
70
+ "@utrecht/iban-data-css": "3.0.0",
71
+ "@utrecht/icon-css": "4.0.0",
72
+ "@utrecht/heading-2-css": "3.0.0",
73
+ "@utrecht/img-css": "3.0.0",
74
+ "@utrecht/index-char-nav-css": "3.0.0",
75
+ "@utrecht/link-button-css": "3.0.0",
76
+ "@utrecht/link-css": "3.0.0",
77
+ "@utrecht/link-list-css": "4.0.0",
78
+ "@utrecht/link-social-css": "3.0.0",
79
+ "@utrecht/list-social-css": "3.0.0",
80
+ "@utrecht/listbox-css": "3.0.0",
81
+ "@utrecht/logo-button-css": "2.0.0",
82
+ "@utrecht/logo-css": "3.0.0",
83
+ "@utrecht/map-marker-css": "3.0.0",
84
+ "@utrecht/mark-css": "3.0.0",
85
+ "@utrecht/multiline-data-css": "3.0.0",
86
+ "@utrecht/nav-bar-css": "3.0.0",
87
+ "@utrecht/nav-list-css": "2.0.0",
88
+ "@utrecht/logo-image-css": "2.0.0",
89
+ "@utrecht/navigation-css": "2.0.0",
90
+ "@utrecht/number-badge-css": "4.0.0",
91
+ "@utrecht/number-data-css": "3.0.0",
92
+ "@utrecht/ordered-list-css": "4.0.0",
93
+ "@utrecht/page-body-css": "2.0.0",
94
+ "@utrecht/page-content-css": "3.0.0",
95
+ "@utrecht/page-css": "3.0.0",
96
+ "@utrecht/page-footer-css": "4.0.0",
97
+ "@utrecht/page-header-css": "3.0.0",
98
+ "@utrecht/pagination-css": "3.0.0",
99
+ "@utrecht/page-layout-css": "3.0.0",
100
+ "@utrecht/paragraph-css": "4.0.0",
101
+ "@utrecht/pre-heading-css": "3.0.0",
102
+ "@utrecht/preserve-data-css": "3.0.0",
103
+ "@utrecht/rich-text-css": "3.0.0",
104
+ "@utrecht/radio-button-css": "3.0.0",
105
+ "@utrecht/root-css": "4.0.0",
106
+ "@utrecht/search-bar-css": "4.0.0",
107
+ "@utrecht/select-css": "3.0.0",
108
+ "@utrecht/separator-css": "3.0.0",
109
+ "@utrecht/skip-link-css": "3.0.0",
110
+ "@utrecht/spotlight-section-css": "3.0.0",
111
+ "@utrecht/status-badge-css": "2.0.0",
112
+ "@utrecht/surface-css": "3.0.0",
113
+ "@utrecht/table-css": "3.0.0",
114
+ "@utrecht/table-of-contents-css": "2.0.0",
115
+ "@utrecht/textarea-css": "4.0.0",
116
+ "@utrecht/textbox-css": "4.0.0",
117
+ "@utrecht/tooltip-css": "3.0.0",
118
+ "@utrecht/top-task-nav-css": "2.0.0",
119
+ "@utrecht/unordered-list-css": "3.1.0",
120
+ "@utrecht/url-data-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",