@nl-rvo/css-form-feedback 1.4.1 → 1.5.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 (11) hide show
  1. package/dist/form-feedback.css +1 -0
  2. package/dist/form-feedback.css.map +1 -0
  3. package/package.json +15 -16
  4. package/src/{index.scss → form-feedback.scss} +6 -7
  5. package/CHANGELOG.md +0 -57
  6. package/README.md +0 -4
  7. package/design-tokens.json +0 -30
  8. package/dist/index.css +0 -243
  9. package/dist/index.min.css +0 -1
  10. package/dist/index.mjs +0 -1
  11. package/dist/index.mjs.d.ts +0 -2
package/dist/form-feedback.css ADDED
@@ -0,0 +1 @@
1
+ .rvo-form-feedback{display:flex;flex-direction:row;align-items:center;gap:var(--rvo-space-sm);line-height:var(--rvo-form-feedback-line-height)}.rvo-form-feedback.rvo-form-feedback--waarschuwing{font-weight:var(--rvo-form-feedback-warning-font-weight)}.rvo-form-feedback.rvo-form-feedback--foutmelding{color:var(--rvo-form-feedback-error-color);font-weight:var(--rvo-form-feedback-error-font-weight)}/*# sourceMappingURL=form-feedback.css.map */
package/dist/form-feedback.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/form-feedback.scss"],"names":[],"mappings":"AAIA,mBACE,aACA,mBACA,mBACA,wBACA,iDAGF,mDACE,yDAGF,kDACE,2CACA","file":"form-feedback.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.4.1",
2
+ "version": "1.5.0",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-form-feedback",
@@ -9,27 +9,26 @@
9
9
  "css",
10
10
  "form-feedback"
11
11
  ],
12
+ "repository": {
13
+ "type": "git+ssh",
14
+ "url": "git@github.com:nl-design-system/rvo.git",
15
+ "directory": "components/form-feedback/style"
16
+ },
12
17
  "files": [
13
- "src/index.scss",
14
- "dist/",
15
- "design-tokens.json",
16
- "*.md"
18
+ "src/",
19
+ "dist/"
17
20
  ],
18
- "main": "dist/index.css",
21
+ "exports": {
22
+ ".": "./dist/form-feedback.css",
23
+ "./dist/*": "./dist/*"
24
+ },
19
25
  "publishConfig": {
20
26
  "access": "public",
21
27
  "provenance": true
22
28
  },
23
- "repository": {
24
- "type": "git+ssh",
25
- "url": "git@github.com:nl-design-system/rvo.git",
26
- "directory": "components/form-feedback"
27
- },
28
- "devDependencies": {
29
- "@nl-rvo/build-utils-css": "0.1.0"
30
- },
31
29
  "scripts": {
32
- "build": "build-css-package",
33
- "clean": "rimraf dist"
30
+ "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
31
+ "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
32
+ "clean": "rimraf ./dist/"
34
33
  }
35
34
  }
package/src/{index.scss → form-feedback.scss} RENAMED
@@ -2,20 +2,19 @@
2
2
  * @license CC0-1.0
3
3
  * Copyright (c) 2021 Community for NL Design System
4
4
  */
5
- @use "../../layout-flow/src";
6
-
7
5
  .rvo-form-feedback {
6
+ display: flex;
7
+ flex-direction: row;
8
+ align-items: center;
9
+ gap: var(--rvo-space-sm);
8
10
  line-height: var(--rvo-form-feedback-line-height);
9
-
10
- @extend .rvo-layout-row;
11
- @extend .rvo-layout-gap--sm;
12
11
  }
13
12
 
