@utrecht/heading-4-css 2.0.1 → 2.0.2

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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/html/index.css +3 -3
  3. package/dist/html/index.min.css +1 -1
  4. package/dist/html/index.mjs +1 -1
  5. package/dist/index.css +3 -3
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.mjs +1 -1
  8. package/package.json +3 -3
  9. package/src/_mixin.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @utrecht/heading-4-css
2
2
 
3
+ ## 2.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 982448a: Switch from deprecated CSS properties to ones that are newly Baseline supported:
8
+
9
+ - `clip` now iw `clip-path`.
10
+ - `word-break` is now `overflow-wrap`
11
+ - `page-break-inside` now is `break-inside`.
12
+ - `page-break-after` now is `break-after`.
13
+
3
14
  ## 2.0.1
4
15
 
5
16
  ### Patch Changes
package/dist/html/index.css CHANGED
@@ -4,9 +4,10 @@
4
4
  * Copyright (c) 2021-2024 Gemeente Utrecht
5
5
  */
6
6
  h4 {
7
+ break-after: avoid;
7
8
  break-inside: avoid-column;
8
- page-break-after: avoid;
9
- page-break-inside: avoid;
9
+ break-inside: avoid;
10
+ break-after: avoid-page;
10
11
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
11
12
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
12
13
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -14,6 +15,5 @@ h4 {
14
15
  line-height: var(--utrecht-heading-4-line-height);
15
16
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
16
17
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
17
- page-break-after: avoid;
18
18
  --utrecht-space-around: 1;
19
19
  }
package/dist/html/index.min.css CHANGED
@@ -1 +1 @@
1
- h4{break-inside:avoid-column;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;--utrecht-space-around:1}
1
+ h4{break-after:avoid;break-after:avoid-page;break-inside:avoid-column;break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));--utrecht-space-around:1}
package/dist/html/index.mjs CHANGED
@@ -1 +1 @@
1
- export default "h4{break-inside:avoid-column;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;--utrecht-space-around:1}";
1
+ export default "h4{break-after:avoid;break-after:avoid-page;break-inside:avoid-column;break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));--utrecht-space-around:1}";
package/dist/index.css CHANGED
@@ -5,9 +5,10 @@
5
5
  */
6
6
 
7
7
  .utrecht-heading-4 {
8
+ break-after: avoid;
8
9
  break-inside: avoid-column;
9
- page-break-after: avoid;
10
- page-break-inside: avoid;
10
+ break-inside: avoid;
11
+ break-after: avoid-page;
11
12
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
12
13
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
13
14
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -15,7 +16,6 @@
15
16
  line-height: var(--utrecht-heading-4-line-height);
16
17
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
17
18
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
18
- page-break-after: avoid;
19
19
  }
20
20
 
21
21
  .utrecht-heading-4--distanced {
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .utrecht-heading-4{break-inside:avoid-column;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}
1
+ .utrecht-heading-4{break-after:avoid;break-after:avoid-page;break-inside:avoid-column;break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0))}.utrecht-heading-4--distanced{--utrecht-space-around:1}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".utrecht-heading-4{break-inside:avoid-column;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}";
1
+ export default ".utrecht-heading-4{break-after:avoid;break-after:avoid-page;break-inside:avoid-column;break-inside:avoid;color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0))}.utrecht-heading-4--distanced{--utrecht-space-around:1}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1",
2
+ "version": "2.0.2",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Heading 4 component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -12,8 +12,8 @@
12
12
  ],
13
13
  "main": "dist/index.css",
14
14
  "devDependencies": {
15
- "@utrecht/build-utils-css": "0.0.4",
16
- "@utrecht/heading-css": "2.0.1"
15
+ "@utrecht/heading-css": "2.0.2",
16
+ "@utrecht/build-utils-css": "0.0.4"
17
17
  },
18
18
  "keywords": [
19
19
  "nl-design-system"
package/src/_mixin.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @mixin utrecht-heading-4 {
10
10
  @include utrecht-heading;
11
11
 
12
+ break-after: avoid-page;
12
13
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
13
14
  font-family: var(
14
15
  --utrecht-heading-4-font-family,
@@ -19,7 +20,6 @@
19
20
  line-height: var(--utrecht-heading-4-line-height);
20
21
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
21
22
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
22
- page-break-after: avoid;
23
23
  }
24
24
 
25
25
  @mixin utrecht-heading-4--distanced {