@nl-rvo/css-form-checkbox-group 1.3.2 → 1.4.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 (10) hide show
  1. package/dist/form-checkbox-group.css +1 -0
  2. package/dist/form-checkbox-group.css.map +1 -0
  3. package/package.json +15 -16
  4. package/src/{index.scss → form-checkbox-group.scss} +5 -5
  5. package/CHANGELOG.md +0 -93
  6. package/README.md +0 -1
  7. package/dist/index.css +0 -231
  8. package/dist/index.min.css +0 -1
  9. package/dist/index.mjs +0 -1
  10. package/dist/index.mjs.d.ts +0 -2
package/dist/form-checkbox-group.css ADDED
@@ -0,0 +1 @@
1
+ .rvo-checkbox__group{display:flex;flex-direction:column;gap:var(--rvo-space-md);flex-wrap:wrap;align-items:stretch}.rvo-radio-button__group--error{border-inline-start:3px solid var(--rvo-color-rood);padding-inline-start:var(--rvo-space-md)}/*# sourceMappingURL=form-checkbox-group.css.map */
package/dist/form-checkbox-group.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/form-checkbox-group.scss"],"names":[],"mappings":"AAAA,qBACE,aACA,sBACA,wBACA,eACA,oBAGF,gCACE,oDACA","file":"form-checkbox-group.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.3.2",
2
+ "version": "1.4.0",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-form-checkbox-group",
@@ -9,27 +9,26 @@
9
9
  "css",
10
10
  "form-checkbox-group"
11
11
  ],
12
+ "repository": {
13
+ "type": "git+ssh",
14
+ "url": "git@github.com:nl-design-system/rvo.git",
15
+ "directory": "components/form-checkbox-groop/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-checkbox-group.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-checkbox-group"
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-checkbox-group.scss} RENAMED
@@ -1,9 +1,9 @@
1
- @use "../../layout-flow/src";
2
-
3
1
  .rvo-checkbox__group {
4
- @extend .rvo-layout-column;
5
- @extend .rvo-layout-gap--md;
6
- @extend .rvo-layout--wrap;
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: var(--rvo-space-md);
5
+ flex-wrap: wrap;
6
+ align-items: stretch;
7
7
  }
8
8
 