14
- .rvo-form-feedback.rvo-form-feedback--warning {
13
+ .rvo-form-feedback.rvo-form-feedback--waarschuwing {
15
14
  font-weight: var(--rvo-form-feedback-warning-font-weight);
16
15
  }
17
16
 
18
- .rvo-form-feedback.rvo-form-feedback--error {
17
+ .rvo-form-feedback.rvo-form-feedback--foutmelding {
19
18
  color: var(--rvo-form-feedback-error-color);
20
19
  font-weight: var(--rvo-form-feedback-error-font-weight);
21
20
  }
package/CHANGELOG.md DELETED
@@ -1,57 +0,0 @@
1
- # `@nl-rvo/css-form-feedback`
2
-
3
- ## 1.4.1
4
-
5
- ### Patch Changes
6
-
7
- - 084a230: Ensure package is published with provenance
8
-
9
- ## 1.4.0
10
-
11
- ### Minor Changes
12
-
13
- - fa36e07: Project structure updates
14
-
15
- - Moved all Storybook stories to the /stories directory.
16
- - Moved all documentation files to the /docs directory.
17
- - Removed React components from library-component-react and moved them into this package.
18
- - Update all .stories imports to the right react package "component-library-react"
19
- - Fix all Redundant / PascalCase lint warnings for .stories files.
20
-
21
- ## 1.3.1
22
-
23
- ### Patch Changes
24
-
25
- - 11eb258: Update imports to support storybook v10
26
-
27
- ## 1.3.0
28
-
29
- ### Minor Changes
30
-
31
- - 5442d67: Removed third party component imports and updated CSS to be inline with the original designs
32
-
33
- ## 1.2.1
34
-
35
- ### Patch Changes
36
-
37
- - fec3bba: Updated Feedback components design tokens and CSS
38
-
39
- ## 1.2.0
40
-
41
- ### Minor Changes
42
-
43
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
44
-
45
- ## 1.0.0
46
-
47
- ### Major Changes
48
-
49
- - daa0537: Create npm package for each component.
50
-
51
- ## Pre-releases
52
-
53
- _@nl-rvo/component-library-css@1.0.0-alpha.280_:
54
- Simplified snippet by removing `rvo-layout` and `rvo-layout-gap--sm`
55
-
56
- _@nl-rvo/component-library-css@1.0.0-alpha.73_:
57
- Added component
package/README.md DELETED
@@ -1,4 +0,0 @@
1
- ## Richtlijnen
2
-
3
- - Laat een waarschuwing zien als de gebruiker/klant wel verder kan in het proces maar dat de actie mogelijke gevolgen kan hebben.
4
- - Laat een foutmelding zien als de gebruiker/klant niet verder kan in het proces totdat het probleem verholpen is.
package/design-tokens.json DELETED
@@ -1,30 +0,0 @@
1
- {
2
- "rvo": {
3
- "form-feedback": {
4
- "line-height": {
5
- "syntax": "<length>",
6
- "inherits": true
7
- },
8
- "error": {
9
- "color": {
10
- "syntax": "<length>",
11
- "inherits": true
12
- },
13
- "font-weight": {
14
- "syntax": "<length>",
15
- "inherits": true
16
- }
17
- },
18
- "warning": {
19
- "color": {
20
- "syntax": "<length>",
21
- "inherits": true
22
- },
23
- "font-weight": {
24
- "syntax": "<length>",
25
- "inherits": true
26
- }
27
- }
28
- }
29
- }
30
- }
package/dist/index.css DELETED
@@ -1,243 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
- .rvo-layout-column {
6
- align-items: stretch;
7
- display: flex;
8
- flex-direction: column;
9
- }
10
-
11
- .rvo-layout-column-inline {
12
- align-items: stretch;
13
- display: inline-flex;
14
- flex-direction: column;
15
- }
16
-
17
- .rvo-layout-row, .rvo-form-feedback {
18
- align-items: center;
19
- display: flex;
20
- flex-direction: row;
21
- }
22
-
23
- .rvo-layout-row-inline {
24
- align-items: stretch;
25
- display: inline-flex;
26
- flex-direction: row;
27
- }
28
-
29
- .rvo-layout-align-items-start {
30
- align-items: flex-start;
31
- }
32
-
33
- .rvo-layout-align-items-center {
34
- align-items: center;
35
- }
36
-
37
- .rvo-layout-align-items-end {
38
- align-items: flex-end;
39
- }
40
-
41
- .rvo-layout-align-content-start {
42
- align-content: flex-start;
43
- }
44
-
45
- .rvo-layout-align-content-center {
46
- align-content: center;
47
- }
48
-
49
- .rvo-layout-align-content-end {
50
- align-content: flex-end;
51
- }
52
-
53
- .rvo-layout-align-content-space-between {
54
- align-content: space-between;
55
- }
56
-
57
- .rvo-layout-justify-content-start {
58
- justify-content: flex-start;
59
- }
60
-
61
- .rvo-layout-justify-content-center {
62
- justify-content: center;
63
- }
64
-
65
- .rvo-layout-justify-content-end {
66
- justify-content: flex-end;
67
- }
68
-
69
- .rvo-layout-justify-content-space-between {
70
- justify-content: space-between;
71
- }
72
-
73
- .rvo-layout-justify-items-start {
74
- justify-items: flex-start;
75
- }
76
-
77
- .rvo-layout-justify-items-center {
78
- justify-items: center;
79
- }
80
-
81
- .rvo-layout-justify-items-end {
82
- justify-items: flex-end;
83
- }
84
-
85
- .rvo-layout--wrap {
86
- flex-wrap: wrap;
87
- }
88
-
89
- .rvo-layout-gap--0 {
90
- gap: 0;
91
- }
92
-
93
- .rvo-layout-gap--3xs {
94
- gap: var(--rvo-space-3xs);
95
- }
96
-
97
- .rvo-layout-gap--2xs {
98
- gap: var(--rvo-space-2xs);
99
- }
100
-
101
- .rvo-layout-gap--xs {
102
- gap: var(--rvo-space-xs);
103
- }
104
-
105
- .rvo-layout-gap--sm, .rvo-form-feedback {
106
- gap: var(--rvo-space-sm);
107
- }
108
-
109
- .rvo-layout-gap--md {
110
- gap: var(--rvo-space-md);
111
- }
112
-
113
- .rvo-layout-gap--lg {
114
- gap: var(--rvo-space-lg);
115
- }
116
-
117
- .rvo-layout-gap--xl {
118
- gap: var(--rvo-space-xl);
119
- }
120
-
121
- .rvo-layout-gap--2xl {
122
- gap: var(--rvo-space-2xl);
123
- }
124
-
125
- .rvo-layout-gap--3xl {
126
- gap: var(--rvo-space-3xl);
127
- }
128
-
129
- .rvo-layout-gap--4xl {
130
- gap: var(--rvo-space-4xl);
131
- }
132
-
133
- .rvo-layout-gap--5xl {
134
- gap: var(--rvo-space-5xl);
135
- }
136
-
137
- .rvo-layout-margin-horizontal--0 {
138
- margin-inline: 0;
139
- }
140
-
141
- .rvo-layout-margin-vertical--0 {
142
- margin-block: 0;
143
- }
144
-
145
- .rvo-layout-margin-horizontal--3xs {
146
- margin-inline: var(--rvo-space-3xs);
147
- }
148
-
149
- .rvo-layout-margin-vertical--3xs {
150
- margin-block: var(--rvo-space-3xs);
151
- }
152
-
153
- .rvo-layout-margin-horizontal--2xs {
154
- margin-inline: var(--rvo-space-2xs);
155
- }
156
-
157
- .rvo-layout-margin-vertical--2xs {
158
- margin-block: var(--rvo-space-2xs);
159
- }
160
-
161
- .rvo-layout-margin-horizontal--xs {
162
- margin-inline: var(--rvo-space-xs);
163
- }
164
-
165
- .rvo-layout-margin-vertical--xs {
166
- margin-block: var(--rvo-space-xs);
167
- }
168
-
169
- .rvo-layout-margin-horizontal--sm {
170
- margin-inline: var(--rvo-space-sm);
171
- }
172
-
173
- .rvo-layout-margin-vertical--sm {
174
- margin-block: var(--rvo-space-sm);
175
- }
176
-
177
- .rvo-layout-margin-horizontal--md {
178
- margin-inline: var(--rvo-space-md);
179
- }
180
-
181
- .rvo-layout-margin-vertical--md {
182
- margin-block: var(--rvo-space-md);
183
- }
184
-
185
- .rvo-layout-margin-horizontal--lg {
186
- margin-inline: var(--rvo-space-lg);
187
- }
188
-
189
- .rvo-layout-margin-vertical--lg {
190
- margin-block: var(--rvo-space-lg);
191
- }
192
-
193
- .rvo-layout-margin-horizontal--xl {
194
- margin-inline: var(--rvo-space-xl);
195
- }
196
-
197
- .rvo-layout-margin-vertical--xl {
198
- margin-block: var(--rvo-space-xl);
199
- }
200
-
201
- .rvo-layout-margin-horizontal--2xl {
202
- margin-inline: var(--rvo-space-2xl);
203
- }
204
-
205
- .rvo-layout-margin-vertical--2xl {
206
- margin-block: var(--rvo-space-2xl);
207
- }
208
-
209
- .rvo-layout-margin-horizontal--3xl {
210
- margin-inline: var(--rvo-space-3xl);
211
- }
212
-
213
- .rvo-layout-margin-vertical--3xl {
214
- margin-block: var(--rvo-space-3xl);
215
- }
216
-
217
- .rvo-layout-margin-horizontal--4xl {
218
- margin-inline: var(--rvo-space-4xl);
219
- }
220
-
221
- .rvo-layout-margin-vertical--4xl {
222
- margin-block: var(--rvo-space-4xl);
223
- }
224
-
225
- .rvo-layout-margin-horizontal--5xl {
226
- margin-inline: var(--rvo-space-5xl);
227
- }
228
-
229
- .rvo-layout-margin-vertical--5xl {
230
- margin-block: var(--rvo-space-5xl);
231
- }
232
- .rvo-form-feedback {
233
- line-height: var(--rvo-form-feedback-line-height);
234
- }
235
-
236
- .rvo-form-feedback.rvo-form-feedback--warning {
237
- font-weight: var(--rvo-form-feedback-warning-font-weight);
238
- }
239
-
240
- .rvo-form-feedback.rvo-form-feedback--error {
241
- color: var(--rvo-form-feedback-error-color);
242
- font-weight: var(--rvo-form-feedback-error-font-weight);
243
- }
package/dist/index.min.css DELETED
@@ -1 +0,0 @@
1
- .rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-form-feedback,.rvo-layout-row{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-form-feedback,.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-form-feedback{line-height:var(--rvo-form-feedback-line-height)}.rvo-form-feedback.rvo-form-feedback--warning{font-weight:var(--rvo-form-feedback-warning-font-weight)}.rvo-form-feedback.rvo-form-feedback--error{color:var(--rvo-form-feedback-error-color);font-weight:var(--rvo-form-feedback-error-font-weight)}
package/dist/index.mjs DELETED
@@ -1 +0,0 @@
1
- export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-form-feedback,.rvo-layout-row{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-form-feedback,.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-form-feedback{line-height:var(--rvo-form-feedback-line-height)}.rvo-form-feedback.rvo-form-feedback--warning{font-weight:var(--rvo-form-feedback-warning-font-weight)}.rvo-form-feedback.rvo-form-feedback--error{color:var(--rvo-form-feedback-error-color);font-weight:var(--rvo-form-feedback-error-font-weight)}";
package/dist/index.mjs.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const css: string;
2
- export default css;