All files / react-base/src/components/ui dropdown-types.ts

0% Statements 0/20
0% Branches 0/1
0% Functions 0/1
0% Lines 0/20

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29                                                         
import { ui } from "@/config/theme";
 
export type DropdownOption = {
  value: string;
  label: string;
  description?: string;
  disabled?: boolean;
};
 
/** Theme-backed class tokens for searchable & multi-select dropdowns */
export const dropdownClasses = {
  trigger: ui("dropdownTrigger"),
  triggerMulti: ui("dropdownTriggerMulti"),
  popoverContent: ui("dropdownPopoverContent"),
  searchBar: ui("dropdownSearchBar"),
  searchInput: ui("dropdownSearchInput"),
  searchIcon: ui("dropdownSearchIcon"),
  empty: ui("dropdownEmpty"),
  emptyText: ui("typographyMuted"),
  optionItem: ui("dropdownOptionItem"),
  optionItemActive: ui("dropdownOptionItemActive"),
  optionItemMulti: ui("dropdownOptionItemMulti"),
  optionItemMultiSelected: ui("dropdownOptionItemMultiSelected"),
  optionDescription: ui("typographyMuted"),
  footer: ui("dropdownFooter"),
  checkIcon: ui("dropdownCheckIcon"),
  chevron: ui("dropdownChevron"),
} as const;