@nl-rvo/css-form-radio-button-group 1.3.0 → 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-radio-button-group.css +1 -0
  2. package/dist/form-radio-button-group.css.map +1 -0
  3. package/package.json +16 -16
  4. package/src/{index.scss → form-radio-button-group.scss} +6 -6
  5. package/CHANGELOG.md +0 -45
  6. package/README.md +0 -1
  7. package/dist/index.css +0 -235
  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-radio-button-group.css ADDED
@@ -0,0 +1 @@
1
+ .rvo-radio-button__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-radio-button-group.css.map */
package/dist/form-radio-button-group.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/form-radio-button-group.scss"],"names":[],"mappings":"AAKA,yBACE,aACA,sBACA,wBACA,eACA,oBAGF,gCACE,oDACA","file":"form-radio-button-group.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.3.0",
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-radio-button-group",
@@ -9,26 +9,26 @@
9
9
  "css",
10
10
  "form-radio-button-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-radio-button-group"
15
+ "directory": "components/form-radio-button-group/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-radio-button-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-radio-button-group.scss} RENAMED
@@ -3,15 +3,15 @@
3
3
  * Copyright (c) 2021 Community for NL Design System
4
4
  */
5
5
 
6
- @use "../../layout-flow/src";
7
-
8
6
  .rvo-radio-button__group {
9
- @extend .rvo-layout-column;
10
- @extend .rvo-layout-gap--md;
11
- @extend .rvo-layout--wrap;
7
+ display: flex;
8
+ flex-direction: column;
9
+ gap: var(--rvo-space-md);
10
+ flex-wrap: wrap;
11
+ align-items: stretch;
12
12
  }
13
13
 
14
14
  .rvo-radio-button__group--error {
15
- border-left: 3px solid var(--rvo-color-rood);
15
+ border-inline-start: 3px solid var(--rvo-color-rood);
16
16
  padding-inline-start: var(--rvo-space-md);
17
17
  }
package/CHANGELOG.md DELETED
@@ -1,45 +0,0 @@
1
- # `@nl-rvo/css-form-radio-button-group`
2
-
3
- ## 1.3.0
4
-
5
- ### Minor Changes
6
-
7
- - fa36e07: Project structure updates
8
-
9
- - Moved all Storybook stories to the /stories directory.
10
- - Moved all documentation files to the /docs directory.
11
- - Removed React components from library-component-react and moved them into this package.
12
- - Update all .stories imports to the right react package "component-library-react"
13
- - Fix all Redundant / PascalCase lint warnings for .stories files.
14
-
15
- ## 1.2.1
16
-
17
- ### Patch Changes
18
-
19
- - 11eb258: Update imports to support storybook v10
20
-
21
- ## 1.2.0
22
-
23
- ### Minor Changes
24
-
25
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
26
-
27
- ## 1.0.1
28
-
29
- ### Patch Changes
30
-
31
- - c029d6a: Fixed callback events (eg onChange, onFocus) for field components
32
-
33
- ## 1.0.0
34
-
35
- ### Major Changes
36
-
37
- - daa0537: Create npm package for each component.
38
-
39
- ## Pre-releases
40
-
41
- _@nl-rvo/component-library-css@1.0.0-alpha.281_:
42
- Simplified snippet by replacing `rvo-layout-column`, `rvo-layout-gap--md` and `rvo-layout--wrap` with `rvo-radio-button__group`
43
-
44
- _@nl-rvo/component-library-css@1.0.0-alpha.24_:
45
- Added component
package/README.md DELETED
@@ -1 +0,0 @@
1
- Documentatie voor radio button group
package/dist/index.css DELETED
@@ -1,235 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
- .rvo-layout-column, .rvo-radio-button__group {
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 {
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, .rvo-radio-button__group {
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 {
106
- gap: var(--rvo-space-sm);
107
- }
108
-
109
- .rvo-layout-gap--md, .rvo-radio-button__group {
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-radio-button__group--error {
233
- border-left: 3px solid var(--rvo-color-rood);
234
- padding-inline-start: var(--rvo-space-md);
235
- }
package/dist/index.min.css DELETED
@@ -1 +0,0 @@
1
- .rvo-layout-column,.rvo-radio-button__group{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-layout--wrap,.rvo-radio-button__group{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-layout-gap--md,.rvo-radio-button__group{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-left: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-layout-column,.rvo-radio-button__group{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-layout--wrap,.rvo-radio-button__group{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-layout-gap--md,.rvo-radio-button__group{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-left: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;