@utrecht/form-field-description-css 1.1.0 → 1.3.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 (5) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/index.css +1 -0
  3. package/package.json +10 -3
  4. package/src/_mixin.scss +1 -0
  5. package/src/tokens.json +37 -12
package/CHANGELOG.md ADDED
@@ -0,0 +1,25 @@
1
+ # @utrecht/form-field-description-css
2
+
3
+ ## 1.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 5ab0a68: Added metadata for form-field-description tokens.
8
+
9
+ ## 1.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 76473a7: Add `line-height` token to Form Field Description.
14
+
15
+ ## 1.1.0
16
+
17
+ ### Minor Changes
18
+
19
+ - 62f1157: Add SCSS files to `src/` directory of CSS component packages.
20
+
21
+ ## 1.0.0
22
+
23
+ ### Major Changes
24
+
25
+ - 856d996: Switch from alpha releases to semantic versioning.
package/dist/index.css CHANGED
@@ -12,6 +12,7 @@
12
12
  font-family: var(--utrecht-document-font-family, inherit);
13
13
  font-size: var(--utrecht-form-field-description-font-size, inherit);
14
14
  font-style: var(--utrecht-form-field-description-font-style);
15
+ line-height: var(--utrecht-form-field-description-line-height);
15
16
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
16
17
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
17
18
  }
package/package.json CHANGED
@@ -1,16 +1,18 @@
1
1
  {
2
- "version": "1.1.0",
2
+ "version": "1.3.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Form field description component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
6
6
  "name": "@utrecht/form-field-description-css",
7
7
  "files": [
8
8
  "dist/",
9
- "src/"
9
+ "docs/",
10
+ "src/",
11
+ "*.md"
10
12
  ],
11
13
  "main": "dist/index.css",
12
14
  "devDependencies": {
13
- "rollup": "3.29.4"
15
+ "rollup": "4.18.0"
14
16
  },
15
17
  "keywords": [
16
18
  "nl-design-system"
@@ -18,6 +20,11 @@
18
20
  "publishConfig": {
19
21
  "access": "public"
20
22
  },
23
+ "repository": {
24
+ "type": "git+ssh",
25
+ "url": "git@github.com:nl-design-system/utrecht.git",
26
+ "directory": "components/form-field-description"
27
+ },
21
28
  "scripts": {
22
29
  "build": "rollup -c ../rollup.config.mjs",
23
30
  "clean": "rimraf dist"
package/src/_mixin.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  font-family: var(--utrecht-document-font-family, inherit);
11
11
  font-size: var(--utrecht-form-field-description-font-size, inherit);
12
12
  font-style: var(--utrecht-form-field-description-font-style);
13
+ line-height: var(--utrecht-form-field-description-line-height);
13
14
  margin-block-end: calc(
14
15
  var(--utrecht-space-around, 0) *
15
16
  var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0))
package/src/tokens.json CHANGED
@@ -6,7 +6,8 @@
6
6
  "nl.nldesignsystem.css.property": {
7
7
  "syntax": "<color>",
8
8
  "inherits": true
9
- }
9
+ },
10
+ "nl.nldesignsystem.figma.supports-token": true
10
11
  },
11
12
  "type": "color"
12
13
  },
@@ -15,7 +16,8 @@
15
16
  "nl.nldesignsystem.css.property": {
16
17
  "syntax": "*",
17
18
  "inherits": true
18
- }
19
+ },
20
+ "nl.nldesignsystem.figma.supports-token": true
19
21
  },
20
22
  "type": "fontFamilies"
21
23
  },
@@ -24,17 +26,30 @@
24
26
  "nl.nldesignsystem.css.property": {
25
27
  "syntax": "<length>",
26
28
  "inherits": true
27
- }
29
+ },
30
+ "nl.nldesignsystem.figma.supports-token": true
28
31
  },
29
32
  "type": "fontSizes"
30
33
  },
31
34
  "font-style": {
32
35
  "$extensions": {
33
36
  "nl.nldesignsystem.css.property": {
34
- "syntax": "italic",
37
+ "syntax": ["inherit", "italic", "normal"],
35
38
  "inherits": true
36
- }
37
- }
39
+ },
40
+ "nl.nldesignsystem.figma.supports-token": false
41
+ },
42
+ "type": "other"
43
+ },
44
+ "line-height": {
45
+ "$extensions": {
46
+ "nl.nldesignsystem.css.property": {
47
+ "syntax": "<length>",
48
+ "inherits": true
49
+ },
50
+ "nl.nldesignsystem.figma.supports-token": true
51
+ },
52
+ "type": "lineHeights"
38
53
  },
39
54
  "margin-block-start": {
40
55
  "$extensions": {
@@ -62,16 +77,24 @@
62
77
  "nl.nldesignsystem.css.property": {
63
78
  "syntax": "<number>",
64
79
  "inherits": true
65
- }
66
- }
80
+ },
81
+ "nl.nldesignsystem.deprecated": true,
82
+ "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.font-weight",
83
+ "nl.nldesignsystem.figma.supports-token": false
84
+ },
85
+ "type": "fontWeights"
67
86
  },
68
87
  "color": {
69
88
  "$extensions": {
70
89
  "nl.nldesignsystem.css.property": {
71
90
  "syntax": "<color>",
72
91
  "inherits": true
73
- }
74
- }
92
+ },
93
+ "nl.nldesignsystem.deprecated": true,
94
+ "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.color",
95
+ "nl.nldesignsystem.figma.supports-token": false
96
+ },
97
+ "type": "color"
75
98
  }
76
99
  },
77
100
  "valid": {
@@ -80,8 +103,10 @@
80
103
  "nl.nldesignsystem.css.property": {
81
104
  "syntax": "<color>",
82
105
  "inherits": true
83
- }
84
- }
106
+ },
107
+ "nl.nldesignsystem.figma.supports-token": false
108
+ },
109
+ "type": "color"
85
110
  }
86
111
  }
87
112
  }