@spothero/ui 14.7.2 → 14.7.4

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+# 14.7.4 - 05/17/2022
+
+## Miscellaneous Updates
+* [[4adc1b1](https://github.com/spothero/fe-ui/commit/4adc1b1)] - `fix:` Icon inside select updated to match design file ([#291](https://github.com/spothero/fe-ui/pull/291)) (annaliarosed)
+	* `Co-authored-by:` Annalia Destefano <annalia.destefano@spothero.com>
+
+# 14.7.3 - 05/16/2022
+
+## Miscellaneous Updates
+* [[147d2d6](https://github.com/spothero/fe-ui/commit/147d2d6)] - `fix:` Adjusted z-index so popover should always be on top ([#292](https://github.com/spothero/fe-ui/pull/292)) (Nathan Caraker)
+
 # 14.7.2 - 05/16/2022
 
 ## Miscellaneous Updates

package/CHANGELOG.tmp

@@ -1,7 +1,6 @@
-# 14.7.2 - 05/16/2022
+# 14.7.4 - 05/17/2022
 
 ## Miscellaneous Updates
-* [[d967c18](https://github.com/spothero/fe-ui/commit/d967c18)] - `fix:` border color change on invalid and focused ([#290](https://github.com/spothero/fe-ui/pull/290)) (annaliarosed)
-	* `fix:` Border color change on invalid and focused
-	* `fix:` Fix font size of error message to match designCo-authored-by: Annalia Destefano <annalia.destefano@spothero.com>
+* [[4adc1b1](https://github.com/spothero/fe-ui/commit/4adc1b1)] - `fix:` Icon inside select updated to match design file ([#291](https://github.com/spothero/fe-ui/pull/291)) (annaliarosed)
+	* `Co-authored-by:` Annalia Destefano <annalia.destefano@spothero.com>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "14.7.2",
+  "version": "14.7.4",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index-bundled.cjs.js",
   "module": "v2/index.js",

package/styles/v2/components/Popover/styles/popper.js

@@ -7,6 +7,7 @@ const popperStyles = ({variant}) => ({
     '--popper-arrow-shadow-color': t => t.colors.gray['100'],
     borderWidth: '1px',
     borderStyle: 'solid',
+    zIndex: 'layer10',
 });
 
 export default popperStyles;

package/styles/v2/components/Select/Select.jsx

@@ -2,7 +2,10 @@ import React, {forwardRef} from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import {Select as ChakraSelect} from '@chakra-ui/react';
+import IconChevronDown from '@spothero/icons/chevron-down';
+
 import FormControl from '../FormControl/FormControl';
+import Icon from '../Icon/Icon';
 
 const Select = forwardRef(
     (
@@ -30,6 +33,8 @@ const Select = forwardRef(
                 inputId={props.id}
             >
                 <ChakraSelect
+                    icon={<Icon as={IconChevronDown} />}
+                    iconSize={12}
                     fontWeight="regular"
                     fontSize="sm"
                     ref={ref}