Skip to content

fix(docs): types for classNames and itemClasses #4209

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jrgarciadev merged 1 commit into from
Dec 3, 2024
Merged

fix(docs): types for classNames and itemClasses #4209

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/autocomplete.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -745,7 +745,7 @@ properties to customize the popover, listbox and input components.
},
{
attribute: "classNames",
type: "Record<'base' | 'listboxWrapper' | 'listbox' | 'popoverContent' | 'endContentWrapper' | 'clearButton' | 'selectorButton', string>",
type: "Partial<Record<'base' | 'listboxWrapper' | 'listbox' | 'popoverContent' | 'endContentWrapper' | 'clearButton' | 'selectorButton', string>>",
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot Dec 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codebase verification

Found inconsistent type definitions in the dropdown component documentation

The search revealed that most components correctly use Partial<Record>, but the dropdown component has some inconsistent type definitions that need to be updated:

  • In apps/docs/content/docs/components/dropdown.mdx:
    • classNames for dropdown section uses Record instead of Partial<Record>
    • itemClasses uses Record instead of Partial<Record>
    • classNames for dropdown item uses Record instead of Partial<Record>
🔗 Analysis chain

LGTM! The type definition change correctly addresses the issue.

The update from Record to Partial<Record> accurately reflects that the class name keys are optional, which resolves the confusion reported in issue #3216.

Let's verify if similar type definitions need to be updated in other component documentation files:

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Search for similar Record type definitions in other component docs
rg -l "Record<.*string>" apps/docs/content/docs/components/

Length of output: 1694

Script:

#!/bin/bash
# Let's check the actual type definitions in these files to see if they use Partial or not
rg "type:.*Record<.*string>" apps/docs/content/docs/components/ -A 1 -B 1

Length of output: 17477

description: "Allows to set custom class names for the Autocomplete slots.",
default: "-"
}
Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/components/avatar.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ You can customize any part of the avatar by using the `classNames` prop, each `s
},
{
attribute: "classNames",
type: "Record<\"base\" | \"img\" | \"fallback\" | \"name\" | \"icon\", string>",
type: "Partial<Record<\"base\" | \"img\" | \"fallback\" | \"name\" | \"icon\", string>>",
description: "Allows to set custom class names for the avatar slots.",
default: "-"
}
Expand Down Expand Up @@ -319,7 +319,7 @@ You can customize any part of the avatar by using the `classNames` prop, each `s
},
{
attribute: "classNames",
type: "Record<\"base\" | \"count\", string>",
type: "Partial<Record<\"base\" | \"count\", string>>",
description: "Allows to set custom class names for the avatar group slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/badge.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ The Badge component has two slots:
},
{
attribute: "classNames",
type: "Record<\"base\"｜\"badge\", string>",
type: "Partial<Record<\"base\"｜\"badge\", string>>",
description: "Allows to set custom class names for the badge slots.",
default: "-"
}
Expand Down
6 changes: 3 additions & 3 deletions apps/docs/content/docs/components/breadcrumbs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -293,13 +293,13 @@ You can customize the `Breadcrumbs` style by using the `classNames` prop and its
},
{
attribute: "itemClasses",
type: "Record<\"base\" | \"item\" | \"separator\", string>",
type: "Partial<Record<\"base\" | \"item\" | \"separator\", string>>",
description: "Allows to set custom class names for the breadcrumbs item slots.",
default: "-"
},
{
attribute: "classNames",
type: "Record<\"base\" | \"list\" | \"ellipsis\" | \"separator\", string>",
type: "Partial<Record<\"base\" | \"list\" | \"ellipsis\" | \"separator\", string>>",
description: "Allows to set custom class names for the breadcrumbs slots.",
default: "-"
}
Expand Down Expand Up @@ -397,7 +397,7 @@ You can customize the `Breadcrumbs` style by using the `classNames` prop and its
},
{
attribute: "classNames",
type: "Record<\"base\" | \"item\" | \"separator\", string>",
type: "Partial<Record<\"base\" | \"item\" | \"separator\", string>>",
description: "Allows to set custom class names for the item slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/calendar.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@ Here's the example to customize `topContent` and `bottomContent` to have some pr
},
{
attribute: "classNames",
type: "Record<'base' | 'prevButton' | 'nextButton' | 'headerWrapper' | 'header' | 'title' | 'content' | 'gridWrapper' | 'grid' | 'gridHeader' | 'gridHeaderRow' | 'gridHeaderCell' | 'gridBody' | 'gridBodyRow' | 'cell' | 'cellButton' | 'pickerWrapper' | 'pickerMonthList' | 'pickerYearList' | 'pickerHighlight' | 'pickerItem' | 'helperWrapper' | 'errorMessage', string>",
type: "Partial<Record<'base' | 'prevButton' | 'nextButton' | 'headerWrapper' | 'header' | 'title' | 'content' | 'gridWrapper' | 'grid' | 'gridHeader' | 'gridHeaderRow' | 'gridHeaderCell' | 'gridBody' | 'gridBodyRow' | 'cell' | 'cellButton' | 'pickerWrapper' | 'pickerMonthList' | 'pickerYearList' | 'pickerHighlight' | 'pickerItem' | 'helperWrapper' | 'errorMessage', string>>",
description: "Allows to set custom class names for the calendar slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/card.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,7 +205,7 @@ You can use `Image` component as the cover of the card by taking it out of the `
},
{
attribute: "classNames",
type: "Record<'base' | 'header' | 'body' | 'footer', string>",
type: "Partial<Record<'base' | 'header' | 'body' | 'footer', string>>",
description: "Allows to set custom class names for the card slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/checkbox-group.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ In case you need to customize the checkbox even further, you can use the `useChe
},
{
attribute: "classNames",
type: "Record<\"base\" | \"wrapper\" | \"label\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"label\", string>>",
description: "Allows to set custom class names for the checkbox group slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/checkbox.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ In case you need to customize the checkbox even further, you can use the `useChe
},
{
attribute: "classNames",
type: "Record<\"base\"｜ \"wrapper\"｜ \"icon\"｜ \"label\", string>",
type: "Partial<Record<\"base\"｜ \"wrapper\"｜ \"icon\"｜ \"label\", string>>",
description: "Allows to set custom class names for the checkbox slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/chip.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ You can customize the `Chip` component by passing custom Tailwind CSS classes to
},
{
attribute: "classNames",
type: 'Record<"base" | "content" | "dot" | "avatar" | "closeButton", string>',
type: 'Partial<Record<"base" | "content" | "dot" | "avatar" | "closeButton", string>>',
description: "Allows to set custom class names for the chip slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/circular-progress.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@ You can customize the `CircularProgress` component by passing custom Tailwind CS
},
{
attribute: "classNames",
type: "Record<'base'｜'svgWrapper'｜'svg'｜'track'｜'indicator'｜'value'｜'label', string>",
type: "Partial<Record<'base'｜'svgWrapper'｜'svg'｜'track'｜'indicator'｜'value'｜'label', string>>",
description: "Allows to set custom class names for the circular progress slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/date-range-picker.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -628,7 +628,7 @@ You can customize the `DateRangePicker` component by passing custom Tailwind CSS
},
{
attribute: "classNames",
type: "Record<\"base\" | \"selectorButton\" | \"selectorIcon\" | \"popoverContent\" | \"calendar\" | \"calendarContent\" | \"timeInputLabel\" | \"timeInput\", string>",
type: "Partial<Record<\"base\" | \"selectorButton\" | \"selectorIcon\" | \"popoverContent\" | \"calendar\" | \"calendarContent\" | \"timeInputLabel\" | \"timeInput\", string>>",
description: "Allows to set custom class names for the date-range-picker slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/drawer.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,7 @@ The Drawer component design is inspired by [Luma](https://x.com/LumaHQ).
},
{
attribute: "classNames",
type: "Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>",
type: "Partial<Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>>",
description: "Allows to set custom class names for the drawer slots.",
default: "-"
}
Expand Down
10 changes: 5 additions & 5 deletions apps/docs/content/docs/components/dropdown.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -480,13 +480,13 @@ you to customize each item individually.
},
{
attribute: "classNames",
type: "Record<base｜list｜emptyContent, string>",
type: "Partial<Record<'base'｜'list'｜'emptyContent', string>>",
description: "Allows to set custom class names for the dropdown menu slots.",
default: "-"
},
{
attribute: "itemClasses",
type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
type: "Partial<Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
description: "Allows to set custom class names for the dropdown item slots.",
default: "-"
}
Expand Down Expand Up @@ -560,13 +560,13 @@ you to customize each item individually.
},
{
attribute: "classNames",
type: "Record<base｜heading｜group｜divider, string>",
type: "Record<'base'｜'heading'｜'group'｜'divider', string>>",
description: "Allows to set custom class names for the dropdown section slots.",
default: "-"
},
{
attribute: "itemClasses",
type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
description: "Allows to set custom class names for the dropdown item slots.",
default: "-"
}
Expand Down Expand Up @@ -705,7 +705,7 @@ you to customize each item individually.
},
{
attribute: "classNames",
type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
description: "Allows to set custom class names for the dropdown item slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/image.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ you can use it with NextUI `Image` component as well.
},
{
attribute: "classNames",
type: 'Record<"img" | "wrapper" | "zoomedWrapper" | "blurredImg", string>',
type: 'Partial<Record<"img" | "wrapper" | "zoomedWrapper" | "blurredImg", string>>',
description: "Allows to set custom class names for the image slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/input-otp.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ You can customize the styles of the `InputOtp` component using the `classNames`
},
{
attribute: "classNames",
type: "Record<'base' | 'inputWrapper' | 'input' | 'segmentWrapper' | 'segment' | 'caret' | 'passwordChar' | 'helperWrapper' | 'description' | 'errorMessage', string>",
type: "Partial<Record<'base' | 'inputWrapper' | 'input' | 'segmentWrapper' | 'segment' | 'caret' | 'passwordChar' | 'helperWrapper' | 'description' | 'errorMessage', string>>",
description: "Allows to set custom class names for the Input slots.",
default: "-"
},
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/input.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -342,7 +342,7 @@ In case you need to customize the input even further, you can use the `useInput`
},
{
attribute: "classNames",
type: "Record<'base' | 'label' | 'inputWrapper' | 'innerWrapper' | 'mainWrapper' | 'input' | 'clearButton' | 'helperWrapper' | 'description' | 'errorMessage', string>",
type: "Partial<Record<'base' | 'label' | 'inputWrapper' | 'innerWrapper' | 'mainWrapper' | 'input' | 'clearButton' | 'helperWrapper' | 'description' | 'errorMessage', string>>",
description: "Allows to set custom class names for the Input slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/kbd.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ Keyboard key is a component to display which key or combination of keys performs
},
{
attribute: "classNames",
type: 'Record<"base" | "abbr" | "content", string>',
type: 'Partial<Record<"base" | "abbr" | "content", string>>',
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot Dec 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codebase verification

Type definition is consistent with other components

The verification shows that the Partial<Record> type is consistently used across most component documentation files, with only a few exceptions in the dropdown component. The kbd component's type definition aligns with the established pattern used throughout the codebase.

  • Found in dropdown.mdx: Three instances using Record instead of Partial<Record>: 
    type: "Record<'base'｜'heading'｜'group'｜'divider', string>>"
type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>"
type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>"
🔗 Analysis chain

LGTM! Type definition correctly updated.

The change from Record to Partial<Record> accurately reflects that the class name keys are optional, fixing the documentation issue reported in #3216.

Let's verify the consistency of this change across other component documentation files:

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: Check if other component docs use the correct Partial<Record> type for classNames
# Expected: All components should use Partial<Record> for consistency

# Search for classNames type definitions in MDX files
rg -t mdx 'classNames.*Record.*string' apps/docs/content/docs/components/

Length of output: 103

Script:

#!/bin/bash
# Let's try a different approach to search for Record type definitions in documentation
rg "type.*Record.*string" apps/docs/content/docs/

Length of output: 7783

description: "Allows to set custom class names for the keyboard key slots.",
default: "-"
}
Expand Down
10 changes: 5 additions & 5 deletions apps/docs/content/docs/components/listbox.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -377,13 +377,13 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
},
{
attribute: "classNames",
type: "Record<\"base\" | \"list\" | \"emptyContent\", string>",
type: "Partial<Record<\"base\" | \"list\" | \"emptyContent\", string>>",
description: "Allows to set custom class names for the listbox slots.",
default: "-"
},
{
attribute: "itemClasses",
type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"selectedIcon\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"selectedIcon\", string>>",
description: "Allows to set custom class names for the listbox item slots.",
default: "-"
}
Expand Down Expand Up @@ -451,13 +451,13 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
},
{
attribute: "classNames",
type: "Record<\"base\" | \"heading\" | \"group\" | \"divider\", string>",
type: "Partial<Record<\"base\" | \"heading\" | \"group\" | \"divider\", string>>",
description: "Allows to set custom class names for the listbox section slots.",
default: "-"
},
{
attribute: "itemClasses",
type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>>",
description: "Allows to set custom class names for the listbox item slots.",
default: "-"
}
Expand Down Expand Up @@ -596,7 +596,7 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
},
{
attribute: "classNames",
type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>>",
description: "Allows to set custom class names for the listbox item slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/modal.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ You can customize the `Modal` component by passing custom Tailwind CSS classes t
},
{
attribute: "classNames",
type: "Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>",
type: "Partial<Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>>",
description: "Allows to set custom class names for the modal slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/navbar.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -342,7 +342,7 @@ When the `NavbarItem` is active, it will have a `data-active` attribute. You can
},
{
attribute: "classNames",
type: "Record<'base' | 'wrapper' | 'brand' | 'content' | 'item' | 'toggle' | 'toggleIcon' | 'menu' | 'menuItem', string>",
type: "Partial<Record<'base' | 'wrapper' | 'brand' | 'content' | 'item' | 'toggle' | 'toggleIcon' | 'menu' | 'menuItem', string>>",
description: "Allows to set custom class names for the navbar slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/pagination.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -294,7 +294,7 @@ your own implementation.
},
{
attribute: "classNames",
type: "Record<'base' | 'wrapper' | 'prev' | 'next' | 'item' | 'cursor' | 'forwardIcon' | 'ellipsis' | 'chevronNext', string>",
type: "Partial<Record<'base' | 'wrapper' | 'prev' | 'next' | 'item' | 'cursor' | 'forwardIcon' | 'ellipsis' | 'chevronNext', string>>",
description: "Allows to set custom class names for the pagination slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/popover.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -296,7 +296,7 @@ You can customize the `Popover` component by passing custom Tailwind CSS classes
},
{
attribute: "classNames",
type: "Record<'base' | 'trigger' | 'backdrop' | 'content', string>",
type: "Partial<Record<'base' | 'trigger' | 'backdrop' | 'content', string>>",
description: "Allows to set custom class names for the popover slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/progress.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,7 +210,7 @@ You can customize the `Progress` component by passing custom Tailwind CSS classe
},
{
attribute: "classNames",
type: "Record<'base' | 'labelWrapper' | 'label' | 'track' | 'value' | 'indicator', string>",
type: "Partial<Record<'base' | 'labelWrapper' | 'label' | 'track' | 'value' | 'indicator', string>>",
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot Dec 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codebase verification

Inconsistent classNames type definitions found in dropdown and listbox components

The verification revealed that most components correctly use Partial<Record> for classNames, but there are inconsistencies in the dropdown component documentation where some sections still use Record instead of Partial<Record>:

  • apps/docs/content/docs/components/dropdown.mdx: Two instances using non-partial Record:
    • Record<'base'｜'heading'｜'group'｜'divider', string>>
    • Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>
🔗 Analysis chain

LGTM! Type definition correctly updated.

The change from Record to Partial<Record> accurately reflects that the slot class names are optional, fixing the documentation bug reported in #3216.

Let's verify the consistency of this change across other components mentioned in the AI summary:

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: Check if the classNames type is consistently defined as Partial<Record> across all component docs
# Expected: All components should use Partial<Record> for classNames type

# Search for classNames type definitions in component docs
rg -U 'attribute: "classNames"[^}]+type: "[^"]+"' apps/docs/content/docs/components/

Length of output: 9797

description: "Allows to set custom class names for the progress slots.",
default: "-"
}
Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/components/radio-group.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -259,7 +259,7 @@ In case you need to customize the radio group even further, you can use the `use
},
{
attribute: "classNames",
type: "Record<\"base\" | \"wrapper\" | \"label\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"label\", string>>",
description: "Allows to set custom class names for the radio group slots.",
default: "-"
}
Expand Down Expand Up @@ -351,7 +351,7 @@ In case you need to customize the radio group even further, you can use the `use
},
{
attribute: "classNames",
type: "Record<\"base\" | \"wrapper\" | \"labelWrapper\" | \"label\" | \"control\" | \"description\", string>",
type: "Partial<Record<\"base\" | \"wrapper\" | \"labelWrapper\" | \"label\" | \"control\" | \"description\", string>>",
description: "Allows to set custom class names for the radio slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/select.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -623,7 +623,7 @@ the popover and listbox components.
},
{
attribute: "classNames",
type: "Record<\"base\"｜ \"label\"｜ \"trigger\"｜ \"mainWrapper\" ｜ \"innerWrapper\"｜ \"selectorIcon\" ｜ \"value\" ｜ \"listboxWrapper\"｜ \"listbox\" ｜ \"popoverContent\" ｜ \"helperWrapper\" ｜ \"description\" ｜ \"errorMessage\", string>",
type: "Partial<Record<\"base\"｜ \"label\"｜ \"trigger\"｜ \"mainWrapper\" ｜ \"innerWrapper\"｜ \"selectorIcon\" ｜ \"value\" ｜ \"listboxWrapper\"｜ \"listbox\" ｜ \"popoverContent\" ｜ \"helperWrapper\" ｜ \"description\" ｜ \"errorMessage\", string>>",
description: "Allows to set custom class names for the Select slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/skeleton.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@ You can use the `isLoaded` prop to stop the skeleton animation and show the chil
},
{
attribute: "classNames",
type: "Record<\"base\" | \"content\", string>",
type: "Partial<Record<\"base\" | \"content\", string>>",
description: "Allows to set custom class names for the skeleton slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/snippet.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ You can customize the copy and copied icons by using the `copyIcon` and `checkIc
},
{
attribute: "classNames",
type: "Record<'base' | 'content' | 'pre' | 'symbol' | 'copyButton' | 'checkIcon', string>",
type: "Partial<Record<'base' | 'content' | 'pre' | 'symbol' | 'copyButton' | 'checkIcon', string>>",
description: "Allows to set custom class names for the snippet slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/spinner.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ Spinner express an unspecified wait time or display the length of a process.
},
{
attribute: "classNames",
type: "Record<\"base\"｜\"wrapper\"｜\"circle1\"｜\"circle2\"｜\"label\", string>",
type: "Partial<Record<\"base\"｜\"wrapper\"｜\"circle1\"｜\"circle2\"｜\"label\", string>>",
description: "Allows to set custom class names for the spinner slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/switch.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -223,7 +223,7 @@ In case you need to customize the switch even further, you can use the `useSwitc
},
{
attribute: "classNames",
type: "Record<\"base\"｜ \"wrapper\"｜ \"thumb\"｜ \"label\" ｜ \"startContent\" ｜ \"endContent\" ｜ \"thumbIcon\" , string>",
type: "Partial<Record<\"base\"｜ \"wrapper\"｜ \"thumb\"｜ \"label\" ｜ \"startContent\" ｜ \"endContent\" ｜ \"thumbIcon\" , string>>",
description: "Allows to set custom class names for the switch slots.",
default: "-"
}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/table.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -597,7 +597,7 @@ You can customize the `Table` component by passing custom Tailwind CSS classes t
},
{
attribute: "classNames",
type: "Record<'base' | 'table' | 'thead' | 'tbody' | 'tfoot' | 'emptyWrapper' | 'loadingWrapper' | 'wrapper' | 'tr' | 'th' | 'td' | 'sortIcon', string>",
type: "Partial<Record<'base' | 'table' | 'thead' | 'tbody' | 'tfoot' | 'emptyWrapper' | 'loadingWrapper' | 'wrapper' | 'tr' | 'th' | 'td' | 'sortIcon', string>>",
description: "Allows to set custom class names for the dropdown item slots.",
default: "-"
},
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/components/tabs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -343,7 +343,7 @@ You can customize the `Tabs` component by passing custom Tailwind CSS classes to
},
{
attribute: "classNames",
type: "Record<\"base\"｜ \"tabList\"｜ \"tab\"｜ \"tabContent\"｜ \"cursor\" ｜ \"panel\", string>",
type: "Partial<Record<\"base\"｜ \"tabList\"｜ \"tab\"｜ \"tabContent\"｜ \"cursor\" ｜ \"panel\", string>>",
description: "Allows to set custom class names for the card slots.",
default: "-"
},
Expand Down
Loading