From 3f71968135c8174e7c2d442f3095faa58e9bb504 Mon Sep 17 00:00:00 2001 From: Kayd Withers Date: Mon, 4 Sep 2023 12:12:12 +1000 Subject: [PATCH] fix: add classNameOverride to MultiSelectOption (#21) * fix: add content-box to icon * feat: add changeset * fix: update comment * fix: add classNameOverride to MultiSelectOption * fix: remove style override * fix: add new changeset description * fix: remove html attributes type --- .changeset/pink-ghosts-grow.md | 5 +++++ .../components/MultiSelectOption/MultiSelectOption.tsx | 3 +++ 2 files changed, 8 insertions(+) create mode 100644 .changeset/pink-ghosts-grow.md diff --git a/.changeset/pink-ghosts-grow.md b/.changeset/pink-ghosts-grow.md new file mode 100644 index 0000000..0673fe4 --- /dev/null +++ b/.changeset/pink-ghosts-grow.md @@ -0,0 +1,5 @@ +--- +"@kaizen/select": minor +--- + +Add classNameOverride to MultiSelectOption. diff --git a/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx b/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx index 1c6ed99..d9993db 100644 --- a/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx +++ b/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx @@ -13,10 +13,12 @@ import { useSelectionContext } from "../../provider" import styles from "./MultiSelectOption.module.scss" export interface MultiSelectOptionProps { + classNameOverride?: string item: MultiSelectItem } export const MultiSelectOption = ({ + classNameOverride, item, }: MultiSelectOptionProps): JSX.Element => { const { selectionState: state } = useSelectionContext() @@ -39,6 +41,7 @@ export const MultiSelectOption = ({ ref={ref} className={classnames( styles.option, + classNameOverride, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.isDisabled