Skip to content

Commit 1d0f58f

Browse files
TheMcnafahaTheMcnafaha
committed
fix: better naming for checklist
1 parent edc8a41 commit 1d0f58f

File tree

9 files changed

+30
-30
lines changed

9 files changed

+30
-30
lines changed

‎apps/website/src/routes/docs/headless/checkbox/examples/pizza.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export default component$(() => {
99
<Checklist.Root ariaLabeledBy="pizza-toppings" class="flex flex-col gap-4">
1010
<Checkbox.Root
1111
class="flex items-center gap-3 border-2 border-black p-2"
12-
checkList={true}
12+
checklist={true}
1313
>
1414
<Checklist.Indicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
1515
<div q:slot="checkbox" id="true-img">

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {
33
CheckboxIndicator,
44
Checkbox,
55
ChecklistIndicator,
6-
CheckList,
6+
Checklist,
77
} from 'packages/kit-headless/src/components/checkbox/index';
88
// TODO: add logic to handle user passed sigs with trues
99
// this test basically ensures that the sig passed to the checklist controlls trumps all its children
@@ -12,10 +12,10 @@ export default component$(() => {
1212
return (
1313
<>
1414
<h3 id="test123">Pick a cat</h3>
15-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
15+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1616
<Checkbox.Root
1717
class="flex items-center gap-3 bg-slate-900 text-white"
18-
checkList={true}
18+
checklist={true}
1919
checkBoxSig={checklistSig}
2020
id="checklist"
2121
>
@@ -44,7 +44,7 @@ export default component$(() => {
4444
<p>Im a true.tsx</p>
4545
</div>
4646
</Checkbox.Root>
47-
</CheckList>
47+
</Checklist>
4848
<p>You signal is: </p>
4949
<p id="signal-to-text">{`${checklistSig.value}`}</p>
5050
</>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-falses.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { component$, useSignal, useStyles$ } from '@builder.io/qwik';
22
import { CheckboxIndicator } from 'packages/kit-headless/src/components/checkbox/checkbox-indicator';
33
import { Checkbox } from 'packages/kit-headless/src/components/checkbox/checkbox';
4-
import { CheckList } from 'packages/kit-headless/src/components/checkbox/checklist';
4+
import { Checklist } from 'packages/kit-headless/src/components/checkbox/checklist';
55
export default component$(() => {
66
const firstUserSig = useSignal(false);
77
const secondUserSig = useSignal(false);
88
return (
99
<>
1010
<h3 id="test123">Pick a cat</h3>
11-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
11+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1212
<Checkbox.Root
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
14-
checkList={true}
14+
checklist={true}
1515
>
1616
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
@@ -32,7 +32,7 @@ export default component$(() => {
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>
35-
</CheckList>
35+
</Checklist>
3636
</>
3737
);
3838
});

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
import { component$, useSignal, useStyles$ } from '@builder.io/qwik';
22
import { CheckboxIndicator } from 'packages/kit-headless/src/components/checkbox/checkbox-indicator';
33
import { Checkbox } from 'packages/kit-headless/src/components/checkbox/checkbox';
4-
import { CheckList } from 'packages/kit-headless/src/components/checkbox/checklist';
4+
import { Checklist } from 'packages/kit-headless/src/components/checkbox/checklist';
55
import { Checkbox } from '@qwik-ui/headless';
66
export default component$(() => {
77
const firstUserSig = useSignal(false);
88
const secondUserSig = useSignal(true);
99
return (
1010
<>
1111
<h3 id="test123">Pick a cat</h3>
12-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
12+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1313
<Checkbox.Root
1414
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
15-
checkList={true}
15+
checklist={true}
1616
>
1717
<Checklist.Indicator class="w-fit">
1818
<div q:slot="checkbox" id="true-img">
@@ -39,7 +39,7 @@ export default component$(() => {
3939
<p>No other stuff is needed here</p>
4040
</div>
4141
</Checkbox.Root>
42-
</CheckList>
42+
</Checklist>
4343
</>
4444
);
4545
});

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-true.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,18 @@ import {
33
CheckboxIndicator,
44
Checkbox,
55
ChecklistIndicator,
6-
CheckList,
6+
Checklist,
77
} from 'packages/kit-headless/src/components/checkbox/index';
88
// this test basically ensures that the sig passed to the checklist controlls trumps all its children
99
export default component$(() => {
1010
const checklistSig = useSignal(true);
1111
return (
1212
<>
1313
<h3 id="test123">Pick a cat</h3>
14-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
14+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1515
<Checkbox.Root
1616
class="flex items-center gap-3 bg-slate-900 text-white"
17-
checkList={true}
17+
checklist={true}
1818
checkBoxSig={checklistSig}
1919
id="checklist"
2020
>
@@ -43,7 +43,7 @@ export default component$(() => {
4343
<p>Im a true.tsx</p>
4444
</div>
4545
</Checkbox.Root>
46-
</CheckList>
46+
</Checklist>
4747
<p>You signal is: </p>
4848
<p id="signal-to-text">{`${checklistSig.value}`}</p>
4949
</>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-trues.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { component$, useSignal, useStyles$ } from '@builder.io/qwik';
22
import { CheckboxIndicator } from 'packages/kit-headless/src/components/checkbox/checkbox-indicator';
33
import { Checkbox } from 'packages/kit-headless/src/components/checkbox/checkbox';
4-
import { CheckList } from 'packages/kit-headless/src/components/checkbox/checklist';
4+
import { Checklist } from 'packages/kit-headless/src/components/checkbox/checklist';
55
export default component$(() => {
66
const firstUserSig = useSignal(true);
77
const secondUserSig = useSignal(true);
88
return (
99
<>
1010
<h3 id="test123">Pick a cat</h3>
11-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
11+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1212
<Checkbox.Root
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
14-
checkList={true}
14+
checklist={true}
1515
>
1616
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
@@ -32,7 +32,7 @@ export default component$(() => {
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>
35-
</CheckList>
35+
</Checklist>
3636
</>
3737
);
3838
});

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { component$, useSignal, useStyles$ } from '@builder.io/qwik';
22
import { CheckboxIndicator } from 'packages/kit-headless/src/components/checkbox/checkbox-indicator';
33
import { Checkbox } from 'packages/kit-headless/src/components/checkbox/checkbox';
4-
import { CheckList } from 'packages/kit-headless/src/components/checkbox/checklist';
4+
import { Checklist } from 'packages/kit-headless/src/components/checkbox/checklist';
55
export default component$(() => {
66
const firstUserSig = useSignal(true);
77
const secondUserSig = useSignal(true);
88
return (
99
<>
1010
<h3 id="test123">Pick a cat</h3>
11-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
11+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1212
<Checkbox.Root
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
14-
checkList={true}
14+
checklist={true}
1515
>
1616
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
@@ -32,7 +32,7 @@ export default component$(() => {
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>
35-
</CheckList>
35+
</Checklist>
3636
</>
3737
);
3838
});

‎apps/website/src/routes/docs/headless/checkbox/examples/test-list.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default component$(() => {
88
<Checklist.Root class="flex flex-col gap-3" ariaLabeledBy="test123">
99
<Checkbox.Root
1010
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
11-
checkList={true}
11+
checklist={true}
1212
>
1313
<Checklist.Indicator class="w-fit bg-black">
1414
<div q:slot="checkbox" id="true-img">

‎apps/website/src/routes/docs/headless/checkbox/examples/test-props-ids-list.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
import { component$, useSignal, useStyles$ } from '@builder.io/qwik';
22
import { CheckboxIndicator } from 'packages/kit-headless/src/components/checkbox/checkbox-indicator';
33
import { Checkbox } from 'packages/kit-headless/src/components/checkbox/checkbox';
4-
import { CheckList } from 'packages/kit-headless/src/components/checkbox/checklist';
4+
import { Checklist } from 'packages/kit-headless/src/components/checkbox/checklist';
55
export default component$(() => {
66
const firstUserSig = useSignal(true);
77
const secondUserSig = useSignal(true);
88
return (
99
<>
1010
<h3 id="test123">Pick a cat</h3>
11-
<CheckList class="flex flex-col gap-3" ariaLabeledBy="test123">
11+
<Checklist class="flex flex-col gap-3" ariaLabeledBy="test123">
1212
<Checkbox.Root
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
14-
checkList={true}
14+
checklist={true}
1515
id="checklist"
1616
>
1717
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
@@ -34,7 +34,7 @@ export default component$(() => {
3434
<p>Second child</p>
3535
</div>
3636
</Checkbox.Root>
37-
</CheckList>
37+
</Checklist>
3838
</>
3939
);
4040
});

0 commit comments

Comments
 (0)