tcce-design-system 0.1.39 → 0.1.40

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.
@@ -624,7 +624,7 @@ export declare interface FilterOptionProps {
624
624
 
625
625
  export declare const flushedStyles: RuleSet<object>;
626
626
 
627
- export declare const FormField: ({ id, name, label, type, size, placeholder, disabled, required, options, checkboxLabel, radioName, pinLength, pinType, rows, className, inputClassName, labelClassName, messageErrorClassName, leftIcon, rightIcon, iconSize, iconColor, onOptionSelect, onRadioChange, onPinComplete, onChange, ...props }: FormFieldComponentProps) => JSX.Element;
627
+ export declare const FormField: ({ id, name, label, type, size, placeholder, disabled, required, options, checkboxLabel, radioName, pinLength, pinType, rows, className, inputClassName, labelClassName, messageErrorClassName, leftIcon, rightIcon, iconSize, iconColor, onOptionSelect, onRadioChange, onPinComplete, onChange, optionsClassName, optionClassName, ...props }: FormFieldComponentProps) => JSX.Element;
628
628
 
629
629
  export declare interface FormFieldComponentProps extends WithIconsProps {
630
630
  id?: string | number;
@@ -648,6 +648,15 @@ export declare interface FormFieldComponentProps extends WithIconsProps {
648
648
  inputClassName?: string;
649
649
  labelClassName?: string;
650
650
  messageErrorClassName?: string;
651
+ /**
652
+ * Class applied to the options container (menu content)
653
+ */
654
+ optionsClassName?: string;
655
+ /**
656
+ * Class applied to each option. Can be a string or a function that receives the option
657
+ * and returns a string (useful for conditional classes per option).
658
+ */
659
+ optionClassName?: string | ((option: SelectOption | null) => string);
651
660
  onOptionSelect?: (option: SelectOption) => void;
652
661
  onRadioChange?: (event: ChangeEvent<HTMLInputElement>) => void;
653
662
  onPinComplete?: (value: string) => void;
@@ -1384,13 +1393,18 @@ export declare interface SelectInputProps extends Omit<SelectHTMLAttributes<HTML
1384
1393
  className?: string;
1385
1394
  inputClassName?: string;
1386
1395
  optionsClassName?: string;
1387
- optionClassName?: string;
1396
+ optionClassName?: string | ((option: SelectOption | null) => string);
1397
+ searchable?: boolean;
1398
+ searchPlaceholder?: string;
1399
+ clearSearchOnSelect?: boolean;
1400
+ noResultsMessage?: string;
1388
1401
  }
1389
1402
 
1390
1403
  export declare interface SelectOption {
1391
1404
  value: string | number;
1392
1405
  label: string;
1393
1406
  disabled?: boolean;
1407
+ className?: string;
1394
1408
  }
1395
1409
 
1396
1410
  export declare interface SelectSpecificProps {