
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests
### colors
- type: (string | object)[]
- description: Defines an array of colors to be shown as swatches.
### selected
- type: string
- description: Specifies which color from the list is in a selected state.
### onClick
- type: string | object
- description: Defines a callback function for  user click on a swatch. Returns color HEX string representation.
### size
- type: "small" | "medium"
- description: Size of swatches
### showClear
- type: boolean
- description: Specifies whether to display a 'No color' option as a first item on a list or not.
### showClearMessage
- type: ReactNode
- description: Defines a message to display on 'No color' option hover. `showClear` must be set to true.
### onAdd
- type: (hexColor: string) => void
- description: Defines a callback function for 'Add' button click. Returns color HEX string representation once user selects a color to be added.
### onChange
- type: (hexColor: string) => void
- description: Defines a callback function for color change. Returns color HEX string representation.
### onCancel
- type: () => void
- description: Defines a callback function for color picker popover 'Cancel' action (user closes it without picking color).
### showAddButton
- type: boolean
- description: Specifies whether New color' button is displayed or not. Add button opens up a color picker.
### addButtonMessage
- type: string
- description: Specifies a message to display on 'Add' button hover. If not provided, the tooltip won't be displayed.
### addButtonIconSize
- type: "small" | "medium"
- description: Controls the size of a plus icon inside of the add button.
### columns
- type: number
- description: Specifies a number of columns in a single row. Default value is 6.
- default: 6
### gap
- type: number
- description: Specifies a gap between swatches in pixels. Default value is 12px.
- default: 12
### popoverProps
- type: PopoverCommonProps
- description: Props that get passed to New color popover.
### renderColorPicker
- type: (params: { cancel: () => void; confirm: () => void; setColor: (color: Color) => void; currentColor: Color; }) => ReactNode
- description: Custom render function for the color picker.
Provides full control over the color picker UI and behavior.

