All props are now commented

Author: normano64

components/checkbox/index.d.ts

@@ -1,19 +1,62 @@
 import __ReactToolbox from "../index.d.ts";
 
 export interface CheckboxTheme {
+  /**
+   * Used as root in the check element.
+   */
   check?: string;
+  /**
+   * Used for the check element when it's checked.
+   */
   checked?: string;
+  /**
+   * Used when the component is disabled.
+   */
   disabled?: string;
+  /**
+   * Used as the root class of the component.
+   */
   field?: string;
+  /**
+   * Used for the input element.
+   */
   input?: string;
+  /**
+   * Used for the ripple component.
+   */
   ripple?: string;
+  /**
+   * Used for the text label.
+   */
+  text?: string;
 }
 
 interface CheckboxProps extends __ReactToolbox.Props {
+  /**
+   * Value for the checkbox, can be true or false.
+   * @default false
+   */
   checked?: boolean;
+  /**
+   * If true, the checkbox shown as disabled and cannot be modified.
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * Text label to attach next to the checkbox element.
+   */
   label?: __React.ReactNode | string;
+  /**
+   * The name of the field to set in the input checkbox.
+   */
   name?: string;
+  /**
+   * Callback called when the checkbox is blurred.
+   */
+  onBlur?: __React.FocusEventHandler;
+  /**
+   * Callback called when the checkbox value is changed.
+   */
   onChange?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.

components/chip/index.d.ts

@@ -1,11 +1,29 @@
 import __ReactToolbox from "../index.d.ts";
 
 export interface ChipTheme {
+  /**
+   * Added to the root element when the component includes an avatar.
+   */
   avatar?: string;
+  /**
+   * Used for the root element.
+   */
   chip?: string;
+  /**
+   * Added to the root element when the component is deletable.
+   */
   deletable?: string;
+  /**
+   * Used for the delete element wrapper.
+   */
   delete?: string;
+  /**
+   * Used for the delete icon.
+   */
   deleteIcon?: string;
+  /**
+   * Used for the delete svg inner layer.
+   */
   deleteX?: string;
 }
 
@@ -14,7 +32,14 @@ interface ChipProps extends __ReactToolbox.Props {
    * Children to pass through the component.
    */
   children?: __React.ReactNode;
+  /**
+   * If true, the chip will be rendered with a delete icon.
+   * @default false
+   */
   deleteable?: boolean;
+  /**
+   * Callback to be invoked when the delete icon is clicked.
+   */
   onDeleteClick?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.

components/date_picker/index.d.ts

@@ -1,45 +1,145 @@
 import __ReactToolbox from "../index.d.ts";
 
 export interface DatePickerTheme {
+  /**
+   * Used for the active day and year.
+   */
   active?: string;
+  /**
+   * Used for the buttons in the dialog.
+   */
   button?: string;
+  /**
+   * Used for the calendar root element.
+   */
   calendar?: string;
+  /**
+   * Used as wrapper for the calendar component inside dialog.
+   */
   calendarWrapper?: string;
+  /**
+   * Used for the date element inside header.
+   */
   date?: string;
+  /**
+   * Used for the day element inside the calendar.
+   */
   day?: string;
+  /**
+   * Used for the list of days inside a month.
+   */
   days?: string;
+  /**
+   * Used for the dialog component.
+   */
   dialog?: string;
+  /**
+   * Added to day element when day is disabled.
+   */
   disabled?: string;
+  /**
+   * Used for the dialog header,.
+   */
   header?: string;
+  /**
+   * Used for Input element that opens the picker.
+   */
   input?: string;
+  /**
+   * Used for the month root element.
+   */
   month?: string;
+  /**
+   * Added to the root dialog when months are displayed.
+   */
   monthsDisplay?: string;
+  /**
+   * Used for the next month icon.
+   */
   next?: string;
+  /**
+   * Used for the prev month icon.
+   */
   prev?: string;
+  /**
+   * Used for the month title element.
+   */
   title?: string;
+  /**
+   * Used for the weekdays wrapper.
+   */
   week?: string;
+  /**
+   * Used for the year element inside header.
+   */
   year?: string;
+  /**
+   * Used for the years list in years view.
+   */
   years?: string;
+  /**
+   * Added to the root dialog when years are displayed.
+   */
   yearsDisplay?: string;
 }
 
 interface DatePickerProps extends __ReactToolbox.Props {
+  /**
+   * Automatically selects a date upon clicking on a day
+   * @default false
+   */
   autoOk?: boolean;
+  /**
+   * Give an error node to display under the field.
+   */
   error?: string;
+  /**
+   * A key to identify an Icon from Material Design Icons or a custom Icon Element.
+   */
   icon?: __React.ReactNode | string;
+  /**
+   * This class will be applied to Input component of DatePicker.
+   */
   inputClassName?: string;
+  /**
+   * Function to format the date displayed on the input.
+   */
   inputFormat?: Function;
+  /**
+   * The text string to use for the floating label element in the input component.
+   */
   label?: string;
+  /**
+   * Date object with the maximum selectable date.
+   */
   maxDate?: Date;
+  /**
+   * Date object with the minimum selectable date.
+   */
   minDate?: Date;
+  /**
+   * Name for the input field.
+   */
   name?: string;
+  /**
+   * Callback called when the picker value is changed.
+   */
   onChange?: __React.MouseEventHandler;
+  /**
+   * Callback called when the ESC key is pressed with the overlay active.
+   */
   onEscKeyDown?: __React.KeyboardEventHandler;
+  /**
+   * Callback to be invoked when the dialog overlay is clicked.
+   */
   onOverlayClick?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.
    */
   theme?: DatePickerTheme;
+  /**
+   * Date object with the currently selected date.
+   */
   value?: Date | string;
 }
 

components/dialog/index.d.ts

@@ -1,35 +1,89 @@
 import __ReactToolbox from "../index.d.ts";
 
 export interface DialogTheme {
+  /**
+   * Used for the root when the dialog is active.
+   */
   active?: string;
+  /**
+   * Used to wrap the dialog body.
+   */
   body?: string;
+  /**
+   * Used in buttons when the dialog implements actions.
+   */
   button?: string;
+  /**
+   * Used for the root element.
+   */
   dialog?: string;
+  /**
+   * Used for the navigation element when it implements actions.
+   */
   navigation?: string;
+  /**
+   * Used for the title element of the dialog.
+   */
   title?: string;
 }
 
 interface DialogActionProps {
+  /**
+   * The text string to use for the name of the button.
+   */
   label?: string;
+  /**
+   * Callback called when the component is clicked.
+   */
+  onClick?: __React.MouseEventHandler;
 }
 
 interface DialogProps extends __ReactToolbox.Props {
+  /**
+   * A array of objects representing the buttons for the dialog navigation area. The properties will be transferred to the buttons.
+   */
   actions?: DialogActionProps[];
+  /**
+   * If true, the dialog will be active.
+   * @default false
+   */
   active?: boolean;
   /**
    * Children to pass through the component.
    */
   children?: __React.ReactNode;
+  /**
+   * Callback called when the ESC key is pressed with the overlay active.
+   */
   onEscKeyDown?: __React.KeyboardEventHandler;
+  /**
+   * Callback to be invoked when the dialog overlay is clicked.
+   */
   onOverlayClick?: __React.MouseEventHandler;
+  /**
+   * Callback called when the mouse button is pressed on the overlay.
+   */
   onOverlayMouseDown?: __React.MouseEventHandler;
+  /**
+   * Callback called when the mouse is moving over the overlay.
+   */
   onOverlayMouseMove?: __React.MouseEventHandler;
+  /**
+   * Callback called when the mouse button is released over the overlay.
+   */
   onOverlayMouseUp?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.
    */
   theme?: DialogTheme;
+  /**
+   * The text string to use as standar title of the dialog.
+   */
   title?: string;
+  /**
+   * Used to determine the size of the dialog. It can be small, normal or large.
+   * @default normal
+   */
   type?: string;
 }
 

components/drawer/index.d.ts

@@ -1,24 +1,50 @@
 import __ReactToolbox from "../index.d.ts";
 
 export interface DrawerTheme {
+  /**
+   * Used for the root class when the drawer is active.
+   */
   active?: string;
+  /**
+   * Used for the drawer content.
+   */
   content?: string;
+  /**
+   * Root class.
+   */
   drawer?: string;
+  /**
+   * Added to the root class when drawer is to the left.
+   */
   left?: string;
+  /**
+   * Added to the root class when drawer is to the right.
+   */
   right?: string;
 }
 
 interface DrawerProps extends __ReactToolbox.Props {
+  /**
+   * If true, the drawer will be visible.
+   * @default false
+   */
   active?: boolean;
   /**
    * Children to pass through the component.
    */
   children?: __React.ReactNode;
+  /**
+   * Callback function to be invoked when the overlay is clicked.
+   */
   onOverlayClick?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.
    */
   theme?: DrawerTheme;
+  /**
+   * Type of drawer. It can be left or right to display the drawer on the left or right side of the screen.
+   * @default left
+   */
   type?: "left" | "right";
 }