@utrecht/heading-3-css 1.2.0 → 1.4.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.
- package/CHANGELOG.md +12 -0
- package/README.md +2 -0
- package/dist/index.css +4 -13
- package/dist/index.min.css +1 -0
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.d.ts +2 -0
- package/dist/tokens.d.mts +4 -0
- package/dist/tokens.mjs +90 -0
- package/docs/technology-pdf.nl.md +11 -0
- package/package.json +4 -4
- package/src/_mixin.scss +2 -3
- package/src/html/_mixin.scss +2 -1
- package/src/html/index.scss +2 -1
- package/src/index.scss +2 -3
- package/src/story-template.jsx +3 -3
- package/dist/index.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @utrecht/heading-3-css
|
|
2
2
|
|
|
3
|
+
## 1.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 725617a: Add `tokens.mjs` and `tokens.d.mts` files to CSS packages.
|
|
8
|
+
|
|
9
|
+
## 1.3.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- e497b08: Export CSS string as default export in `dist/index.mjs`.
|
|
14
|
+
|
|
3
15
|
## 1.2.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/README.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
* Copyright (c) 2021
|
|
5
|
-
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* @license EUPL-1.2
|
|
9
|
-
* Copyright (c) 2021 Gemeente Utrecht
|
|
10
|
-
* Copyright (c) 2021 Robbert Broersma
|
|
11
|
-
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
|
|
12
|
-
*/
|
|
13
|
-
/**
|
|
14
|
-
* @license EUPL-1.2
|
|
15
|
-
* Copyright (c) 2021-2022 Frameless B.V.
|
|
3
|
+
* Copyright (c) 2020-2024 Frameless B.V.
|
|
4
|
+
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
16
5
|
*/
|
|
6
|
+
|
|
17
7
|
.utrecht-heading-3 {
|
|
18
8
|
break-inside: avoid-column;
|
|
9
|
+
page-break-after: avoid;
|
|
19
10
|
page-break-inside: avoid;
|
|
20
11
|
color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
|
|
21
12
|
font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.utrecht-heading-3{break-inside:avoid-column;color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default ".utrecht-heading-3{break-inside:avoid-column;color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}";
|
package/dist/tokens.mjs
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"heading-3": {
|
|
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.
|
|
2
|
+
"version": "1.4.0",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Heading 3 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
|
-
"
|
|
16
|
-
"@utrecht/
|
|
15
|
+
"@utrecht/heading-css": "1.4.0",
|
|
16
|
+
"@utrecht/build-utils-css": "0.0.1"
|
|
17
17
|
},
|
|
18
18
|
"keywords": [
|
|
19
19
|
"nl-design-system"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"directory": "components/heading-3"
|
|
28
28
|
},
|
|
29
29
|
"scripts": {
|
|
30
|
-
"build": "
|
|
30
|
+
"build": "build-css-package",
|
|
31
31
|
"clean": "rimraf dist"
|
|
32
32
|
}
|
|
33
33
|
}
|
package/src/_mixin.scss
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
* Copyright (c) 2021
|
|
5
|
-
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
|
|
3
|
+
* Copyright (c) 2020-2024 Frameless B.V.
|
|
4
|
+
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
6
5
|
*/
|
|
7
6
|
|
|
8
7
|
@import "~@utrecht/heading-css/src/mixin";
|
package/src/html/_mixin.scss
CHANGED
package/src/html/index.scss
CHANGED
package/src/index.scss
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
* Copyright (c) 2021
|
|
5
|
-
* Copyright (c) 2021 The Knights Who Say NIH! B.V.
|
|
3
|
+
* Copyright (c) 2020-2024 Frameless B.V.
|
|
4
|
+
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
6
5
|
*/
|
|
7
6
|
|
|
8
7
|
@import "./mixin";
|
package/src/story-template.jsx
CHANGED
package/dist/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var undefined$1 = undefined;export{undefined$1 as default};
|