New Tokens

Summary: New tokens, slightly larger (18x18 vs 16x16). I think these all feel decent, I might tweak the thumbs icons a little more color-wise.

Test Plan:
Use Tokens.

{F1707411}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Maniphest Tasks: T11244

Differential Revision: https://secure.phabricator.com/D16211

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => 'ee796570',
+    'core.pkg.css' => '425300c6',
     'core.pkg.js' => 'f2139810',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => '3e81ae60',
@@ -139,7 +139,7 @@ return array(
     'rsrc/css/phui/phui-header-view.css' => '4c7dd8f5',
     'rsrc/css/phui/phui-hovercard.css' => 'de1a2119',
     'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
-    'rsrc/css/phui/phui-icon.css' => '3f33ab57',
+    'rsrc/css/phui/phui-icon.css' => 'd0534b71',
     'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
     'rsrc/css/phui/phui-info-view.css' => '28efab79',
@@ -163,7 +163,7 @@ return array(
     'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
     'rsrc/css/sprite-login.css' => '60e8560e',
     'rsrc/css/sprite-menu.css' => '9dd65b92',
-    'rsrc/css/sprite-tokens.css' => '4f399012',
+    'rsrc/css/sprite-tokens.css' => 'd7059378',
     'rsrc/css/syntax/syntax-default.css' => '9923583c',
     'rsrc/externals/d3/d3.min.js' => 'a11a5ff2',
     'rsrc/externals/font/aleo/aleo-bold.eot' => 'd3d3bed7',
@@ -344,8 +344,8 @@ return array(
     'rsrc/image/sprite-login.png' => '03d5af29',
     'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
     'rsrc/image/sprite-menu.png' => 'd7a99faa',
-    'rsrc/image/sprite-tokens-X2.png' => '348f1745',
+    'rsrc/image/sprite-tokens-X2.png' => 'b92fe16d',
-    'rsrc/image/sprite-tokens.png' => 'ce0b62be',
+    'rsrc/image/sprite-tokens.png' => '938df9c8',
     'rsrc/image/texture/card-gradient.png' => '815f26e8',
     'rsrc/image/texture/dark-menu-hover.png' => '5fa7ece8',
     'rsrc/image/texture/dark-menu.png' => '7e22296e',
@@ -845,7 +845,7 @@ return array(
     'phui-hovercard' => '1bd28176',
     'phui-hovercard-view-css' => 'de1a2119',
     'phui-icon-set-selector-css' => '1ab67aad',
-    'phui-icon-view-css' => '3f33ab57',
+    'phui-icon-view-css' => 'd0534b71',
     'phui-image-mask-css' => 'a8498f9c',
     'phui-info-panel-css' => '27ea50a1',
     'phui-info-view-css' => '28efab79',
@@ -888,7 +888,7 @@ return array(
     'setup-issue-css' => 'db7e9c40',
     'sprite-login-css' => '60e8560e',
     'sprite-menu-css' => '9dd65b92',
-    'sprite-tokens-css' => '4f399012',
+    'sprite-tokens-css' => 'd7059378',
     'syntax-default-css' => '9923583c',
     'syntax-highlighting-css' => '769d3498',
     'tokens-css' => '3d0f239e',

resources/sprite/manifest/tokens.json

@@ -4,88 +4,88 @@
     "tokens-coin-1": {
       "name": "tokens-coin-1",
       "rule": ".tokens-coin-1",
-      "hash": "0ec4c7309f8191972340c6789a6b5691"
+      "hash": "5343d745423994c45c5fc689edc47d05"
     },
     "tokens-coin-2": {
       "name": "tokens-coin-2",
       "rule": ".tokens-coin-2",
-      "hash": "4c85dd4b0c388cfefe0075b7056384fd"
+      "hash": "9a94b5f925f3e6f8eed673d50fbfe148"
     },
     "tokens-coin-3": {
       "name": "tokens-coin-3",
       "rule": ".tokens-coin-3",
-      "hash": "a2e3770894539957e436a7d5a2be4703"
+      "hash": "68db03ca248309a76cee97ada64239c6"
     },
     "tokens-coin-4": {
       "name": "tokens-coin-4",
       "rule": ".tokens-coin-4",
-      "hash": "856cb87c5590975c0a25177ca2fd2a8f"
+      "hash": "75832b7e42df9287b3c35c6afed12a93"
     },
     "tokens-heart-1": {
       "name": "tokens-heart-1",
       "rule": ".tokens-heart-1",
-      "hash": "370228318750a79d93848bdf686444e5"
+      "hash": "2d4812b2129a8eb05fcdbed1e9654422"
     },
     "tokens-heart-2": {
       "name": "tokens-heart-2",
       "rule": ".tokens-heart-2",
-      "hash": "197144d3987308aaef311e29e3503707"
+      "hash": "64cbdbfb0dc565f17b6f13b5e41bc000"
     },
     "tokens-like-1": {
       "name": "tokens-like-1",
       "rule": ".tokens-like-1",
-      "hash": "3c5271d6678ad6d217a47779488c9918"
+      "hash": "cca33a8c4c3bd89adbbc00edf6dd1589"
     },
     "tokens-like-2": {
       "name": "tokens-like-2",
       "rule": ".tokens-like-2",
-      "hash": "b009176baadc3e71786ac24ce8229c5a"
+      "hash": "faa428c378fd1ad504fd46e2890e6b7b"
     },
     "tokens-medal-1": {
       "name": "tokens-medal-1",
       "rule": ".tokens-medal-1",
-      "hash": "cd897529c6834917da062589ae1a69ae"
+      "hash": "33d837e703091060c1892c402535eef0"
     },
     "tokens-medal-2": {
       "name": "tokens-medal-2",
       "rule": ".tokens-medal-2",
-      "hash": "d56f106b508c33bca6c0a33e2544d0d6"
+      "hash": "fa2f3b237d7616a6cb309718ad162d7a"
     },
     "tokens-medal-3": {
       "name": "tokens-medal-3",
       "rule": ".tokens-medal-3",
-      "hash": "d4e7c06cfd39d932a35aa25841d5008c"
+      "hash": "d7282911ba57373b54b4093986143f3e"
     },
     "tokens-medal-4": {
       "name": "tokens-medal-4",
       "rule": ".tokens-medal-4",
-      "hash": "36f596bd2615e521542ac10a771d6902"
+      "hash": "a107a334968d57314ec6a71620c45b99"
     },
     "tokens-misc-1": {
       "name": "tokens-misc-1",
       "rule": ".tokens-misc-1",
-      "hash": "8f7575c0176570b30aaffb801bcb2c13"
+      "hash": "671ce03f62c7b0946482ec92d35b8aa3"
     },
     "tokens-misc-2": {
       "name": "tokens-misc-2",
       "rule": ".tokens-misc-2",
-      "hash": "5c61bc36fd0b5545ebf31b57c6ab5185"
+      "hash": "872353ba82e41512c3b54e5dc2aa3d43"
     },
     "tokens-misc-3": {
       "name": "tokens-misc-3",
       "rule": ".tokens-misc-3",
-      "hash": "97a383def5eb847077b2b26a1a441c0e"
+      "hash": "cdf9171ec6397b95ea9abe1edeaab359"
     },
     "tokens-misc-4": {
       "name": "tokens-misc-4",
       "rule": ".tokens-misc-4",
-      "hash": "229c8a28e3b6bb883effbb62689e190f"
+      "hash": "42bc383165221803c281882141ce4bef"
     }
   },
   "scales": [
     1,
     2
   ],
-  "header": "\/**\n * @provides sprite-tokens-css\n * @generated\n *\/\n\n.sprite-tokens {\n  background-image: url(\/rsrc\/image\/sprite-tokens.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  .sprite-tokens {\n    background-image: url(\/rsrc\/image\/sprite-tokens-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}\n",
+  "header": "/**\n * @provides sprite-tokens-css\n * @generated\n */\n\n.sprite-tokens {\n  background-image: url(/rsrc/image/sprite-tokens.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  .sprite-tokens {\n    background-image: url(/rsrc/image/sprite-tokens-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}\n",
   "type": "standard"
 }

src/applications/celerity/CeleritySpriteGenerator.php

@@ -61,7 +61,7 @@ final class CeleritySpriteGenerator extends Phobject {
       '2x' => 2,
     );
     $template = id(new PhutilSprite())
-      ->setSourceSize(16, 16);
+      ->setSourceSize(18, 18);
 
     $sprites = array();
     $prefix = 'tokens_';

webroot/rsrc/css/phui/phui-icon.css

@@ -8,8 +8,8 @@
 }
 
 .phui-icon-view.sprite-tokens {
-  height: 16px;
+  height: 18px;
-  width: 16px;
+  width: 18px;
   display: inline-block;
   vertical-align: top;
 }

webroot/rsrc/css/sprite-tokens.css

@@ -14,7 +14,7 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 1.5dppx) {
   .sprite-tokens {
     background-image: url(/rsrc/image/sprite-tokens-X2.png);
-    background-size: 68px 68px;
+    background-size: 76px 76px;
   }
 }
 
@@ -24,61 +24,61 @@ only screen and (min-resolution: 1.5dppx) {
 }
 
 .tokens-coin-2 {
-  background-position: -17px 0px;
+  background-position: -19px 0px;
 }
 
 .tokens-coin-3 {
-  background-position: -34px 0px;
+  background-position: -38px 0px;
 }
 
 .tokens-coin-4 {
-  background-position: -51px 0px;
+  background-position: -57px 0px;
 }
 
 .tokens-heart-1 {
-  background-position: 0px -17px;
+  background-position: 0px -19px;
 }
 
 .tokens-heart-2 {
-  background-position: -17px -17px;
+  background-position: -19px -19px;
 }
 
 .tokens-like-1 {
-  background-position: -34px -17px;
+  background-position: -38px -19px;
 }
 
 .tokens-like-2 {
-  background-position: -51px -17px;
+  background-position: -57px -19px;
 }
 
 .tokens-medal-1 {
-  background-position: 0px -34px;
+  background-position: 0px -38px;
 }
 
 .tokens-medal-2 {
-  background-position: -17px -34px;
+  background-position: -19px -38px;
 }
 
 .tokens-medal-3 {
-  background-position: -34px -34px;
+  background-position: -38px -38px;
 }
 
 .tokens-medal-4 {
-  background-position: -51px -34px;
+  background-position: -57px -38px;
 }
 
 .tokens-misc-1 {
-  background-position: 0px -51px;
+  background-position: 0px -57px;
 }
 
 .tokens-misc-2 {
-  background-position: -17px -51px;
+  background-position: -19px -57px;
 }
 
 .tokens-misc-3 {
-  background-position: -34px -51px;
+  background-position: -38px -57px;
 }
 
 .tokens-misc-4 {
-  background-position: -51px -51px;
+  background-position: -57px -57px;
 }