fix(Select): Fixed prop typo DEV-53

micromedio · May 19, 2021 · 100e13f · 100e13f
1 parent 84b7c68
commit 100e13f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/DateSelect/DateSelect.tsx b/src/components/DateSelect/DateSelect.tsx
@@ -52,7 +52,7 @@ export interface DateSelectProps {
   /** Callback fired when the value is changed */
   onChange?: (changes: DateValue) => void
   /** Highlight the select when it's in a `filled` state */
-  hightlightFilled?: SelectProps["hightlightFilled"]
+  highlightFilled?: SelectProps["highlightFilled"]
   /** Select grows to fill the width of the parent */
   fullWidth?: SelectProps["fullWidth"]
   children: SelectProps["children"]
@@ -68,7 +68,7 @@ const DateSelect = ({
   defaultValue,
   disabled = false,
   onChange,
-  hightlightFilled = true,
+  highlightFilled = true,
   fullWidth = false,
   children,
   dateFormat = "MM/dd/yyyy",
@@ -115,7 +115,7 @@ const DateSelect = ({
       onChange={(value) => {
         if (value) onChange?.((value as unknown) as DateValue)
       }}
-      hightlightFilled={hightlightFilled}
+      highlightFilled={highlightFilled}
       fullWidth={fullWidth}
     >
       {children}

diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -43,7 +43,7 @@ export interface SelectProps {
   /** Callback fired when the selected items change for multiple selection */
   onSelectedItemsChange?: (changes: SelectedItems) => void
   /** Highlight the select when it's in a `filled` state */
-  hightlightFilled?: boolean
+  highlightFilled?: boolean
   /** Select grows to fill the width of the parent */
   fullWidth?: boolean
   children: React.ReactNode
@@ -73,7 +73,7 @@ const Select = ({
   defaultSelectedItems,
   onChange,
   onSelectedItemsChange,
-  hightlightFilled = true,
+  highlightFilled = true,
   fullWidth = false,
   children,
   renderButtonLabel,
@@ -132,7 +132,7 @@ const Select = ({
       backgroundColor: "secondary.alpha.90",
       color: "text.0",
       boxShadow: "unset",
-      ...(hightlightFilled
+      ...(highlightFilled
         ? {
             borderColor: "secondary.0",
             fontWeight: "semibold",