@utrecht/form-label-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 (4) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/package.json +10 -3
  3. package/src/html/_mixin.scss +4 -2
  4. package/src/tokens.json +36 -18
package/CHANGELOG.md ADDED
@@ -0,0 +1,25 @@
1
+ # @utrecht/form-label-css
2
+
3
+ ## 1.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - c8520fe: Support styling of a form field `<label>` element that contains a checkbox or radio button, within `class="utrecht-html"`.
8
+
9
+ ## 1.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 4c13489: Added metadata for form-label tokens.
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/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 label component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
6
6
  "name": "@utrecht/form-label-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-label"
27
+ },
21
28
  "scripts": {
22
29
  "build": "rollup -c ../rollup.config.mjs",
23
30
  "clean": "rimraf dist"
package/src/html/_mixin.scss CHANGED
@@ -10,11 +10,13 @@
10
10
  @include utrecht-form-label;
11
11
  }
12
12
 
13
- input[type="checkbox" i] ~ label {
13
+ input[type="checkbox" i] ~ label,
14
+ label:has(input[type="checkbox" i]) {
14
15
  @include utrecht-form-label--checkbox;
15
16
  }
16
17
 
17
- input[type="radio" i] ~ label {
18
+ input[type="radio" i] ~ label,
19
+ label:has(input[type="radio" i]) {
18
20
  @include utrecht-form-label--radio;
19
21
  }
20
22
  }
package/src/tokens.json CHANGED
@@ -6,24 +6,30 @@
6
6
  "nl.nldesignsystem.css.property": {
7
7
  "syntax": "<color>",
8
8
  "inherits": true
9
- }
10
- }
9
+ },
10
+ "nl.nldesignsystem.figma.supports-token": false
11
+ },
12
+ "type": "color"
11
13
  },
12
14
  "font-weight": {
13
15
  "$extensions": {
14
16
  "nl.nldesignsystem.css.property": {
15
17
  "syntax": "<number>",
16
18
  "inherits": true
17
- }
18
- }
19
+ },
20
+ "nl.nldesignsystem.figma.supports-token": false
21
+ },
22
+ "type": "fontWeights"
19
23
  },
20
24
  "font-size": {
21
25
  "$extensions": {
22
26
  "nl.nldesignsystem.css.property": {
23
27
  "syntax": "<length>",
24
28
  "inherits": true
25
- }
26
- }
29
+ },
30
+ "nl.nldesignsystem.figma.supports-token": false
31
+ },
32
+ "type": "fontSizes"
27
33
  },
28
34
  "checkbox": {
29
35
  "color": {
@@ -31,16 +37,20 @@
31
37
  "nl.nldesignsystem.css.property": {
32
38
  "syntax": "<color>",
33
39
  "inherits": true
34
- }
35
- }
40
+ },
41
+ "nl.nldesignsystem.figma.supports-token": false
42
+ },
43
+ "type": "color"
36
44
  },
37
45
  "font-weight": {
38
46
  "$extensions": {
39
47
  "nl.nldesignsystem.css.property": {
40
48
  "syntax": "<number>",
41
49
  "inherits": true
42
- }
43
- }
50
+ },
51
+ "nl.nldesignsystem.figma.supports-token": false
52
+ },
53
+ "type": "fontWeights"
44
54
  }
45
55
  },
46
56
  "checked": {
@@ -50,8 +60,10 @@
50
60
  "syntax": "<number>",
51
61
  "inherits": true
52
62
  },
53
- "nl.nldesignsystem.fallback": ["utrecht.form-label.font-weight"]
54
- }
63
+ "nl.nldesignsystem.fallback": ["utrecht.form-label.font-weight"],
64
+ "nl.nldesignsystem.figma.supports-token": false
65
+ },
66
+ "type": "fontWeights"
55
67
  }
56
68
  },
57
69
  "disabled": {
@@ -61,8 +73,10 @@
61
73
  "syntax": "<color>",
62
74
  "inherits": true
63
75
  },
64
- "nl.nldesignsystem.fallback": ["utrecht.form-label.color"]
65
- }
76
+ "nl.nldesignsystem.fallback": ["utrecht.form-label.color"],
77
+ "nl.nldesignsystem.figma.supports-token": false
78
+ },
79
+ "type": "color"
66
80
  }
67
81
  },
68
82
  "radio": {
@@ -72,8 +86,10 @@
72
86
  "syntax": "<color>",
73
87
  "inherits": true
74
88
  },
75
- "nl.nldesignsystem.fallback": ["utrecht.form-label.checkbox.color", "utrecht.form-label.color"]
76
- }
89
+ "nl.nldesignsystem.fallback": ["utrecht.form-label.checkbox.color", "utrecht.form-label.color"],
90
+ "nl.nldesignsystem.figma.supports-token": false
91
+ },
92
+ "type": "color"
77
93
  },
78
94
  "font-weight": {
79
95
  "$extensions": {
@@ -81,8 +97,10 @@
81
97
  "syntax": "<number>",
82
98
  "inherits": true
83
99
  },
84
- "nl.nldesignsystem.fallback": ["utrecht.form-label.checkbox.font-weight", "utrecht.form-label.font-weight"]
85
- }
100
+ "nl.nldesignsystem.fallback": ["utrecht.form-label.checkbox.font-weight", "utrecht.form-label.font-weight"],
101
+ "nl.nldesignsystem.figma.supports-token": false
102
+ },
103
+ "type": "fontWeights"
86
104
  }
87
105
  }
88
106
  }