@utrecht/heading-5-css 1.3.0 → 1.5.0

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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/html/index.css +19 -0
  3. package/dist/html/index.min.css +1 -0
  4. package/dist/html/index.mjs +1 -0
  5. package/dist/html/index.mjs.d.ts +2 -0
  6. package/dist/tokens.d.mts +4 -0
  7. package/dist/tokens.mjs +90 -0
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @utrecht/heading-5-css
2
2
 
3
+ ## 1.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 729f698: Restore vanilla HTML implementations to the npm packages of CSS components, with the following files:
8
+
9
+ - `dist/html/index.css`
10
+ - `dist/html/index.min.css`
11
+ - `dist/html/index.mjs`
12
+
13
+ ## 1.4.0
14
+
15
+ ### Minor Changes
16
+
17
+ - 725617a: Add `tokens.mjs` and `tokens.d.mts` files to CSS packages.
18
+
3
19
  ## 1.3.0
4
20
 
5
21
  ### Minor Changes
package/dist/html/index.css ADDED
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2020-2024 Frameless B.V.
4
+ * Copyright (c) 2021-2024 Gemeente Utrecht
5
+ */
6
+ h5 {
7
+ break-inside: avoid-column;
8
+ page-break-after: avoid;
9
+ page-break-inside: avoid;
10
+ color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
11
+ font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
12
+ font-size: var(--utrecht-heading-5-font-size, revert);
13
+ font-weight: var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));
14
+ line-height: var(--utrecht-heading-5-line-height);
15
+ margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
16
+ margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
17
+ page-break-after: avoid;
18
+ --utrecht-space-around: 1;
19
+ }
package/dist/html/index.min.css ADDED
@@ -0,0 +1 @@
1
+ h5{break-inside:avoid-column;color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;--utrecht-space-around:1}
package/dist/html/index.mjs ADDED
@@ -0,0 +1 @@
1
+ export default "h5{break-inside:avoid-column;color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;--utrecht-space-around:1}";
package/dist/html/index.mjs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const css: string;
2
+ export default css;
package/dist/tokens.d.mts ADDED
@@ -0,0 +1,4 @@
1
+
2
+ declare const tokens: any;
3
+
4
+ export default tokens;
package/dist/tokens.mjs ADDED
@@ -0,0 +1,90 @@
1
+ export default {
2
+ "utrecht": {
3
+ "heading-5": {
4
+ "color": {
5
+ "$extensions": {
6
+ "nl.nldesignsystem.css.property": {
7
+ "syntax": "<color>",
8
+ "inherits": true
9
+ },
10
+ "nl.nldesignsystem.fallback": [
11
+ "utrecht.heading.color",
12
+ "utrecht.document.color"
13
+ ],
14
+ "nl.nldesignsystem.figma.supports-token": true
15
+ },
16
+ "type": "color"
17
+ },
18
+ "font-family": {
19
+ "$extensions": {
20
+ "nl.nldesignsystem.css.property": {
21
+ "syntax": "*",
22
+ "inherits": true
23
+ },
24
+ "nl.nldesignsystem.fallback": [
25
+ "utrecht.heading.font-family",
26
+ "utrecht.document.font-family"
27
+ ],
28
+ "nl.nldesignsystem.figma.supports-token": true
29
+ },
30
+ "type": "fontFamilies"
31
+ },
32
+ "font-size": {
33
+ "$extensions": {
34
+ "nl.nldesignsystem.css.property": {
35
+ "syntax": "<length>",
36
+ "inherits": true
37
+ },
38
+ "nl.nldesignsystem.figma.supports-token": true
39
+ },
40
+ "type": "fontSizes"
41
+ },
42
+ "font-weight": {
43
+ "$extensions": {
44
+ "nl.nldesignsystem.css.property": {
45
+ "syntax": "<number>",
46
+ "inherits": true
47
+ },
48
+ "nl.nldesignsystem.fallback": [
49
+ "utrecht.heading.font-weight"
50
+ ],
51
+ "nl.nldesignsystem.figma.supports-token": true
52
+ },
53
+ "type": "fontWeights"
54
+ },
55
+ "line-height": {
56
+ "$extensions": {
57
+ "nl.nldesignsystem.css.property": {
58
+ "syntax": [
59
+ "<length>",
60
+ "<number>"
61
+ ],
62
+ "inherits": true
63
+ },
64
+ "nl.nldesignsystem.figma.supports-token": true
65
+ },
66
+ "type": "lineHeights"
67
+ },
68
+ "margin-block-end": {
69
+ "$extensions": {
70
+ "nl.nldesignsystem.css.property": {
71
+ "syntax": "<length>",
72
+ "inherits": true
73
+ },
74
+ "nl.nldesignsystem.figma.supports-token": false
75
+ },
76
+ "type": "spacing"
77
+ },
78
+ "margin-block-start": {
79
+ "$extensions": {
80
+ "nl.nldesignsystem.css.property": {
81
+ "syntax": "<length>",
82
+ "inherits": true
83
+ },
84
+ "nl.nldesignsystem.figma.supports-token": false
85
+ },
86
+ "type": "spacing"
87
+ }
88
+ }
89
+ }
90
+ };
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.3.0",
2
+ "version": "1.5.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Heading 5 component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -12,7 +12,7 @@
12
12
  ],
13
13
  "main": "dist/index.css",
14
14
  "devDependencies": {
15
- "@utrecht/heading-css": "1.3.0",
15
+ "@utrecht/heading-css": "1.4.0",
16
16
  "@utrecht/build-utils-css": "0.0.1"
17
17
  },
18
18
  "keywords": [