Fix selection colors of copy code and update fab question icon (#772)

* Fix selection colors of copy code and copy input * Update fab question icon
helpscout · Jan 16, 2020 · b2846ef · b2846ef
1 parent 133dac9
commit b2846ef
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@helpscout/hsds-react",
-  "version": "2.77.7",
+  "version": "2.81.0-0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

diff --git a/src/components/CopyCode/styles/CopyCode.css.js b/src/components/CopyCode/styles/CopyCode.css.js
@@ -4,7 +4,7 @@ import { getColor } from '../../../styles/utilities/color'
 
 export const config = {
   borderColor: getColor('border'),
-  borderColorFocus: getColor('blue.400'),
+  borderColorFocus: getColor('blue.500'),
   boxShadow: '0 0 0 0 transparent',
   boxShadowFocus: `0 0 0 1px ${getColor('blue.400')}`,
   fontFamily:
@@ -67,11 +67,11 @@ export const SyntaxHighlight = styled('div')`
 
   div::-moz-selection,
   span::-moz-selection {
-    background: #daf1ff;
+    background: ${getColor('blue.200')};
   }
   div::selection,
   span::selection {
-    background: #daf1ff;
+    background: ${getColor('blue.200')};
   }
 
   .token.parameter {

diff --git a/src/components/CopyInput/styles/CopyInput.css.js b/src/components/CopyInput/styles/CopyInput.css.js
@@ -3,11 +3,11 @@ import { getColor } from '../../../styles/utilities/color'
 import Input from '../../Input'
 
 export const CopyInputUI = styled(Input)`
-  ::-moz-selection {
+  input::-moz-selection {
     background: ${getColor('blue.200')};
   }
 
-  ::selection {
+  input::selection {
     background: ${getColor('blue.200')};
   }
 `
diff --git a/src/icons/fab-question.svg b/src/icons/fab-question.svg
diff --git a/src/utilities/pkg.ts b/src/utilities/pkg.ts
@@ -1,3 +1,3 @@
 export default {
-  version: '2.77.7',
+  version: '2.81.0-0',
 }