@utrecht/component-library-css 1.0.0-alpha.390 → 1.0.0-alpha.392

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
@@ -61,6 +61,31 @@
61
61
  */
62
62
  /* stylelint-disable-next-line block-no-empty */
63
63
  /* stylelint-disable-next-line block-no-empty */
64
+ /**
65
+ * @license EUPL-1.2
66
+ * Copyright (c) 2020-2022 Gemeente Utrecht
67
+ * Copyright (c) 2020-2022 Frameless B.V.
68
+ */
69
+ /**
70
+ * @license EUPL-1.2
71
+ * Copyright (c) 2020-2022 Gemeente Utrecht
72
+ * Copyright (c) 2020-2022 Frameless B.V.
73
+ */
74
+ /**
75
+ * @license EUPL-1.2
76
+ * Copyright (c) 2020-2022 Gemeente Utrecht
77
+ * Copyright (c) 2020-2022 Frameless B.V.
78
+ */
79
+ /**
80
+ * @license EUPL-1.2
81
+ * Copyright (c) 2020-2022 Gemeente Utrecht
82
+ * Copyright (c) 2020-2022 Frameless B.V.
83
+ */
84
+ /**
85
+ * @license EUPL-1.2
86
+ * Copyright (c) 2020-2022 Gemeente Utrecht
87
+ * Copyright (c) 2020-2022 Frameless B.V.
88
+ */
64
89
  /**
65
90
  * @license EUPL-1.2
66
91
  * Copyright (c) 2021 Robbert Broersma
@@ -722,6 +747,15 @@ however browsers don't seem to have implemented great looking supixel tweening y
722
747
  /* `letter-spacing` design tokens break Arabic text rendering, avoid that */
723
748
  letter-spacing: 0 !important;
724
749
  }
750
+ .utrecht-html code {
751
+ /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
752
+ background-color: var(--utrecht-code-background-color);
753
+ color: var(--utrecht-code-color);
754
+ font-family: var(--utrecht-code-font-family, monospace), monospace;
755
+ font-size: var(--utrecht-code-font-size);
756
+ font-variant-ligatures: none;
757
+ line-height: var(--utrecht-code-line-height);
758
+ }
725
759
  .utrecht-html em {
726
760
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
727
761
  }
@@ -998,6 +1032,34 @@ however browsers don't seem to have implemented great looking supixel tweening y
998
1032
  .utrecht-html p > small:only-child {
999
1033
  font-size: inherit;
1000
1034
  }
