@utrecht/component-library-css 1.0.0-alpha.312 → 1.0.0-alpha.313

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.
Files changed (3) hide show
  1. package/dist/html.css +13 -1
  2. package/dist/index.css +29 -6
  3. package/package.json +3 -3
package/dist/html.css CHANGED
@@ -253,6 +253,11 @@
253
253
  /* stylelint-disable-next-line block-no-empty */
254
254
  /* stylelint-disable-next-line block-no-empty */
255
255
  /* stylelint-disable-next-line block-no-empty */
256
+ /**
257
+ * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
258
+ *
259
+ * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
260
+ */
256
261
  /**
257
262
  * @license EUPL-1.2
258
263
  * Copyright (c) 2021 Robbert Broersma
@@ -320,7 +325,6 @@
320
325
  * Copyright (c) 2021 Robbert Broersma
321
326
  */
322
327
  /* stylelint-disable-next-line block-no-empty */
323
- /* stylelint-disable-next-line block-no-empty */
324
328
  /* stylelint-disable selector-class-pattern */
325
329
  /**
326
330
  * @license EUPL-1.2
@@ -584,6 +588,7 @@
584
588
  line-height: var(--utrecht-heading-1-line-height);
585
589
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
586
590
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
591
+ page-break-after: avoid;
587
592
  text-transform: var(--utrecht-heading-1-text-transform, inherit);
588
593
  --utrecht-space-around: 1;
589
594
  }
@@ -598,6 +603,7 @@
598
603
  line-height: var(--utrecht-heading-2-line-height);
599
604
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
600
605
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
606
+ page-break-after: avoid;
601
607
  text-transform: var(--utrecht-heading-2-text-transform, inherit);
602
608
  --utrecht-space-around: 1;
603
609
  }
@@ -612,6 +618,7 @@
612
618
  line-height: var(--utrecht-heading-3-line-height);
613
619
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
614
620
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
621
+ page-break-after: avoid;
615
622
  text-transform: var(--utrecht-heading-3-text-transform, inherit);
616
623
  --utrecht-space-around: 1;
617
624
  }
@@ -626,6 +633,7 @@
626
633
  line-height: var(--utrecht-heading-4-line-height);
627
634
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
628
635
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
636
+ page-break-after: avoid;
629
637
  text-transform: var(--utrecht-heading-4-text-transform, inherit);
630
638
  --utrecht-space-around: 1;
631
639
  }
@@ -640,6 +648,7 @@
640
648
  line-height: var(--utrecht-heading-5-line-height);
641
649
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
642
650
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
651
+ page-break-after: avoid;
643
652
  text-transform: var(--utrecht-heading-5-text-transform, inherit);
644
653
  --utrecht-space-around: 1;
645
654
  }
@@ -654,6 +663,7 @@
654
663
  line-height: var(--utrecht-heading-6-line-height);
655
664
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
656
665
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
666
+ page-break-after: avoid;
657
667
  text-transform: var(--utrecht-heading-6-text-transform, inherit);
658
668
  --utrecht-space-around: 1;
659
669
  }
@@ -833,12 +843,14 @@
833
843
  font-weight: var(--utrecht-table-caption-font-weight);
834
844
  line-height: var(--utrecht-table-caption-line-height);
835
845
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
846
+ page-break-after: avoid;
836
847
  text-align: var(--utrecht-table-caption-text-align, center);
837
848
  }
838
849
  .utrecht-html thead {
839
850
  background-color: var(--utrecht-table-header-background-color);
840
851
  color: var(--utrecht-table-header-color);
841
852
  font-weight: var(--utrecht-table-header-font-weight);
853
+ page-break-inside: avoid;
842
854
  text-transform: var(--utrecht-table-header-text-transform);
843
855
  vertical-align: bottom;
844
856
  }
package/dist/index.css CHANGED
@@ -1299,7 +1299,6 @@ ol.utrecht-breadcrumb__list {
1299
1299
  * Copyright (c) 2021-2022 Gemeente Utrecht
1300
1300
  * Copyright (c) 2021-2022 Frameless B.V.
1301
1301
  */
