@fiscozen/checkbox 3.0.8 → 3.0.10

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 (30) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/checkbox.css +1 -1
  3. package/dist/checkbox.js +8 -4
  4. package/dist/checkbox.umd.cjs +3 -3
  5. package/package.json +5 -5
  6. package/src/FzCheckbox.vue +2 -2
  7. package/src/FzCheckboxGroup.vue +2 -2
  8. package/src/__tests__/FzCheckbox.spec.ts +17 -0
  9. package/src/__tests__/FzCheckboxGroup.spec.ts +17 -0
  10. package/src/__tests__/__snapshots__/FzCheckbox.spec.ts.snap +16 -16
  11. package/src/__tests__/__snapshots__/FzCheckboxGroup.spec.ts.snap +36 -36
  12. package/tsconfig.tsbuildinfo +1 -1
  13. package/coverage/base.css +0 -224
  14. package/coverage/block-navigation.js +0 -87
  15. package/coverage/clover.xml +0 -1031
  16. package/coverage/coverage-final.json +0 -7
  17. package/coverage/favicon.png +0 -0
  18. package/coverage/index.html +0 -131
  19. package/coverage/prettify.css +0 -1
  20. package/coverage/prettify.js +0 -2
  21. package/coverage/sort-arrow-sprite.png +0 -0
  22. package/coverage/sorter.js +0 -196
  23. package/coverage/src/FzCheckbox.vue.html +0 -1489
  24. package/coverage/src/FzCheckboxGroup.vue.html +0 -682
  25. package/coverage/src/common.ts.html +0 -157
  26. package/coverage/src/components/ErrorAlert.vue.html +0 -268
  27. package/coverage/src/components/FzCheckboxGroupOption.vue.html +0 -652
  28. package/coverage/src/components/index.html +0 -131
  29. package/coverage/src/index.html +0 -161
  30. package/coverage/src/utils.ts.html +0 -265
package/src/__tests__/__snapshots__/FzCheckbox.spec.ts.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`FzCheckbox > Snapshots > should match snapshot - checked state 1`] = `
4
4
  "<!-- Root container: vertical layout with consistent spacing -->
5
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
5
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
6
6
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
7
7
  <!-- Hover effects are handled in CSS using data attributes -->
8
8
  <div data-v-79ecb611="" class="flex items-start group">
@@ -15,7 +15,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - checked state 1`] = `
15
15
  <!--
16
16
  Label element: provides click target and visual representation
17
17
  Connected to hidden input via "for" attribute
18
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
18
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
19
19
  peer-focus:[&amp;_div]:after:border-1
20
20
  peer-focus:[&amp;_div]:after:border-solid
21
21
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -48,7 +48,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - checked state 1`] = `
48
48
 
49
49
  exports[`FzCheckbox > Snapshots > should match snapshot - default state 1`] = `
50
50
  "<!-- Root container: vertical layout with consistent spacing -->
51
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
51
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
52
52
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
53
53
  <!-- Hover effects are handled in CSS using data attributes -->
54
54
  <div data-v-79ecb611="" class="flex items-start group">
@@ -61,7 +61,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - default state 1`] = `
61
61
  <!--
62
62
  Label element: provides click target and visual representation
63
63
  Connected to hidden input via "for" attribute
64
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
64
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
65
65
  peer-focus:[&amp;_div]:after:border-1
66
66
  peer-focus:[&amp;_div]:after:border-solid
67
67
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -94,7 +94,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - default state 1`] = `
94
94
 
95
95
  exports[`FzCheckbox > Snapshots > should match snapshot - disabled state 1`] = `
96
96
  "<!-- Root container: vertical layout with consistent spacing -->
97
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
97
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
98
98
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
99
99
  <!-- Hover effects are handled in CSS using data attributes -->
100
100
  <div data-v-79ecb611="" class="flex items-start group" data-disabled="true">
@@ -107,7 +107,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - disabled state 1`] = `
107
107
  <!--
108
108
  Label element: provides click target and visual representation
109
109
  Connected to hidden input via "for" attribute
110
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
110
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
111
111
  peer-focus:[&amp;_div]:after:border-1
112
112
  peer-focus:[&amp;_div]:after:border-solid
113
113
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -140,7 +140,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - disabled state 1`] = `
140
140
 
141
141
  exports[`FzCheckbox > Snapshots > should match snapshot - error state 1`] = `