9
9
  .rvo-radio-button__group--error {
package/CHANGELOG.md DELETED
@@ -1,93 +0,0 @@
1
- # `@nl-rvo/css-form-checkbox-group`
2
-
3
- ## 1.3.2
4
-
5
- ### Patch Changes
6
-
7
- - 084a230: Ensure package is published with provenance
8
-
9
- ## 1.3.1
10
-
11
- ### Patch Changes
12
-
13
- - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
14
-
15
- ## 1.3.0
16
-
17
- ### Minor Changes
18
-
19
- - fa36e07: Project structure updates
20
-
21
- - Moved all Storybook stories to the /stories directory.
22
- - Moved all documentation files to the /docs directory.
23
- - Removed React components from library-component-react and moved them into this package.
24
- - Update all .stories imports to the right react package "component-library-react"
25
- - Fix all Redundant / PascalCase lint warnings for .stories files.
26
-
27
- ## 1.2.7
28
-
29
- ### Patch Changes
30
-
31
- - 11eb258: Update imports to support storybook v10
32
-
33
- ## 1.2.6
34
-
35
- ### Patch Changes
36
-
37
- - 5a08db9: derives checkbox state from specified options and using parent state as single source of thruth
38
-
39
- ## 1.2.5
40
-
41
- ### Patch Changes
42
-
43
- - 8b3276d: Removed value parameter from checkbox component
44
-
45
- ## 1.2.4
46
-
47
- ### Patch Changes
48
-
49
- - 9585d9e: Removed value from checkbox interface to make the input field controlled
50
-
51
- ## 1.2.3
52
-
53
- ### Patch Changes
54
-
55
- - 2759ed6: Checkbox Group returns Id in currentSelection
56
-
57
- ## 1.2.2
58
-
59
- ### Patch Changes
60
-
61
- - 9fffd1e: Create a new component called called Checkbox Filter. Updated icon to support logoblauw color and form-checkbox-group to have a onChange parameter.
62
-
63
- ## 1.2.1
64
-
65
- ### Patch Changes
66
-
67
- - 6284f7a: Create a new component called called Checkbox Filter. Updated icon to support logoblauw color and form-checkbox-group to have a onChange parameter.
68
-
69
- ## 1.2.0
70
-
71
- ### Minor Changes
72
-
73
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
74
-
75
- ## 1.0.1
76
-
77
- ### Patch Changes
78
-
79
- - c029d6a: Fixed callback events (eg onChange, onFocus) for field components
80
-
81
- ## 1.0.0
82
-
83
- ### Major Changes
84
-
85
- - daa0537: Create npm package for each component.
86
-
87
- ## Pre-releases
88
-
89
- _@nl-rvo/component-library-css@1.0.0-alpha.280_:
90
- Simplified snippet by removing `.rvo-layout-row` and `.rvo-layout-gap--sm`
91
-
92
- _@nl-rvo/component-library-css@1.0.0-alpha.27_:
93
- Added component
package/README.md DELETED
@@ -1 +0,0 @@
1
- Documentatie voor checkbox group
package/dist/index.css DELETED
@@ -1,231 +0,0 @@
1
- .rvo-layout-column, .rvo-checkbox__group {
2
- align-items: stretch;
3
- display: flex;
4
- flex-direction: column;
5
- }
6
-
7
- .rvo-layout-column-inline {
8
- align-items: stretch;
9
- display: inline-flex;
10
- flex-direction: column;
11
- }
12
-
13
- .rvo-layout-row {
14
- align-items: center;
15
- display: flex;
16
- flex-direction: row;
17
- }
18
-
19
- .rvo-layout-row-inline {
20
- align-items: stretch;
21
- display: inline-flex;
22
- flex-direction: row;
23
- }
24
-
25
- .rvo-layout-align-items-start {
26
- align-items: flex-start;
27
- }
28
-
29
- .rvo-layout-align-items-center {
30
- align-items: center;
31
- }
32
-
33
- .rvo-layout-align-items-end {
34
- align-items: flex-end;
35
- }
36
-
37
- .rvo-layout-align-content-start {
38
- align-content: flex-start;
39
- }
40
-
41
- .rvo-layout-align-content-center {
42
- align-content: center;
43
- }
44
-
45
- .rvo-layout-align-content-end {
46
- align-content: flex-end;
47
- }
48
-
49
- .rvo-layout-align-content-space-between {
50
- align-content: space-between;
51
- }
52
-
53
- .rvo-layout-justify-content-start {
54
- justify-content: flex-start;
55
- }
56
-
57
- .rvo-layout-justify-content-center {
58
- justify-content: center;
59
- }
60
-
61
- .rvo-layout-justify-content-end {
62
- justify-content: flex-end;
63
- }
64
-
65
- .rvo-layout-justify-content-space-between {
66
- justify-content: space-between;
67
- }
68
-
69
- .rvo-layout-justify-items-start {
70
- justify-items: flex-start;
71
- }
72
-
73
- .rvo-layout-justify-items-center {
74
- justify-items: center;
75
- }
76
-
77
- .rvo-layout-justify-items-end {
78
- justify-items: flex-end;
79
- }
80
-
81
- .rvo-layout--wrap, .rvo-checkbox__group {
82
- flex-wrap: wrap;
83
- }
84
-
85
- .rvo-layout-gap--0 {
86
- gap: 0;
87
- }
88
-
89
- .rvo-layout-gap--3xs {
90
- gap: var(--rvo-space-3xs);
91
- }
92
-
93
- .rvo-layout-gap--2xs {
94
- gap: var(--rvo-space-2xs);
95
- }
96
-
97
- .rvo-layout-gap--xs {
98
- gap: var(--rvo-space-xs);
99
- }
100
-
101
- .rvo-layout-gap--sm {
102
- gap: var(--rvo-space-sm);
103
- }
104
-
105
- .rvo-layout-gap--md, .rvo-checkbox__group {
106
- gap: var(--rvo-space-md);
107
- }
108
-
109
- .rvo-layout-gap--lg {
110
- gap: var(--rvo-space-lg);
111
- }
112
-
113
- .rvo-layout-gap--xl {
114
- gap: var(--rvo-space-xl);
115
- }
116
-
117
- .rvo-layout-gap--2xl {
118
- gap: var(--rvo-space-2xl);
119
- }
120
-
121
- .rvo-layout-gap--3xl {
122
- gap: var(--rvo-space-3xl);
123
- }
124
-
125
- .rvo-layout-gap--4xl {
126
- gap: var(--rvo-space-4xl);
127
- }
128
-
129
- .rvo-layout-gap--5xl {
130
- gap: var(--rvo-space-5xl);
131
- }
132
-
133
- .rvo-layout-margin-horizontal--0 {
134
- margin-inline: 0;
135
- }
136
-
137
- .rvo-layout-margin-vertical--0 {
138
- margin-block: 0;
139
- }
140
-
141
- .rvo-layout-margin-horizontal--3xs {
142
- margin-inline: var(--rvo-space-3xs);
143
- }
144
-
145
- .rvo-layout-margin-vertical--3xs {
146
- margin-block: var(--rvo-space-3xs);
147
- }
148
-
149
- .rvo-layout-margin-horizontal--2xs {
150
- margin-inline: var(--rvo-space-2xs);
151
- }
152
-
153
- .rvo-layout-margin-vertical--2xs {
154
- margin-block: var(--rvo-space-2xs);
155
- }
156
-
157
- .rvo-layout-margin-horizontal--xs {
158
- margin-inline: var(--rvo-space-xs);
159
- }
160
-
161
- .rvo-layout-margin-vertical--xs {
162
- margin-block: var(--rvo-space-xs);
163
- }
164
-
165
- .rvo-layout-margin-horizontal--sm {
166
- margin-inline: var(--rvo-space-sm);
167
- }
168
-
169
- .rvo-layout-margin-vertical--sm {
170
- margin-block: var(--rvo-space-sm);
171
- }
172
-
173
- .rvo-layout-margin-horizontal--md {
174
- margin-inline: var(--rvo-space-md);
175
- }
176
-
177
- .rvo-layout-margin-vertical--md {
178
- margin-block: var(--rvo-space-md);
179
- }
180
-
181
- .rvo-layout-margin-horizontal--lg {
182
- margin-inline: var(--rvo-space-lg);
183
- }
184
-
185
- .rvo-layout-margin-vertical--lg {
186
- margin-block: var(--rvo-space-lg);
187
- }
188
-
189
- .rvo-layout-margin-horizontal--xl {
190
- margin-inline: var(--rvo-space-xl);
191
- }
192
-
193
- .rvo-layout-margin-vertical--xl {
194
- margin-block: var(--rvo-space-xl);
195
- }
196
-
197
- .rvo-layout-margin-horizontal--2xl {
198
- margin-inline: var(--rvo-space-2xl);
199
- }
200
-
201
- .rvo-layout-margin-vertical--2xl {
202
- margin-block: var(--rvo-space-2xl);
203
- }
204
-
205
- .rvo-layout-margin-horizontal--3xl {
206
- margin-inline: var(--rvo-space-3xl);
207
- }
208
-
209
- .rvo-layout-margin-vertical--3xl {
210
- margin-block: var(--rvo-space-3xl);
211
- }
212
-
213
- .rvo-layout-margin-horizontal--4xl {
214
- margin-inline: var(--rvo-space-4xl);
215
- }
216
-
217
- .rvo-layout-margin-vertical--4xl {
218
- margin-block: var(--rvo-space-4xl);
219
- }
220
-
221
- .rvo-layout-margin-horizontal--5xl {
222
- margin-inline: var(--rvo-space-5xl);
223
- }
224
-
225
- .rvo-layout-margin-vertical--5xl {
226
- margin-block: var(--rvo-space-5xl);
227
- }
228
- .rvo-radio-button__group--error {
229
- border-inline-start: 3px solid var(--rvo-color-rood);
230
- padding-inline-start: var(--rvo-space-md);
231
- }
package/dist/index.min.css DELETED
@@ -1 +0,0 @@
1
- .rvo-checkbox__group,.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-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-checkbox__group,.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-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-checkbox__group,.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-radio-button__group--error{border-inline-start:3px solid var(--rvo-color-rood);padding-inline-start:var(--rvo-space-md)}
package/dist/index.mjs DELETED
@@ -1 +0,0 @@
1
- export default ".rvo-checkbox__group,.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-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-checkbox__group,.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-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-checkbox__group,.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-radio-button__group--error{border-inline-start:3px solid var(--rvo-color-rood);padding-inline-start:var(--rvo-space-md)}";
package/dist/index.mjs.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const css: string;
2
- export default css;