@utrecht/component-library-css 1.0.0-alpha.578 → 1.0.0-alpha.579

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 +9 -0
  2. package/dist/index.css +13 -0
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -844,6 +844,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
844
844
  max-inline-size: var(--utrecht-form-max-inline-size);
845
845
  }
846
846
  .utrecht-html legend {
847
+ break-inside: avoid;
847
848
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
848
849
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
849
850
  font-size: var(--utrecht-form-fieldset-legend-font-size);
@@ -894,6 +895,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
894
895
  }
895
896
  }
896
897
  .utrecht-html h1 {
898
+ break-inside: avoid-column;
897
899
  page-break-after: avoid;
898
900
  page-break-inside: avoid;
899
901
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -907,6 +909,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
907
909
  --utrecht-space-around: 1;
908
910
  }
909
911
  .utrecht-html h2 {
912
+ break-inside: avoid-column;
910
913
  page-break-after: avoid;
911
914
  page-break-inside: avoid;
912
915
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -920,6 +923,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
920
923
  --utrecht-space-around: 1;
921
924
  }
922
925
  .utrecht-html h3 {
926
+ break-inside: avoid-column;
923
927
  page-break-after: avoid;
924
928
  page-break-inside: avoid;
925
929
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -933,6 +937,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
933
937
  --utrecht-space-around: 1;
934
938
  }
935
939
  .utrecht-html h4 {
940
+ break-inside: avoid-column;
936
941
  page-break-after: avoid;
937
942
  page-break-inside: avoid;
938
943
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -946,6 +951,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
946
951
  --utrecht-space-around: 1;
947
952
  }
948
953
  .utrecht-html h5 {
954
+ break-inside: avoid-column;
949
955
  page-break-after: avoid;
950
956
  page-break-inside: avoid;
951
957
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -959,6 +965,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
959
965
  --utrecht-space-around: 1;
960
966
  }
961
967
  .utrecht-html h6 {
968
+ break-inside: avoid-column;
962
969
  page-break-after: avoid;
963
970
  page-break-inside: avoid;
964
971
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -1380,6 +1387,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1380
1387
  --utrecht-space-around: 1;
1381
1388
  }