142
142
  "<!-- Root container: vertical layout with consistent spacing -->
143
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
143
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
144
144
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
145
145
  <!-- Hover effects are handled in CSS using data attributes -->
146
146
  <div data-v-79ecb611="" class="flex items-start group" data-error="true">
@@ -153,7 +153,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - error state 1`] = `
153
153
  <!--
154
154
  Label element: provides click target and visual representation
155
155
  Connected to hidden input via "for" attribute
156
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
156
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
157
157
  peer-focus:[&amp;_div]:after:border-1
158
158
  peer-focus:[&amp;_div]:after:border-solid
159
159
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -210,7 +210,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - error state 1`] = `
210
210
 
211
211
  exports[`FzCheckbox > Snapshots > should match snapshot - indeterminate state 1`] = `
212
212
  "<!-- Root container: vertical layout with consistent spacing -->
213
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
213
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
214
214
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
215
215
  <!-- Hover effects are handled in CSS using data attributes -->
216
216
  <div data-v-79ecb611="" class="flex items-start group">
@@ -223,7 +223,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - indeterminate state 1`
223
223
  <!--
224
224
  Label element: provides click target and visual representation
225
225
  Connected to hidden input via "for" attribute
226
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
226
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
227
227
  peer-focus:[&amp;_div]:after:border-1
228
228
  peer-focus:[&amp;_div]:after:border-solid
229
229
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -256,7 +256,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - indeterminate state 1`
256
256
 
257
257
  exports[`FzCheckbox > Snapshots > should match snapshot - required 1`] = `
258
258
  "<!-- Root container: vertical layout with consistent spacing -->
259
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
259
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
260
260
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
261
261
  <!-- Hover effects are handled in CSS using data attributes -->
262
262
  <div data-v-79ecb611="" class="flex items-start group">
@@ -269,7 +269,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - required 1`] = `
269
269
  <!--
270
270
  Label element: provides click target and visual representation
271
271
  Connected to hidden input via "for" attribute
272
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
272
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
273
273
  peer-focus:[&amp;_div]:after:border-1
274
274
  peer-focus:[&amp;_div]:after:border-solid
275
275
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -302,7 +302,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - required 1`] = `
302
302
 
303
303
  exports[`FzCheckbox > Snapshots > should match snapshot - standalone mode 1`] = `
304
304
  "<!-- Root container: vertical layout with consistent spacing -->
305
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
305
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
306
306
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
307
307
  <!-- Hover effects are handled in CSS using data attributes -->
308
308
  <div data-v-79ecb611="" class="flex items-start group">
@@ -315,7 +315,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - standalone mode 1`] =
315
315
  <!--
316
316
  Label element: provides click target and visual representation
317
317
  Connected to hidden input via "for" attribute
318
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
318
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
319
319
  peer-focus:[&amp;_div]:after:border-1
320
320
  peer-focus:[&amp;_div]:after:border-solid
321
321
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -349,7 +349,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - standalone mode 1`] =
349
349
 
350
350
  exports[`FzCheckbox > Snapshots > should match snapshot - with emphasis 1`] = `
351
351
  "<!-- Root container: vertical layout with consistent spacing -->
352
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
352
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
353
353
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
354
354
  <!-- Hover effects are handled in CSS using data attributes -->
355
355
  <div data-v-79ecb611="" class="flex items-start group" data-emphasis="true">
@@ -362,7 +362,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - with emphasis 1`] = `
362
362
  <!--
363
363
  Label element: provides click target and visual representation
364
364
  Connected to hidden input via "for" attribute
365
- --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black
365
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000001-2a84k-label" for="fz-checkbox-100000000001-2a84k" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
366
366
  peer-focus:[&amp;_div]:after:border-1
367
367
  peer-focus:[&amp;_div]:after:border-solid
368
368
  peer-focus:[&amp;_div]:after:rounded-[2px]
package/src/__tests__/__snapshots__/FzCheckboxGroup.spec.ts.snap CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`] = `
4
4
  "<!-- Root container for the entire checkbox group -->
5
- <div class="flex flex-col gap-10 text-base">
5
+ <div class="flex flex-col gap-10 text-core-black text-base">
6
6
  <!--
7
7
  Group label with optional required indicator and help text
8
8
  Connected to checkbox group via aria-labelledby
9
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
9
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
10
10
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
11
11
  <!--v-if-->
