@nl-rvo/css-form-checkbox-group 1.3.1 → 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 +16 -16
  4. package/src/{index.scss → form-checkbox-group.scss} +5 -5
  5. package/CHANGELOG.md +0 -87
  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.1",
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,26 +9,26 @@
9
9
  "css",
10
10
  "form-checkbox-group"
11
11
  ],
12
- "files": [
13
- "src/index.scss",
14
- "dist/",
15
- "design-tokens.json",
16
- "*.md"
17
- ],
18
- "main": "dist/index.css",
19
- "publishConfig": {
20
- "access": "public"
21
- },
22
12
  "repository": {
23
13
  "type": "git+ssh",
24
14
  "url": "git@github.com:nl-design-system/rvo.git",
25
- "directory": "components/form-checkbox-group"
15
+ "directory": "components/form-checkbox-groop/style"
26
16
  },
27
- "devDependencies": {
28
- "@nl-rvo/build-utils-css": "0.1.0"
17
+ "files": [
18
+ "src/",
19
+ "dist/"
20
+ ],
21
+ "exports": {
22
+ ".": "./dist/form-checkbox-group.css",
23
+ "./dist/*": "./dist/*"
24
+ },
25
+ "publishConfig": {
26
+ "access": "public",
27
+ "provenance": true
29
28
  },
30
29
  "scripts": {
31
- "build": "build-css-package",
32
- "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/"
33
33
  }
34
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,87 +0,0 @@
1
- # `@nl-rvo/css-form-checkbox-group`
2
-
3
- ## 1.3.1
4
-
5
- ### Patch Changes
6
-
7
- - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
8
-
9
- ## 1.3.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.2.7
22
-
23
- ### Patch Changes
24
-
25
- - 11eb258: Update imports to support storybook v10
26
-
27
- ## 1.2.6
28
-
29
- ### Patch Changes
30
-
31
- - 5a08db9: derives checkbox state from specified options and using parent state as single source of thruth
32
-
33
- ## 1.2.5
34
-
35
- ### Patch Changes
36
-
37
- - 8b3276d: Removed value parameter from checkbox component
38
-
39
- ## 1.2.4
40
-
41
- ### Patch Changes
42
-
43
- - 9585d9e: Removed value from checkbox interface to make the input field controlled
44
-
45
- ## 1.2.3
46
-
47
- ### Patch Changes
48
-
49
- - 2759ed6: Checkbox Group returns Id in currentSelection
50
-
51
- ## 1.2.2
52
-
53
- ### Patch Changes
54
-
55
- - 9fffd1e: Create a new component called called Checkbox Filter. Updated icon to support logoblauw color and form-checkbox-group to have a onChange parameter.
56
-
57
- ## 1.2.1
58
-
59
- ### Patch Changes
60
-
61
- - 6284f7a: 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.0
64
-
65
- ### Minor Changes
66
-
67
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
68
-
69
- ## 1.0.1
70
-
71
- ### Patch Changes
72
-
73
- - c029d6a: Fixed callback events (eg onChange, onFocus) for field components
74
-
75
- ## 1.0.0
76
-
77
- ### Major Changes
78
-
79
- - daa0537: Create npm package for each component.
80
-
81
- ## Pre-releases
82
-
83
- _@nl-rvo/component-library-css@1.0.0-alpha.280_:
84
- Simplified snippet by removing `.rvo-layout-row` and `.rvo-layout-gap--sm`
85
-
86
- _@nl-rvo/component-library-css@1.0.0-alpha.27_:
87
- 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;