1382
1389
  .utrecht-html caption {
1390
+ break-inside: avoid;
1383
1391
  color: var(--utrecht-table-caption-color);
1384
1392
  font-family: var(--utrecht-table-caption-font-family);
1385
1393
  font-size: var(--utrecht-table-caption-font-size);
@@ -1393,6 +1401,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1393
1401
  --_utrecht-table-header-cell-vertical-align: bottom;
1394
1402
  --_utrecht-table-header-cell-z-index: 8;
1395
1403
  background-color: var(--utrecht-table-header-background-color);
1404
+ break-inside: avoid;
1396
1405
  color: var(--utrecht-table-header-color);
1397
1406
  font-weight: var(--utrecht-table-header-font-weight);
1398
1407
  page-break-inside: avoid;
package/dist/index.css CHANGED
@@ -41,6 +41,7 @@
41
41
  */
42
42
  /* stylelint-disable-next-line block-no-empty */
43
43
  .utrecht-accordion__section {
44
+ break-inside: avoid;
44
45
  margin-block-end: var(--utrecht-accordion-section-margin-block-end);
45
46
  margin-block-start: var(--utrecht-accordion-section-margin-block-start);
46
47
  }
@@ -2746,6 +2747,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2746
2747
  */
2747
2748
  /* stylelint-disable-next-line block-no-empty */
2748
2749
  .utrecht-form-field {
2750
+ break-inside: avoid;
2749
2751
  font-family: var(--utrecht-document-font-family, inherit);
2750
2752
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
2751
2753
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
@@ -2892,6 +2894,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
2892
2894
  }
2893
2895
 
2894
2896
  .utrecht-form-fieldset__legend {
2897
+ break-inside: avoid;
2895
2898
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
2896
2899
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
2897
2900
  font-size: var(--utrecht-form-fieldset-legend-font-size);
@@ -3129,6 +3132,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3129
3132
  * Copyright (c) 2021-2022 Frameless B.V.
3130
3133
  */
3131
3134
  .utrecht-heading-1 {
3135
+ break-inside: avoid-column;
3132
3136
  page-break-after: avoid;
3133
3137
  page-break-inside: avoid;
3134
3138
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -3162,6 +3166,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3162
3166
  * Copyright (c) 2021-2022 Frameless B.V.
3163
3167
  */
3164
3168
  .utrecht-heading-2 {
3169
+ break-inside: avoid-column;
3165
3170
  page-break-after: avoid;
3166
3171
  page-break-inside: avoid;
3167
3172
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -3195,6 +3200,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3195
3200
  * Copyright (c) 2021-2022 Frameless B.V.
3196
3201
  */
3197
3202
  .utrecht-heading-3 {
3203
+ break-inside: avoid-column;
3198
3204
  page-break-after: avoid;
3199
3205
  page-break-inside: avoid;
3200
3206
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -3228,6 +3234,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3228
3234
  * Copyright (c) 2021-2022 Frameless B.V.
3229
3235
  */
3230
3236
  .utrecht-heading-4 {
3237
+ break-inside: avoid-column;
3231
3238
  page-break-after: avoid;
3232
3239
  page-break-inside: avoid;
3233
3240
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -3261,6 +3268,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3261
3268
  * Copyright (c) 2021-2022 Frameless B.V.
3262
3269
  */
3263
3270
  .utrecht-heading-5 {
3271
+ break-inside: avoid-column;
3264
3272
  page-break-after: avoid;
3265
3273
  page-break-inside: avoid;
3266
3274
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -3294,6 +3302,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3294
3302
  * Copyright (c) 2021-2022 Frameless B.V.
3295
3303
  */
3296
3304
  .utrecht-heading-6 {
3305
+ break-inside: avoid-column;
3297
3306
  page-break-after: avoid;
3298
3307
  page-break-inside: avoid;
3299
3308
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
@@ -5706,6 +5715,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5706
5715
 
5707
5716
  .utrecht-table--html-table > caption,
5708
5717
  .utrecht-table__caption {
5718
+ break-inside: avoid;
5709
5719
  color: var(--utrecht-table-caption-color);
5710
5720
  font-family: var(--utrecht-table-caption-font-family);
5711
5721
  font-size: var(--utrecht-table-caption-font-size);
@@ -5721,6 +5731,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5721
5731
  --_utrecht-table-header-cell-vertical-align: bottom;
5722
5732
  --_utrecht-table-header-cell-z-index: 8;
5723
5733
  background-color: var(--utrecht-table-header-background-color);
5734
+ break-inside: avoid;
5724
5735
  color: var(--utrecht-table-header-color);
5725
5736
  font-weight: var(--utrecht-table-header-font-weight);
5726
5737
  page-break-inside: avoid;
@@ -5783,6 +5794,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5783
5794
  .utrecht-table--html-table > tbody > tr,
5784
5795
  .utrecht-table--html-table > tfoot > tr,
5785
5796
  .utrecht-table__row {
5797
+ break-inside: avoid;
5786
5798
  page-break-inside: avoid;
5787
5799
  }
5788
5800
 
@@ -6500,6 +6512,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
6500
6512
  * Copyright (c) 2021 Gemeente Utrecht
6501
6513
  */
6502
6514
  .utrecht-url {
6515
+ break-inside: avoid;
6503
6516
  font-variant-ligatures: none;
6504
6517
  hyphens: none;
6505
6518
  page-break-inside: avoid;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.578",
2
+ "version": "1.0.0-alpha.579",
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": "d074041a4ec2d33dab6173dfe0d872d63db5a739"
29
+ "gitHead": "3b0b954c3b91410c10c8c02f67ddb8de5fc3e555"
30
30
  }