Fix crash on Select documentation (#559)

gsoft-inc · Dec 20, 2024 · 4b0c5f0 · 4b0c5f0
2 parents b002222 + 5518504
commit 4b0c5f0
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 23 deletions.
diff --git a/packages/components/src/Select/docs/customValue.tsx b/packages/components/src/Select/docs/customValue.tsx
@@ -9,7 +9,7 @@ const renderValue = ({ defaultChildren, selectedItem }: ValueRenderProps<User>)
         return (
             <>
                 <Avatar name={name} src={avatar} />
-                <Text>{name}</Text>
+                <Text slot="label">{name}</Text>
             </>
         );
     }
@@ -31,7 +31,7 @@ export default function Example() {
                 return (
                     <SelectItem id={id} textValue={name}>
                         <Avatar name={name} src={avatar} />
-                        <Text>{name}</Text>
+                        <Text slot="label">{name}</Text>
                         <Text slot="description">{role}</Text>
                     </SelectItem>
                 );

diff --git a/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx b/packages/components/src/Select/docs/selectDropdown/autoMenuWidth.tsx
@@ -7,15 +7,15 @@ export default function Example() {
             isAutoMenuWidth
         >
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/avatar.tsx b/packages/components/src/Select/docs/selectDropdown/avatar.tsx
@@ -5,15 +5,15 @@ export default function Example() {
         <Select aria-label="Team">
             <SelectItem textValue="Fred Smith">
                 <Avatar src="https://i.pravatar.cc/96?img=3" name="Fred Smith" />
-                <Text>Fred Smith</Text>
+                <Text slot="label">Fred Smith</Text>
             </SelectItem>
             <SelectItem textValue="Karen Smith">
                 <Avatar name="Karen Smith" />
-                <Text>Karen Smith</Text>
+                <Text slot="label">Karen Smith</Text>
             </SelectItem>
             <SelectItem textValue="John Doe">
                 <Avatar name="John Doe" />
-                <Text>John Doe</Text>
+                <Text slot="label">John Doe</Text>
             </SelectItem>
         </Select>
     );

diff --git a/packages/components/src/Select/docs/selectDropdown/count.tsx b/packages/components/src/Select/docs/selectDropdown/count.tsx
@@ -4,12 +4,12 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Badge>50</Badge>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <Badge variant="secondary">99+</Badge>
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/description.tsx b/packages/components/src/Select/docs/selectDropdown/description.tsx
@@ -4,15 +4,15 @@ export default function Example() {
     return (
         <Select aria-label="list of options with a description">
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/endIcons.tsx b/packages/components/src/Select/docs/selectDropdown/endIcons.tsx
@@ -5,14 +5,14 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <IconList slot="end-icon">
                     <SparklesIcon /><SparklesIcon /><SparklesIcon />
                 </IconList>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <SparklesIcon slot="end-icon" />
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/footer.tsx b/packages/components/src/Select/docs/selectDropdown/footer.tsx
@@ -8,15 +8,15 @@ export default function Example() {
             footer={<Button variant="ghost-secondary" isFluid><AddIcon /><Text>Add</Text></Button>}
         >
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Developer">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/icons.tsx b/packages/components/src/Select/docs/selectDropdown/icons.tsx
@@ -5,14 +5,14 @@ export default function Example() {
     return (
         <Select aria-label="list of options">
             <SelectItem textValue="Designer">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <IconList>
                     <SparklesIcon /><SparklesIcon /><SparklesIcon />
                 </IconList>
             </SelectItem>
             <SelectItem textValue="Developer">
                 <SparklesIcon />
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
             </SelectItem>
             <SelectItem>Manager</SelectItem>
         </Select>

diff --git a/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx b/packages/components/src/Select/docs/selectDropdown/selectionIndicator.tsx
@@ -12,15 +12,15 @@ export default function Example() {
             selectionIndicator="input"
         >
             <SelectItem textValue="Developer" id="1">
-                <Text>Developer</Text>
+                <Text slot="label">Developer</Text>
                 <Text slot="description">Builds and maintains software.</Text>
             </SelectItem>
             <SelectItem textValue="Designer" id="2">
-                <Text>Designer</Text>
+                <Text slot="label">Designer</Text>
                 <Text slot="description">Creates visual design solutions.</Text>
             </SelectItem>
             <SelectItem textValue="Manager" id="3">
-                <Text>Manager</Text>
+                <Text slot="label">Manager</Text>
                 <Text slot="description">Leads teams and projects.</Text>
             </SelectItem>
         </Select>