1302
- /* stylelint-disable-next-line block-no-empty */
1303
1302
  .utrecht-data-list {
1304
1303
  /* also set `margin-block` to reset browser styling of <dl> */
1305
1304
  display: block;
@@ -1458,6 +1457,7 @@ ol.utrecht-breadcrumb__list {
1458
1457
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
1459
1458
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
1460
1459
  max-inline-size: var(--utrecht-form-field-max-inline-size);
1460
+ page-break-inside: avoid;
1461
1461
  }
1462
1462
 
1463
1463
  .utrecht-form-field--distanced {
@@ -1561,6 +1561,7 @@ ol.utrecht-breadcrumb__list {
1561
1561
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
1562
1562
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
1563
1563
  max-inline-size: var(--utrecht-form-field-max-inline-size);
1564
+ page-break-inside: avoid;
1564
1565
  }
1565
1566
 
1566
1567
  .utrecht-form-field--distanced {
@@ -1781,6 +1782,7 @@ ol.utrecht-breadcrumb__list {
1781
1782
  line-height: var(--utrecht-heading-1-line-height);
1782
1783
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
1783
1784
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
1785
+ page-break-after: avoid;
1784
1786
  text-transform: var(--utrecht-heading-1-text-transform, inherit);
1785
1787
  }
1786
1788
 
@@ -1815,6 +1817,7 @@ ol.utrecht-breadcrumb__list {
1815
1817
  line-height: var(--utrecht-heading-2-line-height);
1816
1818
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
1817
1819
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
1820
+ page-break-after: avoid;
1818
1821
  text-transform: var(--utrecht-heading-2-text-transform, inherit);
1819
1822
  }
1820
1823
 
@@ -1849,6 +1852,7 @@ ol.utrecht-breadcrumb__list {
1849
1852
  line-height: var(--utrecht-heading-3-line-height);
1850
1853
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
1851
1854
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
1855
+ page-break-after: avoid;
1852
1856
  text-transform: var(--utrecht-heading-3-text-transform, inherit);
1853
1857
  }
1854
1858
 
@@ -1883,6 +1887,7 @@ ol.utrecht-breadcrumb__list {
1883
1887
  line-height: var(--utrecht-heading-4-line-height);
1884
1888
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
1885
1889
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
1890
+ page-break-after: avoid;
1886
1891
  text-transform: var(--utrecht-heading-4-text-transform, inherit);
1887
1892
  }
1888
1893
 
@@ -1917,6 +1922,7 @@ ol.utrecht-breadcrumb__list {
1917
1922
  line-height: var(--utrecht-heading-5-line-height);
1918
1923
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
1919
1924
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
1925
+ page-break-after: avoid;
1920
1926
  text-transform: var(--utrecht-heading-5-text-transform, inherit);
1921
1927
  }
1922
1928
 
@@ -1951,6 +1957,7 @@ ol.utrecht-breadcrumb__list {
1951
1957
  line-height: var(--utrecht-heading-6-line-height);
1952
1958
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
1953
1959
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
1960
+ page-break-after: avoid;
1954
1961
  text-transform: var(--utrecht-heading-6-text-transform, inherit);
1955
1962
  }
1956
1963
 
@@ -2141,6 +2148,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
2141
2148
  /* stylelint-disable-next-line block-no-empty */
2142
2149
  /* stylelint-disable-next-line block-no-empty */
2143
2150
  /* stylelint-disable-next-line block-no-empty */
2151
+ /**
2152
+ * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
2153
+ *
2154
+ * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
2155
+ */
2144
2156
  /**
2145
2157
  * @license EUPL-1.2
2146
2158
  * Copyright (c) 2021 Gemeente Utrecht
@@ -2326,6 +2338,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
2326
2338
  /* stylelint-disable-next-line block-no-empty */
2327
2339
  /* stylelint-disable-next-line block-no-empty */
2328
2340
  /* stylelint-disable-next-line block-no-empty */
2341
+ /**
2342
+ * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
2343
+ *
2344
+ * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
2345
+ */
2329
2346
  .utrecht-link {
2330
2347
  color: var(--utrecht-link-color, blue);
2331
2348
  text-decoration: var(--utrecht-link-text-decoration, underline);
@@ -2400,14 +2417,19 @@ however browsers don't seem to have implemented great looking supixel tweening y
2400
2417
  outline-style: none;
2401
2418
  }
2402
2419
 
2403
- /* stylelint-disable-next-line block-no-empty */
2404
- /* stylelint-disable-next-line block-no-empty */
2405
2420
  .utrecht-link--telephone {
2406
2421
  white-space: nowrap;
2407
2422
  }
2408
2423
 
2409
- /* stylelint-disable-next-line block-no-empty */
2410
- /* stylelint-disable-next-line block-no-empty */
2424
+ .utrecht-link--box-content {
2425
+ color: unset;
2426
+ display: inline-block;
2427
+ text-decoration: unset;
2428
+ text-decoration-skip-ink: unset;
2429
+ text-decoration-thickness: unset;
2430
+ text-underline-offset: unset;
2431
+ }
2432
+
2411
2433
  /**
2412
2434
  * @license EUPL-1.2
2413
2435
  * Copyright (c) 2021 Robbert Broersma
@@ -3415,7 +3437,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
3415
3437
  * Copyright (c) 2021 Robbert Broersma
3416
3438
  */
3417
3439
  /* stylelint-disable-next-line block-no-empty */
3418
- /* stylelint-disable-next-line block-no-empty */
3419
3440
  .utrecht-table {
3420
3441
  border-collapse: collapse;
3421
3442
  border-color: var(--utrecht-table-border-color, 0);
@@ -3439,6 +3460,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
3439
3460
  font-weight: var(--utrecht-table-caption-font-weight);
3440
3461
  line-height: var(--utrecht-table-caption-line-height);
3441
3462
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
3463
+ page-break-after: avoid;
3442
3464
  text-align: var(--utrecht-table-caption-text-align, center);
3443
3465
  }
3444
3466
 
@@ -3446,6 +3468,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
3446
3468
  background-color: var(--utrecht-table-header-background-color);
3447
3469
  color: var(--utrecht-table-header-color);
3448
3470
  font-weight: var(--utrecht-table-header-font-weight);
3471
+ page-break-inside: avoid;
3449
3472
  text-transform: var(--utrecht-table-header-text-transform);
3450
3473
  vertical-align: bottom;
3451
3474
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.312",
2
+ "version": "1.0.0-alpha.313",
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",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.305",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.306",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.54.0"
@@ -27,5 +27,5 @@
27
27
  "clean": "rimraf dist/"
28
28
  },
29
29
  "main": "dist/index.css",
30
- "gitHead": "fb5d1793dc0f77c0d1f00ffc0cb6426f256eba85"
30
+ "gitHead": "f49b8678328b2c3ad2b3878e5df0ea4a2ea8658a"
31
31
  }