12
12
  </label>
@@ -31,7 +31,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`]
31
31
  - Change event cascades selection to all children
32
32
  -->
33
33
  <!-- Root container: vertical layout with consistent spacing -->
34
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
34
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
35
35
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
36
36
  <!-- Hover effects are handled in CSS using data attributes -->
37
37
  <div data-v-79ecb611="" class="flex items-start group">
@@ -44,7 +44,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`]
44
44
  <!--
45
45
  Label element: provides click target and visual representation
46
46
  Connected to hidden input via "for" attribute
47
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
47
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
48
48
  peer-focus:[&amp;_div]:after:border-1
49
49
  peer-focus:[&amp;_div]:after:border-solid
50
50
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -80,7 +80,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`]
80
80
  - Change event cascades selection to all children
81
81
  -->
82
82
  <!-- Root container: vertical layout with consistent spacing -->
83
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
83
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
84
84
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
85
85
  <!-- Hover effects are handled in CSS using data attributes -->
86
86
  <div data-v-79ecb611="" class="flex items-start group">
@@ -93,7 +93,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`]
93
93
  <!--
94
94
  Label element: provides click target and visual representation
95
95
  Connected to hidden input via "for" attribute
96
- --><label data-v-79ecb611="" id="fz-checkbox-100000000006-8d7ea-label" for="fz-checkbox-100000000006-8d7ea" class="flex gap-6 items-start hover:cursor-pointer text-core-black
96
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000006-8d7ea-label" for="fz-checkbox-100000000006-8d7ea" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
97
97
  peer-focus:[&amp;_div]:after:border-1
98
98
  peer-focus:[&amp;_div]:after:border-solid
