Update Google Input Tools

third_party/google_input_tools/src/chrome/os/inputview/emoji.css

Index: third_party/google_input_tools/src/chrome/os/inputview/emoji.css
diff --git a/third_party/google_input_tools/src/chrome/os/inputview/emoji.css b/third_party/google_input_tools/src/chrome/os/inputview/emoji.css
index 805ed84611e892ef2b65a719a83bafcaf9dccdd7..d53eb8e90ac41daa9fdfb33cde2dceb16c88b151 100644
--- a/third_party/google_input_tools/src/chrome/os/inputview/emoji.css
+++ b/third_party/google_input_tools/src/chrome/os/inputview/emoji.css
@@ -1,50 +1,78 @@
 .inputview-emoji-switch-recent {
-  background: url('images/recent.png') no-repeat center;
-  background-size: 20px 20px;
-  height: 20px;
-  width: 20px;
-}
-.inputview-emoji-switch-hot {
-  background: url('images/favorit.png') no-repeat center;
-  background-size: 24.5px 24.5px;
-  height: 24.5px;
-  width: 24.5px;
-}
-.inputview-emoji-switch-emotion {
-  background: url('images/emoji.png') no-repeat center;
+  background: url('images/emoji_recent.png') no-repeat center;
   background-size: 24px 24px;
   height: 24px;
   width: 24px;
 }
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-recent {
+  background: url('images/emoji_recent_selected.png') no-repeat center;
+  background-size: 24px 24px;
+}
+.inputview-emoji-switch-hot {
+  background: url('images/emoji_hot.png') no-repeat center;
+  background-size: 18px 23px;
+  height: 23px;
+  width: 18px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-hot {
+  background: url('images/emoji_hot_selected.png') no-repeat center;
+  background-size: 18px 23px;
+}
 .inputview-emoji-switch-emoticon {
-  background: url('images/emoticon.png') no-repeat center;
-  background-size: 14px 15px;
-  height: 15px;
-  width: 14px;
+  background: url('images/emoji_emoticon.png') no-repeat center;
+  background-size: 30px 20.5px;
+  height: 20.5px;
+  width: 30px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-emoticion {
+  background: url('images/emoji_emoticon_selected.png') no-repeat center;
+  background-size: 30px 20.5px;
+}
+.inputview-emoji-switch-emotion {
+  background: url('images/emoji.png') no-repeat center;
+  background-size: 20px 20px;
+  height: 20px;
+  width: 20px;
 }
 .inputview-emoji-switch-special-characters {
-  background: url('images/triangle.png') no-repeat center;
-  background-size: 15.5px 12.5px;
-  height: 12.5px;
-  width: 15.5px;
+  background: url('images/emoji_shape.png') no-repeat center;
+  background-size: 23.5px 19px;
+  height: 19px;
+  width: 23.5px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-special-characters {
+  background: url('images/emoji_shape_selected.png') no-repeat center;
+  background-size: 23.5px 19px;
 }
 .inputview-emoji-switch-nature {
-  background: url('images/flower.png') no-repeat center;
+  background: url('images/emoji_flower.png') no-repeat center;
   background-size: 24px 24px;
   height: 24px;
   width: 24px;
 }
-.inputview-emoji-switch-poi {
-  background: url('images/car.png') no-repeat center;
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-nature {
+  background: url('images/emoji_flower_selected.png') no-repeat center;
   background-size: 24px 24px;
-  height: 24px;
+}
+.inputview-emoji-switch-poi {
+  background: url('images/emoji_car.png') no-repeat center;
+  background-size: 24px 19px;
+  height: 19px;
   width: 24px;
 }
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-poi {
+  background: url('images/emoji_car_selected.png') no-repeat center;
+  background-size: 24px 19px;
+}
 .inputview-emoji-switch-items {
-  background: url('images/emoji_cat_items.png') no-repeat center;
-  background-size: 24px 24px;
-  height: 24px;
-  width: 24px;
+  background: url('images/emoji_crown.png') no-repeat center;
+  background-size: 25px 25px;
+  height: 25px;
+  width: 25px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-items {
+  background: url('images/emoji_crow_selected.png') no-repeat center;
+  background-size: 25px 25px;
 }
 .inputview-emoji-switch {
   display: inline-block;
@@ -54,43 +82,36 @@
   opacity: 1;
 }
 .inputview-emoji .inputview-sk {
-  background-color: #ffffff;
   margin: 0 0 10px 0;
 }
+#emojiSpaceRow .inputview-sk {
+  margin: 0 8px 10px 8px;
+}
 .inputview-emoji.inputview-element-highlight {
   background-color: #cccccc;
 }
-.inputview-emoji .inputview-wrapper{
-  background-color: #ffffff;
-  box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65);
-  margin: 11px 0;
-}
 .inputview-emoji-tabbar {
-  background-color: #ffffff;
   border-bottom-width:2px;
   border-bottom-style:solid;
   border-bottom-color: #cccccc;
 }
-.inputview-emoji-tabbar-key {
-  background-color: #ffffff;
-}
 .inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
-  background-color: #ffffff;
-  border-bottom-width:4px;
+  border-bottom-width:5px;
   border-bottom-style:solid;
-  border-bottom-color: #777777;
+  border-bottom-color: #4285f4;
 }
-.inputview-emoji-key .inputview-special-key-bg {
-  background-color: white;
+.inputview-emoji-key {
+  display: table-cell;
+  vertical-align: middle;
 }
-.inputview-emoji-key .inputview-modifier {
+.inputview-emoji-key .inputview-special-key-name {
   font-size: 30px;
   text-align: center;
 }
-.inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-modifier {
+.inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
   font-size: 20px;
 }
-.inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-modifier {
+.inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
   font-size: 15px;
 }
 .inputview-emoji-back {
@@ -102,12 +123,9 @@
 .inputview-emoji .inputview-container {
   top: 20px;
 }
-.inputview-emoji-tabbar-sk {
-  background-color: #ffffff;
-}
 .inputview-indicator {
-  background-color: #777777;
-  height: 4px;
+  background-color: rgba(55, 71, 89, .3);
+  height: 3px;
   position: absolute;
   overflow: hidden;
 }
@@ -117,9 +135,9 @@
 
 }
 .inputview-indicator-background {
-  background-color: #ffffff;
+  background-color: rgba(55, 71, 89, .15);
   display: inline-block;
-  height: 4px;
+  height: 3px;
   position: absolute;
   overflow: hidden;
 }
@@ -127,3 +145,12 @@
   -webkit-transform: scaleY(2);
   transition: 0.1s all;
 }
+#tabBar {
+  border-bottom: 1px solid rgba(255, 255, 255, .6);
+  background-color: #e4e7e9;
+}
+#emojiSpaceRow,
+#rowsAndSideKeys {
+  border-left: 1.5px solid rgba(55, 71, 79, 0.1);
+  border-right: 1.5px solid rgba(55, 71, 79, 0.1);
+}