@utrecht/form-fieldset-css 2.0.2 → 3.0.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 +6 -0
  2. package/dist/tokens.mjs +45 -90
  3. package/package.json +1 -1
  4. package/src/tokens.json +45 -90
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @utrecht/form-fieldset-css
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - eabbf23: Publish `tokens.json` in DTCG format: `$value` instead of `value`, standard `$type`, etcetera.
8
+
3
9
  ## 2.0.2
4
10
 
5
11
  ### Patch Changes
package/dist/tokens.mjs CHANGED
@@ -3,161 +3,116 @@ export default {
3
3
  "form-fieldset": {
4
4
  "margin-block-end": {
5
5
  "$extensions": {
6
- "nl.nldesignsystem.css.property": {
7
- "syntax": "<length>",
8
- "inherits": true
9
- },
10
- "nl.nldesignsystem.figma.supports-token": false
6
+ "nl.nldesignsystem.css-property-syntax": "<length>",
7
+ "nl.nldesignsystem.figma-implementation": false
11
8
  },
12
- "type": "spacing"
9
+ "$type": "dimension"
13
10
  },
14
11
  "margin-block-start": {
15
12
  "$extensions": {
16
- "nl.nldesignsystem.css.property": {
17
- "syntax": "<length>",
18
- "inherits": true
19
- },
20
- "nl.nldesignsystem.figma.supports-token": false
13
+ "nl.nldesignsystem.css-property-syntax": "<length>",
14
+ "nl.nldesignsystem.figma-implementation": false
21
15
  },
22
- "type": "spacing"
16
+ "$type": "dimension"
23
17
  },
24
18
  "invalid": {
25
19
  "border-inline-start-color": {
26
20
  "color": {
27
21
  "$extensions": {
28
- "nl.nldesignsystem.css.property": {
29
- "syntax": "<color>",
30
- "inherits": true
31
- },
32
- "nl.nldesignsystem.figma.supports-token": false
22
+ "nl.nldesignsystem.css-property-syntax": "<color>",
23
+ "nl.nldesignsystem.figma-implementation": false
33
24
  },
34
- "type": "color"
25
+ "$type": "color"
35
26
  }
36
27
  },
37
28
  "border-inline-start-width": {
38
29
  "$extensions": {
39
- "nl.nldesignsystem.css.property": {
40
- "syntax": "<length>",
41
- "inherits": true
42
- },
43
- "nl.nldesignsystem.figma.supports-token": false
30
+ "nl.nldesignsystem.css-property-syntax": "<length>",
31
+ "nl.nldesignsystem.figma-implementation": false
44
32
  },
45
- "type": "borderWidth"
33
+ "$type": "dimension"
46
34
  },
47
35
  "padding-inline-start": {
48
36
  "$extensions": {
49
- "nl.nldesignsystem.css.property": {
50
- "syntax": "<length>",
51
- "inherits": true
52
- },
53
- "nl.nldesignsystem.figma.supports-token": false
37
+ "nl.nldesignsystem.css-property-syntax": "<length>",
38
+ "nl.nldesignsystem.figma-implementation": false
54
39
  },
55
- "type": "spacing"
40
+ "$type": "dimension"
56
41
  }
57
42
  },
58
43
  "section": {
59
44
  "background-color": {
60
45
  "$extensions": {
61
- "nl.nldesignsystem.css.property": {
62
- "syntax": "<color>",
63
- "inherits": true
64
- },
65
- "nl.nldesignsystem.figma.supports-token": false
46
+ "nl.nldesignsystem.css-property-syntax": "<color>",
47
+ "nl.nldesignsystem.figma-implementation": false
66
48
  },
67
- "type": "color"
49
+ "$type": "color"
68
50
  },
69
51
  "color": {
70
52
  "$extensions": {
71
- "nl.nldesignsystem.css.property": {
72
- "syntax": "<color>",
73
- "inherits": true
74
- },
75
- "nl.nldesignsystem.figma.supports-token": false
53
+ "nl.nldesignsystem.css-property-syntax": "<color>",
54
+ "nl.nldesignsystem.figma-implementation": false
76
55
  },
77
- "type": "color"
56
+ "$type": "color"
78
57
  }
79
58
  },
80
59
  "legend": {
81
60
  "color": {
82
61
  "$extensions": {
83
- "nl.nldesignsystem.css.property": {
84
- "syntax": "<color>",
85
- "inherits": true
86
- },
87
- "nl.nldesignsystem.figma.supports-token": false
62
+ "nl.nldesignsystem.css-property-syntax": "<color>",
63
+ "nl.nldesignsystem.figma-implementation": false
88
64
  },
89
- "type": "color"
65
+ "$type": "color"
90
66
  },
91
67
  "font-family": {
92
68
  "$extensions": {
93
- "nl.nldesignsystem.css.property": {
94
- "syntax": "*",
95
- "inherits": true
96
- },
97
- "nl.nldesignsystem.figma.supports-token": false
69
+ "nl.nldesignsystem.css-property-syntax": "*",
70
+ "nl.nldesignsystem.figma-implementation": false
98
71
  },
99
- "type": "fontFamilies"
72
+ "$type": "fontFamily"
100
73
  },
101
74
  "font-size": {
102
75
  "$extensions": {
103
- "nl.nldesignsystem.css.property": {
104
- "syntax": "<length>",
105
- "inherits": true
106
- },
107
- "nl.nldesignsystem.figma.supports-token": false
76
+ "nl.nldesignsystem.css-property-syntax": "<length>",
77
+ "nl.nldesignsystem.figma-implementation": false
108
78
  },
109
- "type": "fontSizes"
79
+ "$type": "dimension"
110
80
  },
111
81
  "font-weight": {
112
82
  "$extensions": {
113
- "nl.nldesignsystem.css.property": {
114
- "syntax": "<number>",
115
- "inherits": true
116
- },
117
- "nl.nldesignsystem.figma.supports-token": false
83
+ "nl.nldesignsystem.css-property-syntax": "<number>",
84
+ "nl.nldesignsystem.figma-implementation": false
118
85
  },
119
- "type": "fontWeights"
86
+ "$type": "fontWeight"
120
87
  },
121
88
  "line-height": {
122
89
  "$extensions": {
123
- "nl.nldesignsystem.css.property": {
124
- "syntax": "<length> | <number>",
125
- "inherits": true
126
- },
127
- "nl.nldesignsystem.figma.supports-token": false
90
+ "nl.nldesignsystem.css-property-syntax": "<length> | <number>",
91
+ "nl.nldesignsystem.figma-implementation": false
128
92
  },
129
- "type": "lineHeights"
93
+ "$type": "dimension"
130
94
  },
131
95
  "margin-block-end": {
132
96
  "$extensions": {
133
- "nl.nldesignsystem.css.property": {
134
- "syntax": "<length>",
135
- "inherits": true
136
- },
137
- "nl.nldesignsystem.figma.supports-token": false
97
+ "nl.nldesignsystem.css-property-syntax": "<length>",
98
+ "nl.nldesignsystem.figma-implementation": false
138
99
  },
139
- "type": "spacing"
100
+ "$type": "dimension"
140
101
  },
141
102
  "margin-block-start": {
142
103
  "$extensions": {
143
- "nl.nldesignsystem.css.property": {
144
- "syntax": "<length>",
145
- "inherits": true
146
- },
147
- "nl.nldesignsystem.figma.supports-token": false
104
+ "nl.nldesignsystem.css-property-syntax": "<length>",
105
+ "nl.nldesignsystem.figma-implementation": false
148
106
  },
149
- "type": "spacing"
107
+ "$type": "dimension"
150
108
  },
151
109
  "disabled": {
152
110
  "color": {
153
111
  "$extensions": {
154
- "nl.nldesignsystem.css.property": {
155
- "syntax": "<color>",
156
- "inherits": true
157
- },
158
- "nl.nldesignsystem.figma.supports-token": false
112
+ "nl.nldesignsystem.css-property-syntax": "<color>",
113
+ "nl.nldesignsystem.figma-implementation": false
159
114
  },
160
- "type": "color"
115
+ "$type": "color"
161
116
  }
162
117
  }
163
118
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.2",
2
+ "version": "3.0.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Form fieldset component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
package/src/tokens.json CHANGED
@@ -3,161 +3,116 @@
3
3
  "form-fieldset": {
4
4
  "margin-block-end": {
5
5
  "$extensions": {
6
- "nl.nldesignsystem.css.property": {
7
- "syntax": "<length>",
8
- "inherits": true
9
- },
10
- "nl.nldesignsystem.figma.supports-token": false
6
+ "nl.nldesignsystem.css-property-syntax": "<length>",
7
+ "nl.nldesignsystem.figma-implementation": false
11
8
  },
12
- "type": "spacing"
9
+ "$type": "dimension"
13
10
  },
14
11
  "margin-block-start": {
15
12
  "$extensions": {
16
- "nl.nldesignsystem.css.property": {
17
- "syntax": "<length>",
18
- "inherits": true
19
- },
20
- "nl.nldesignsystem.figma.supports-token": false
13
+ "nl.nldesignsystem.css-property-syntax": "<length>",
14
+ "nl.nldesignsystem.figma-implementation": false
21
15
  },
22
- "type": "spacing"
16
+ "$type": "dimension"
23
17
  },
24
18
  "invalid": {
25
19
  "border-inline-start-color": {
26
20
  "color": {
27
21
  "$extensions": {
28
- "nl.nldesignsystem.css.property": {
29
- "syntax": "<color>",
30
- "inherits": true
31
- },
32
- "nl.nldesignsystem.figma.supports-token": false
22
+ "nl.nldesignsystem.css-property-syntax": "<color>",
23
+ "nl.nldesignsystem.figma-implementation": false
33
24
  },
34
- "type": "color"
25
+ "$type": "color"
35
26
  }
36
27
  },
37
28
  "border-inline-start-width": {
38
29
  "$extensions": {
39
- "nl.nldesignsystem.css.property": {
40
- "syntax": "<length>",
41
- "inherits": true
42
- },
43
- "nl.nldesignsystem.figma.supports-token": false
30
+ "nl.nldesignsystem.css-property-syntax": "<length>",
31
+ "nl.nldesignsystem.figma-implementation": false
44
32
  },
45
- "type": "borderWidth"
33
+ "$type": "dimension"
46
34
  },
47
35
  "padding-inline-start": {
48
36
  "$extensions": {
49
- "nl.nldesignsystem.css.property": {
50
- "syntax": "<length>",
51
- "inherits": true
52
- },
53
- "nl.nldesignsystem.figma.supports-token": false
37
+ "nl.nldesignsystem.css-property-syntax": "<length>",
38
+ "nl.nldesignsystem.figma-implementation": false
54
39
  },
55
- "type": "spacing"
40
+ "$type": "dimension"
56
41
  }
57
42
  },
58
43
  "section": {
59
44
  "background-color": {
60
45
  "$extensions": {
61
- "nl.nldesignsystem.css.property": {
62
- "syntax": "<color>",
63
- "inherits": true
64
- },
65
- "nl.nldesignsystem.figma.supports-token": false
46
+ "nl.nldesignsystem.css-property-syntax": "<color>",
47
+ "nl.nldesignsystem.figma-implementation": false
66
48
  },
67
- "type": "color"
49
+ "$type": "color"
68
50
  },
69
51
  "color": {
70
52
  "$extensions": {
71
- "nl.nldesignsystem.css.property": {
72
- "syntax": "<color>",
73
- "inherits": true
74
- },
75
- "nl.nldesignsystem.figma.supports-token": false
53
+ "nl.nldesignsystem.css-property-syntax": "<color>",
54
+ "nl.nldesignsystem.figma-implementation": false
76
55
  },
77
- "type": "color"
56
+ "$type": "color"
78
57
  }
79
58
  },
80
59
  "legend": {
81
60
  "color": {
82
61
  "$extensions": {
83
- "nl.nldesignsystem.css.property": {
84
- "syntax": "<color>",
85
- "inherits": true
86
- },
87
- "nl.nldesignsystem.figma.supports-token": false
62
+ "nl.nldesignsystem.css-property-syntax": "<color>",
63
+ "nl.nldesignsystem.figma-implementation": false
88
64
  },
89
- "type": "color"
65
+ "$type": "color"
90
66
  },
91
67
  "font-family": {
92
68
  "$extensions": {
93
- "nl.nldesignsystem.css.property": {
94
- "syntax": "*",
95
- "inherits": true
96
- },
97
- "nl.nldesignsystem.figma.supports-token": false
69
+ "nl.nldesignsystem.css-property-syntax": "*",
70
+ "nl.nldesignsystem.figma-implementation": false
98
71
  },
99
- "type": "fontFamilies"
72
+ "$type": "fontFamily"
100
73
  },
101
74
  "font-size": {
102
75
  "$extensions": {
103
- "nl.nldesignsystem.css.property": {
104
- "syntax": "<length>",
105
- "inherits": true
106
- },
107
- "nl.nldesignsystem.figma.supports-token": false
76
+ "nl.nldesignsystem.css-property-syntax": "<length>",
77
+ "nl.nldesignsystem.figma-implementation": false
108
78
  },
109
- "type": "fontSizes"
79
+ "$type": "dimension"
110
80
  },
111
81
  "font-weight": {
112
82
  "$extensions": {
113
- "nl.nldesignsystem.css.property": {
114
- "syntax": "<number>",
115
- "inherits": true
116
- },
117
- "nl.nldesignsystem.figma.supports-token": false
83
+ "nl.nldesignsystem.css-property-syntax": "<number>",
84
+ "nl.nldesignsystem.figma-implementation": false
118
85
  },
119
- "type": "fontWeights"
86
+ "$type": "fontWeight"
120
87
  },
121
88
  "line-height": {
122
89
  "$extensions": {
123
- "nl.nldesignsystem.css.property": {
124
- "syntax": "<length> | <number>",
125
- "inherits": true
126
- },
127
- "nl.nldesignsystem.figma.supports-token": false
90
+ "nl.nldesignsystem.css-property-syntax": "<length> | <number>",
91
+ "nl.nldesignsystem.figma-implementation": false
128
92
  },
129
- "type": "lineHeights"
93
+ "$type": "dimension"
130
94
  },
131
95
  "margin-block-end": {
132
96
  "$extensions": {
133
- "nl.nldesignsystem.css.property": {
134
- "syntax": "<length>",
135
- "inherits": true
136
- },
137
- "nl.nldesignsystem.figma.supports-token": false
97
+ "nl.nldesignsystem.css-property-syntax": "<length>",
98
+ "nl.nldesignsystem.figma-implementation": false
138
99
  },
139
- "type": "spacing"
100
+ "$type": "dimension"
140
101
  },
141
102
  "margin-block-start": {
142
103
  "$extensions": {
143
- "nl.nldesignsystem.css.property": {
144
- "syntax": "<length>",
145
- "inherits": true
146
- },
147
- "nl.nldesignsystem.figma.supports-token": false
104
+ "nl.nldesignsystem.css-property-syntax": "<length>",
105
+ "nl.nldesignsystem.figma-implementation": false
148
106
  },
149
- "type": "spacing"
107
+ "$type": "dimension"
150
108
  },
151
109
  "disabled": {
152
110
  "color": {
153
111
  "$extensions": {
154
- "nl.nldesignsystem.css.property": {
155
- "syntax": "<color>",
156
- "inherits": true
157
- },
158
- "nl.nldesignsystem.figma.supports-token": false
112
+ "nl.nldesignsystem.css-property-syntax": "<color>",
113
+ "nl.nldesignsystem.figma-implementation": false
159
114
  },
160
- "type": "color"
115
+ "$type": "color"
161
116
  }
162
117
  }
163
118
  }