99
99
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -129,11 +129,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - default state 1`]
129
129
 
130
130
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - disabled 1`] = `
131
131
  "<!-- Root container for the entire checkbox group -->
132
- <div class="flex flex-col gap-10 text-base">
132
+ <div class="flex flex-col gap-10 text-core-black text-base">
133
133
  <!--
134
134
  Group label with optional required indicator and help text
135
135
  Connected to checkbox group via aria-labelledby
136
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-grey-400">
136
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-grey-400">
137
137
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
138
138
  <!--v-if-->
139
139
  </label>
@@ -158,7 +158,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - disabled 1`] = `
158
158
  - Change event cascades selection to all children
159
159
  -->
160
160
  <!-- Root container: vertical layout with consistent spacing -->
161
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
161
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
162
162
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
163
163
  <!-- Hover effects are handled in CSS using data attributes -->
164
164
  <div data-v-79ecb611="" class="flex items-start group" data-disabled="true">
@@ -171,7 +171,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - disabled 1`] = `
171
171
  <!--
172
172
  Label element: provides click target and visual representation
173
173
  Connected to hidden input via "for" attribute
174
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
174
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
175
175
  peer-focus:[&amp;_div]:after:border-1
176
176
  peer-focus:[&amp;_div]:after:border-solid
177
177
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -207,11 +207,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - disabled 1`] = `
207
207
 
208
208
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical structure 1`] = `
209
209
  "<!-- Root container for the entire checkbox group -->
210
- <div class="flex flex-col gap-10 text-base">
210
+ <div class="flex flex-col gap-10 text-core-black text-base">
211
211
  <!--
212
212
  Group label with optional required indicator and help text
213
213
  Connected to checkbox group via aria-labelledby
214
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
214
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
215
215
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
216
216
  <!--v-if-->
217
217
  </label>
@@ -236,7 +236,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
236
236
  - Change event cascades selection to all children
237
237
  -->
238
238
  <!-- Root container: vertical layout with consistent spacing -->
239
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
239
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
240
240
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
241
241
  <!-- Hover effects are handled in CSS using data attributes -->
242
242
  <div data-v-79ecb611="" class="flex items-start group">
@@ -249,7 +249,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
249
249
  <!--
250
250
  Label element: provides click target and visual representation
251
251
  Connected to hidden input via "for" attribute
252
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
252
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
253
253
  peer-focus:[&amp;_div]:after:border-1
254
254
  peer-focus:[&amp;_div]:after:border-solid
255
255
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -286,7 +286,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
286
286
  - Share same v-model array with parent and siblings
287
287
  -->
288
288
  <!-- Root container: vertical layout with consistent spacing -->
289
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
289
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
290
290
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
291
291
  <!-- Hover effects are handled in CSS using data attributes -->
292
292
  <div data-v-79ecb611="" class="flex items-start group">
@@ -299,7 +299,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
299
299
  <!--
300
300
  Label element: provides click target and visual representation
301
301
  Connected to hidden input via "for" attribute
302
- --><label data-v-79ecb611="" id="fz-checkbox-100000000002-22ql0-child-0-label" for="fz-checkbox-100000000002-22ql0-child-0" class="flex gap-6 items-start hover:cursor-pointer text-core-black
302
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000002-22ql0-child-0-label" for="fz-checkbox-100000000002-22ql0-child-0" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
303
303
  peer-focus:[&amp;_div]:after:border-1
304
304
  peer-focus:[&amp;_div]:after:border-solid
305
305
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -328,7 +328,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
328
328
  Used by FzCheckboxGroupOption to render child checkboxes
329
329
  -->
330
330
  </div><!-- Root container: vertical layout with consistent spacing -->
331
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
331
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
332
332
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
333
333
  <!-- Hover effects are handled in CSS using data attributes -->
334
334
  <div data-v-79ecb611="" class="flex items-start group">
@@ -341,7 +341,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
341
341
  <!--
342
342
  Label element: provides click target and visual representation
343
343
  Connected to hidden input via "for" attribute
344
- --><label data-v-79ecb611="" id="fz-checkbox-100000000002-22ql0-child-1-label" for="fz-checkbox-100000000002-22ql0-child-1" class="flex gap-6 items-start hover:cursor-pointer text-core-black
344
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000002-22ql0-child-1-label" for="fz-checkbox-100000000002-22ql0-child-1" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
345
345
  peer-focus:[&amp;_div]:after:border-1
346
346
  peer-focus:[&amp;_div]:after:border-solid
347
347
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -379,11 +379,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - hierarchical stru
379
379
 
380
380
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout 1`] = `
381
381
  "<!-- Root container for the entire checkbox group -->
382
- <div class="flex flex-col gap-10 text-base">
382
+ <div class="flex flex-col gap-10 text-core-black text-base">
383
383
  <!--
384
384
  Group label with optional required indicator and help text
385
385
  Connected to checkbox group via aria-labelledby
386
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
386
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
387
387
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
388
388
  <!--v-if-->
389
389
  </label>
@@ -408,7 +408,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout
408
408
  - Change event cascades selection to all children
409
409
  -->
410
410
  <!-- Root container: vertical layout with consistent spacing -->
411
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
411
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
412
412
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
413
413
  <!-- Hover effects are handled in CSS using data attributes -->
414
414
  <div data-v-79ecb611="" class="flex items-start group">
@@ -421,7 +421,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout
421
421
  <!--
422
422
  Label element: provides click target and visual representation
423
423
  Connected to hidden input via "for" attribute
424
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
424
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
425
425
  peer-focus:[&amp;_div]:after:border-1
426
426
  peer-focus:[&amp;_div]:after:border-solid
427
427
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -457,7 +457,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout
457
457
  - Change event cascades selection to all children
458
458
  -->
459
459
  <!-- Root container: vertical layout with consistent spacing -->
460
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
460
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
461
461
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
462
462
  <!-- Hover effects are handled in CSS using data attributes -->
463
463
  <div data-v-79ecb611="" class="flex items-start group">
@@ -470,7 +470,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout
470
470
  <!--
471
471
  Label element: provides click target and visual representation
472
472
  Connected to hidden input via "for" attribute
473
- --><label data-v-79ecb611="" id="fz-checkbox-100000000006-8d7ea-label" for="fz-checkbox-100000000006-8d7ea" class="flex gap-6 items-start hover:cursor-pointer text-core-black
473
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000006-8d7ea-label" for="fz-checkbox-100000000006-8d7ea" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
474
474
  peer-focus:[&amp;_div]:after:border-1
475
475
  peer-focus:[&amp;_div]:after:border-solid
476
476
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -506,11 +506,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - horizontal layout
506
506
 
507
507
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - required 1`] = `
508
508
  "<!-- Root container for the entire checkbox group -->
509
- <div class="flex flex-col gap-10 text-base">
509
+ <div class="flex flex-col gap-10 text-core-black text-base">
510
510
  <!--
511
511
  Group label with optional required indicator and help text
512
512
  Connected to checkbox group via aria-labelledby
513
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
513
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
514
514
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<span> *</span></span><!-- Optional help text slot for additional context -->
515
515
  <!--v-if-->
516
516
  </label>
@@ -535,7 +535,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - required 1`] = `
535
535
  - Change event cascades selection to all children
536
536
  -->
537
537
  <!-- Root container: vertical layout with consistent spacing -->
538
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
538
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
539
539
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
540
540
  <!-- Hover effects are handled in CSS using data attributes -->
541
541
  <div data-v-79ecb611="" class="flex items-start group">
@@ -548,7 +548,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - required 1`] = `
548
548
  <!--
549
549
  Label element: provides click target and visual representation
550
550
  Connected to hidden input via "for" attribute
551
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
551
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
552
552
  peer-focus:[&amp;_div]:after:border-1
553
553
  peer-focus:[&amp;_div]:after:border-solid
554
554
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -584,11 +584,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - required 1`] = `
584
584
 
585
585
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - with error 1`] = `
586
586
  "<!-- Root container for the entire checkbox group -->
587
- <div class="flex flex-col gap-10 text-base">
587
+ <div class="flex flex-col gap-10 text-core-black text-base">
588
588
  <!--
589
589
  Group label with optional required indicator and help text
590
590
  Connected to checkbox group via aria-labelledby
591
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
591
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
592
592
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
593
593
  <!--v-if-->
594
594
  </label>
@@ -613,7 +613,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - with error 1`] =
613
613
  - Change event cascades selection to all children
