@utrecht/form-field-css 1.1.0 → 1.2.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 (6) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/index.css +0 -1
  3. package/package.json +10 -3
  4. package/src/_mixin.scss +0 -1
  5. package/src/stories/example.stories.mdx +9 -9
  6. package/src/tokens.json +28 -26
package/CHANGELOG.md ADDED
@@ -0,0 +1,19 @@
1
+ # @utrecht/form-field-css
2
+
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 1cd6556: Added metadata for form-field tokens.
8
+
9
+ ## 1.1.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 62f1157: Add SCSS files to `src/` directory of CSS component packages.
14
+
15
+ ## 1.0.0
16
+
17
+ ### Major Changes
18
+
19
+ - 856d996: Switch from alpha releases to semantic versioning.
package/dist/index.css CHANGED
@@ -12,7 +12,6 @@
12
12
  font-family: var(--utrecht-document-font-family, inherit);
13
13
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
14
14
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
15
- max-inline-size: var(--utrecht-form-field-max-inline-size);
16
15
  page-break-inside: avoid;
17
16
  }
18
17
 
package/package.json CHANGED
@@ -1,16 +1,18 @@
1
1
  {
2
- "version": "1.1.0",
2
+ "version": "1.2.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Form field 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-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"
27
+ },
21
28
  "scripts": {
22
29
  "build": "rollup -c ../rollup.config.mjs",
23
30
  "clean": "rimraf dist"
package/src/_mixin.scss CHANGED
@@ -13,7 +13,6 @@
13
13
  font-family: var(--utrecht-document-font-family, inherit);
14
14
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
15
15
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
16
- max-inline-size: var(--utrecht-form-field-max-inline-size);
17
16
  page-break-inside: avoid;
18
17
  }
19
18
 
package/src/stories/example.stories.mdx CHANGED
@@ -1,6 +1,6 @@
1
1
  {/* @license CC0-1.0 */}
2
2
 
3
- import { Canvas, Description, Meta, Story } from "@storybook/blocks";
3
+ import { Canvas, Markdown, Meta, Story } from "@storybook/blocks";
4
4
  import emailDocs from "./_email.md";
5
5
  import newPasswordDocs from "./_new-password.md";
6
6
  import telDocs from "./_tel.md";
@@ -29,7 +29,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
29
29
 
30
30
  ## Naam
31
31
 
32
- <Description>{naamDocs}</Description>
32
+ <Markdown>{naamDocs}</Markdown>
33
33
 
34
34
  <Canvas>
35
35
  <Story
@@ -55,7 +55,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
55
55
 
56
56
  ## Voornaam
57
57
 
58
- <Description>{voornaamDocs}</Description>
58
+ <Markdown>{voornaamDocs}</Markdown>
59
59
 
60
60
  <Canvas>
61
61
  <Story
@@ -104,7 +104,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
104
104
 
105
105
  ## Achternaam
106
106
 
107
- <Description>{achternaamDocs}</Description>
107
+ <Markdown>{achternaamDocs}</Markdown>
108
108
 
109
109
  <Canvas>
110
110
  <Story
@@ -130,7 +130,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
130
130
 
131
131
  ## Voorvoegsel
132
132
 
133
- <Description>{voorvoegselDocs}</Description>
133
+ <Markdown>{voorvoegselDocs}</Markdown>
134
134
 
135
135
  <Canvas>
136
136
  <Story
@@ -156,7 +156,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
156
156
 
157
157
  ## Postcode
158
158
 
159
- <Description>{postcodeDocs}</Description>
159
+ <Markdown>{postcodeDocs}</Markdown>
160
160
 
161
161
  <Canvas>
162
162
  <Story
@@ -221,7 +221,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
221
221
 
222
222
  ## E-mail
223
223
 
224
- <Description>{emailDocs}</Description>
224
+ <Markdown>{emailDocs}</Markdown>
225
225
 
226
226
  <Canvas>
227
227
  <Story
@@ -246,7 +246,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
246
246
 
247
247
  ## Telefoonnummer
248
248
 
249
- <Description>{telDocs}</Description>
249
+ <Markdown>{telDocs}</Markdown>
250
250
 
251
251
  <Canvas>
252
252
  <Story
@@ -270,7 +270,7 @@ import { argTypes, defaultArgs, FormFieldExample } from "../story-template";
270
270
 
271
271
  ## Nieuw wachtwoord
272
272
 
273
- <Description>{newPasswordDocs}</Description>
273
+ <Markdown>{newPasswordDocs}</Markdown>
274
274
 
275
275
  <Canvas>
276
276
  <Story
package/src/tokens.json CHANGED
@@ -6,51 +6,51 @@
6
6
  "nl.nldesignsystem.css.property": {
7
7
  "syntax": "<length>",
8
8
  "inherits": true
9
- }
10
- }
9
+ },
10
+ "nl.nldesignsystem.figma.supports-token": false
11
+ },
12
+ "type": "spacing"
11
13
  },
12
14
  "margin-block-end": {
13
15
  "$extensions": {
14
16
  "nl.nldesignsystem.css.property": {
15
17
  "syntax": "<length>",
16
18
  "inherits": true
17
- }
18
- }
19
- },
20
- "max-inline-size": {
21
- "$extensions": {
22
- "nl.nldesignsystem.css.property": {
23
- "syntax": "<length>",
24
- "inherits": true
25
- }
26
- }
19
+ },
20
+ "nl.nldesignsystem.figma.supports-token": false
21
+ },
22
+ "type": "spacing"
27
23
  },
28
24
  "invalid": {
29
25
  "border-inline-start-color": {
30
- "color": {
31
- "$extensions": {
32
- "nl.nldesignsystem.css.property": {
33
- "syntax": "<color>",
34
- "inherits": true
35
- }
36
- }
37
- }
26
+ "$extensions": {
27
+ "nl.nldesignsystem.css.property": {
28
+ "syntax": "<color>",
29
+ "inherits": true
30
+ },
31
+ "nl.nldesignsystem.figma.supports-token": true
32
+ },
33
+ "type": "color"
38
34
  },
39
35
  "border-inline-start-width": {
40
36
  "$extensions": {
41
37
  "nl.nldesignsystem.css.property": {
42
38
  "syntax": "<length>",
43
39
  "inherits": true
44
- }
45
- }
40
+ },
41
+ "nl.nldesignsystem.figma.supports-token": true
42
+ },
43
+ "type": "borderWidth"
46
44
  },
47
45
  "padding-inline-start": {
48
46
  "$extensions": {
49
47
  "nl.nldesignsystem.css.property": {
50
48
  "syntax": "<length>",
51
49
  "inherits": true
52
- }
53
- }
50
+ },
51
+ "nl.nldesignsystem.figma.supports-token": true
52
+ },
53
+ "type": "spacing"
54
54
  }
55
55
  },
56
56
  "label": {
@@ -59,8 +59,10 @@
59
59
  "nl.nldesignsystem.css.property": {
60
60
  "syntax": "<length>",
61
61
  "inherits": true
62
- }
63
- }
62
+ },
63
+ "nl.nldesignsystem.figma.supports-token": false
64
+ },
65
+ "type": "spacing"
64
66
  }
65
67
  }
66
68
  }