From 2ef6002ffc5fa0d4f4a54a40395d21b1586d7c17 Mon Sep 17 00:00:00 2001
From: Kyle Shike <kyle.s@userinterviews.com>
Date: Tue, 21 May 2024 17:39:48 -0400
Subject: [PATCH] adds borderedMultiValue prop to creatable select

---
 src/Select/CreatableSelect.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Select/CreatableSelect.jsx b/src/Select/CreatableSelect.jsx
index 9b06bff3..cd393656 100644
--- a/src/Select/CreatableSelect.jsx
+++ b/src/Select/CreatableSelect.jsx
@@ -4,11 +4,14 @@ import PropTypes from 'prop-types';
 
 import zStack from 'src/Styles/zStack';
 
-import { defaultTheme, defaultStyles, SELECT_SIZES } from './styles';
+import {
+ borderedMultiValueStyles, defaultTheme, defaultStyles, SELECT_SIZES,
+} from './styles';
 
 const CreatableSelect = ({
   'aria-label': ariaLabel,
   'aria-labelledby': ariaLabelledBy,
+  borderedMultiValue,
   className,
   components,
   defaultValue,
@@ -50,6 +53,7 @@ const CreatableSelect = ({
     placeholder={placeholder}
     styles={{
       ...defaultStyles({ menuWidth, size }),
+      ...borderedMultiValueStyles(borderedMultiValue),
       menuPortal: (base) => (
         modal ?
         { ...base, zIndex: zStack.zIndexModalBackdrop + 1 } :
@@ -65,6 +69,7 @@ const CreatableSelect = ({
 CreatableSelect.propTypes = {
   'aria-label': PropTypes.string,
   'aria-labelledby': PropTypes.string,
+  borderedMultiValue: propTypes.bool,
   className: PropTypes.string,
   components: PropTypes.any,
   defaultValue: PropTypes.object,
@@ -93,6 +98,7 @@ CreatableSelect.propTypes = {
 CreatableSelect.defaultProps = {
   'aria-label': undefined,
   'aria-labelledby': undefined,
+  borderedMultiValue: undefined,
   className: undefined,
   components: undefined,
   defaultValue: undefined,