614
614
  -->
615
615
  <!-- Root container: vertical layout with consistent spacing -->
616
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
616
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
617
617
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
618
618
  <!-- Hover effects are handled in CSS using data attributes -->
619
619
  <div data-v-79ecb611="" class="flex items-start group" data-error="true">
@@ -626,7 +626,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - with error 1`] =
626
626
  <!--
627
627
  Label element: provides click target and visual representation
628
628
  Connected to hidden input via "for" attribute
629
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
629
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
630
630
  peer-focus:[&amp;_div]:after:border-1
631
631
  peer-focus:[&amp;_div]:after:border-solid
632
632
  peer-focus:[&amp;_div]:after:rounded-[2px]
@@ -686,11 +686,11 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - with error 1`] =
686
686
 
687
687
  exports[`FzCheckboxGroup > Snapshots > should match snapshot - with help text 1`] = `
688
688
  "<!-- Root container for the entire checkbox group -->
689
- <div class="flex flex-col gap-10 text-base">
689
+ <div class="flex flex-col gap-10 text-core-black text-base">
690
690
  <!--
691
691
  Group label with optional required indicator and help text
692
692
  Connected to checkbox group via aria-labelledby
693
- --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col text-base gap-6 text-core-black">
693
+ --><label id="fz-checkbox-group-100000000001-2a84k-label" class="flex flex-col mb-0 text-base gap-6 text-core-black">
694
694
  <!-- Main label text with required asterisk if applicable --><span>Test Checkbox Group<!--v-if--></span><!-- Optional help text slot for additional context -->
695
695
  <p id="fz-checkbox-group-100000000001-2a84k-help" class="text-sm text-grey-500">This is help text</p>
696
696
  </label>
@@ -715,7 +715,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - with help text 1`
715
715
  - Change event cascades selection to all children
716
716
  -->
717
717
  <!-- Root container: vertical layout with consistent spacing -->
718
- <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4">
718
+ <div data-v-79ecb611="" class="flex justify-center flex-col w-fit gap-4 text-core-black">
719
719
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
720
720
  <!-- Hover effects are handled in CSS using data attributes -->
721
721
  <div data-v-79ecb611="" class="flex items-start group">
@@ -728,7 +728,7 @@ exports[`FzCheckboxGroup > Snapshots > should match snapshot - with help text 1`
728
728
  <!--
729
729
  Label element: provides click target and visual representation
730
730
  Connected to hidden input via "for" attribute
731
- --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black
731
+ --><label data-v-79ecb611="" id="fz-checkbox-100000000003-2kdwy-label" for="fz-checkbox-100000000003-2kdwy" class="flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
732
732
  peer-focus:[&amp;_div]:after:border-1
733
733
  peer-focus:[&amp;_div]:after:border-solid
734
734
  peer-focus:[&amp;_div]:after:rounded-[2px]