1035
+ .utrecht-html pre:has(> code:only-child) {
1036
+ /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1037
+ background-color: var(--utrecht-code-background-color);
1038
+ color: var(--utrecht-code-color);
1039
+ font-family: var(--utrecht-code-font-family, monospace), monospace;
1040
+ font-size: var(--utrecht-code-font-size);
1041
+ font-variant-ligatures: none;
1042
+ line-height: var(--utrecht-code-line-height);
1043
+ --utrecht-code-color: var(--utrecht-code-block-color, inherit);
1044
+ --utrecht-code-background-color: var(--utrecht-code-block-background-color, inherit);
1045
+ --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
1046
+ --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
1047
+ --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1048
+ background-color: var(--utrecht-code-block-background-color);
1049
+ display: block;
1050
+ margin-block-end: var(--utrecht-code-block-margin-block-end);
1051
+ margin-block-start: var(--utrecht-code-block-margin-block-start);
1052
+ margin-inline-end: var(--utrecht-code-block-margin-inline-end);
1053
+ margin-inline-start: var(--utrecht-code-block-margin-inline-start);
1054
+ padding-block-end: var(--utrecht-code-block-padding-block-end);
1055
+ padding-block-start: var(--utrecht-code-block-padding-block-start);
1056
+ padding-inline-end: var(--utrecht-code-block-padding-inline-end);
1057
+ padding-inline-start: var(--utrecht-code-block-padding-inline-start);
1058
+ white-space: pre;
1059
+ }
1060
+ .utrecht-html pre:has(> code:only-child) > code {
1061
+ display: contents;
1062
+ }
1001
1063
  .utrecht-html input[type=radio i] {
1002
1064
  /* reset native margin for input[type="radio" i] */
1003
1065
  margin-block-end: 0;
package/dist/index.css CHANGED
@@ -1385,6 +1385,73 @@ ol.utrecht-breadcrumb__list {
1385
1385
  width: var(--utrecht-calendar-icon-size);
1386
1386
  }
1387
1387
 
1388
+ /**
1389
+ * @license EUPL-1.2
1390
+ * Copyright (c) 2020-2022 Gemeente Utrecht
1391
+ * Copyright (c) 2020-2022 Frameless B.V.
1392
+ */
1393
+ /**
1394
+ * @license EUPL-1.2
1395
+ * Copyright (c) 2020-2022 Gemeente Utrecht
1396
+ * Copyright (c) 2020-2022 Frameless B.V.
1397
+ */
1398
+ .utrecht-code {
1399
+ /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1400
+ background-color: var(--utrecht-code-background-color);
1401
+ color: var(--utrecht-code-color);
1402
+ font-family: var(--utrecht-code-font-family, monospace), monospace;
1403
+ font-size: var(--utrecht-code-font-size);
1404
+ font-variant-ligatures: none;
1405
+ line-height: var(--utrecht-code-line-height);
1406
+ }
1407
+
1408
+ /**
1409
+ * @license EUPL-1.2
1410
+ * Copyright (c) 2020-2022 Gemeente Utrecht
1411
+ * Copyright (c) 2020-2022 Frameless B.V.
1412
+ */
1413
+ /**
1414
+ * @license EUPL-1.2
1415
+ * Copyright (c) 2020-2022 Gemeente Utrecht
1416
+ * Copyright (c) 2020-2022 Frameless B.V.
1417
+ */
1418
+ /**
1419
+ * @license EUPL-1.2
1420
+ * Copyright (c) 2020-2022 Gemeente Utrecht
1421
+ * Copyright (c) 2020-2022 Frameless B.V.
1422
+ */
1423
+ .utrecht-code-block {
1424
+ /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1425
+ background-color: var(--utrecht-code-background-color);
1426
+ color: var(--utrecht-code-color);
1427
+ font-family: var(--utrecht-code-font-family, monospace), monospace;
1428
+ font-size: var(--utrecht-code-font-size);
1429
+ font-variant-ligatures: none;
1430
+ line-height: var(--utrecht-code-line-height);
1431
+ --utrecht-code-color: var(--utrecht-code-block-color, inherit);
1432
+ --utrecht-code-background-color: var(--utrecht-code-block-background-color, inherit);
1433
+ --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
1434
+ --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
1435
+ --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1436
+ background-color: var(--utrecht-code-block-background-color);
1437
+ display: block;
1438
+ margin-block-end: var(--utrecht-code-block-margin-block-end);
1439
+ margin-block-start: var(--utrecht-code-block-margin-block-start);
1440
+ margin-inline-end: var(--utrecht-code-block-margin-inline-end);
1441
+ margin-inline-start: var(--utrecht-code-block-margin-inline-start);
1442
+ padding-block-end: var(--utrecht-code-block-padding-block-end);
1443
+ padding-block-start: var(--utrecht-code-block-padding-block-start);
1444
+ padding-inline-end: var(--utrecht-code-block-padding-inline-end);
1445
+ padding-inline-start: var(--utrecht-code-block-padding-inline-start);
1446
+ white-space: pre;
1447
+ }
1448
+
1449
+ .utrecht-code-block__content {
1450
+ /* reset effect of <code> */
1451
+ font-family: inherit;
1452
+ font-size: inherit;
1453
+ }
1454
+
1388
1455
  /**
1389
1456
  * @license EUPL-1.2
1390
1457
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.390",
2
+ "version": "1.0.0-alpha.392",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "ab97e939a8e973aaf1113c3b47474cc2daf89102"
29
+ "gitHead": "cf8648684f62c6c46cde77d7798404a4d0667d8f"
30
30
  }