Action Icons

Summary: First pass at 'action icons' for headers and other items. Ties into future diff.

Test Plan: photoshop, read the css.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin, AnhNhan

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

Author: chadlittle

resources/sprite/actions_dark_1x/flag.png

@@ -0,0 +1,146 @@
+{
+  "version" : 1,
+  "sprites" : {
+    "action-icon-flag-dark"      : {
+      "name" : "action-icon-flag-dark",
+      "rule" : ".action-icon-flag-dark",
+      "hash" : "4ae54fc28dd2d6cfa6e57dde7bd640cf"
+    },
+    "action-icon-flag-grey"      : {
+      "name" : "action-icon-flag-grey",
+      "rule" : ".action-icon-flag-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-flag",
+      "hash" : "50e739ca2d6a5527ce2bb8aafd4eb93f"
+    },
+    "action-icon-flag-white"     : {
+      "name" : "action-icon-flag-white",
+      "rule" : ".action-icon-flag-white",
+      "hash" : "d29ba4e3f88d5b2f3b0ea14754f7b89a"
+    },
+    "action-icon-heart-dark"     : {
+      "name" : "action-icon-heart-dark",
+      "rule" : ".action-icon-heart-dark",
+      "hash" : "90b437a281724a4961e33272eafd616b"
+    },
+    "action-icon-heart-grey"     : {
+      "name" : "action-icon-heart-grey",
+      "rule" : ".action-icon-heart-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-heart",
+      "hash" : "cd521a7267b321516223462860373f09"
+    },
+    "action-icon-heart-white"    : {
+      "name" : "action-icon-heart-white",
+      "rule" : ".action-icon-heart-white",
+      "hash" : "505ebd7324f9c39fa2366a85996d1194"
+    },
+    "action-icon-move-dark"      : {
+      "name" : "action-icon-move-dark",
+      "rule" : ".action-icon-move-dark",
+      "hash" : "38f5b9168bf04d1a904b09805e589cd7"
+    },
+    "action-icon-move-grey"      : {
+      "name" : "action-icon-move-grey",
+      "rule" : ".action-icon-move-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-move",
+      "hash" : "35dcc45f04a81cbf9e5ecdf0fcd5bebc"
+    },
+    "action-icon-move-white"     : {
+      "name" : "action-icon-move-white",
+      "rule" : ".action-icon-move-white",
+      "hash" : "2b1b790a494a079d288d5a3a47c6bd62"
+    },
+    "action-icon-new-dark"       : {
+      "name" : "action-icon-new-dark",
+      "rule" : ".action-icon-new-dark",
+      "hash" : "52c45b76d0dbd51e6eb65f0597d5098a"
+    },
+    "action-icon-new-grey"       : {
+      "name" : "action-icon-new-grey",
+      "rule" : ".action-icon-new-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-new",
+      "hash" : "c51315bd83a20806625ca3a887f86215"
+    },
+    "action-icon-new-white"      : {
+      "name" : "action-icon-new-white",
+      "rule" : ".action-icon-new-white",
+      "hash" : "5a344c62e037d672516dae0e3a8dd589"
+    },
+    "action-icon-search-dark"    : {
+      "name" : "action-icon-search-dark",
+      "rule" : ".action-icon-search-dark",
+      "hash" : "6ff124bc9423bf98be5a53e22508cd26"
+    },
+    "action-icon-search-grey"    : {
+      "name" : "action-icon-search-grey",
+      "rule" : ".action-icon-search-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-search",
+      "hash" : "57b5c47c0676da7f97d3b2f7eefbbea4"
+    },
+    "action-icon-search-white"   : {
+      "name" : "action-icon-search-white",
+      "rule" : ".action-icon-search-white",
+      "hash" : "17f1bf9820b0c44f4641e0256840b138"
+    },
+    "action-icon-settings-dark"  : {
+      "name" : "action-icon-settings-dark",
+      "rule" : ".action-icon-settings-dark",
+      "hash" : "5ecb08643250a052e5d090ef4660faf5"
+    },
+    "action-icon-settings-grey"  : {
+      "name" : "action-icon-settings-grey",
+      "rule" : ".action-icon-settings-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-settings",
+      "hash" : "5aeb35f1019c51a2f9140dc8765c9dca"
+    },
+    "action-icon-settings-white" : {
+      "name" : "action-icon-settings-white",
+      "rule" : ".action-icon-settings-white",
+      "hash" : "8cdd154946f1a8d8d307b72eddd5d755"
+    },
+    "action-icon-star-dark"      : {
+      "name" : "action-icon-star-dark",
+      "rule" : ".action-icon-star-dark",
+      "hash" : "45567d03f8e34811eca0621e93b5e050"
+    },
+    "action-icon-star-grey"      : {
+      "name" : "action-icon-star-grey",
+      "rule" : ".action-icon-star-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-star",
+      "hash" : "1c7909e987b64b26b728506695457770"
+    },
+    "action-icon-star-white"     : {
+      "name" : "action-icon-star-white",
+      "rule" : ".action-icon-star-white",
+      "hash" : "e7c949542a54a347879ceb96f42a3c02"
+    },
+    "action-icon-tag-dark"       : {
+      "name" : "action-icon-tag-dark",
+      "rule" : ".action-icon-tag-dark",
+      "hash" : "24d97fa7524d0bf1bac17d9e07a63f48"
+    },
+    "action-icon-tag-grey"       : {
+      "name" : "action-icon-tag-grey",
+      "rule" : ".action-icon-tag-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-tag",
+      "hash" : "f04a5b38209c0f8e9ad2a3a964d5d505"
+    },
+    "action-icon-tag-white"      : {
+      "name" : "action-icon-tag-white",
+      "rule" : ".action-icon-tag-white",
+      "hash" : "fdfc5d20f6a0d90b6d329159823d2cb0"
+    },
+    "action-icon-wrench-dark"    : {
+      "name" : "action-icon-wrench-dark",
+      "rule" : ".action-icon-wrench-dark",
+      "hash" : "3a5cfa463c3c89194d3bbce3952a6e80"
+    },
+    "action-icon-wrench-grey"    : {
+      "name" : "action-icon-wrench-grey",
+      "rule" : ".action-icon-wrench-grey, .device-desktop .phabricator-action-icon-view:hover .action-icon-wrench",
+      "hash" : "40d8a77d6272589c69f65e9b5e5587e1"
+    },
+    "action-icon-wrench-white"   : {
+      "name" : "action-icon-wrench-white",
+      "rule" : ".action-icon-wrench-white",
+      "hash" : "20ee83ae6a5d0dc6918727b6ccacec67"
+    }
+  },
+  "scales"  : [
+    1,
+    2
+  ],
+  "header"  : "\/**\n * @provides sprite-action-icon-css\n * @generated\n *\/\n\n.sprite-action-icon {\n  background-image: url(\/rsrc\/image\/sprite-action-icon.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) {\n  .sprite-action-icon {\n    background-image: url(\/rsrc\/image\/sprite-action-icon-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}\n",
+  "type"    : "standard"
+}

resources/sprite/actions_dark_1x/heart.png

@@ -16,6 +16,11 @@
       "rule" : ".gradient-blue-dark, button, a.button, a.button:visited, input.inputsubmit",
       "hash" : "f467612edcdbf984672287c6086492c4"
     },
+    "gradient-blue-header"     : {
+      "name" : "gradient-blue-header",
+      "rule" : ".gradient-blue-header",
+      "hash" : "dd82b6d737f9f683c0d6e70eff59e872"
+    },
     "gradient-blue-light"      : {
       "name" : "gradient-blue-light",
       "rule" : ".gradient-blue-light, button:active, a.button:active",
@@ -36,6 +41,11 @@
       "rule" : ".gradient-green-dark, button.green, a.green, a.green:visited",
       "hash" : "a6719fe55b2b0e527ed32985691eab34"
     },
+    "gradient-green-header"    : {
+      "name" : "gradient-green-header",
+      "rule" : ".gradient-green-header",
+      "hash" : "d61297d23aa31fa1de51e2b9b5974554"
+    },
     "gradient-green-light"     : {
       "name" : "gradient-green-light",
       "rule" : ".gradient-green-light, button.green:active, a.green:active",
@@ -46,6 +56,11 @@
       "rule" : ".gradient-grey-dark, button.grey, input.inputaux, a.grey, a.grey:visited, a.button.disabled, button[disabled], button.disabled",
       "hash" : "fac28a773098fc62bf571e12b843f71a"
     },
+    "gradient-grey-header"     : {
+      "name" : "gradient-grey-header",
+      "rule" : ".gradient-grey-header",
+      "hash" : "f1453896068a8dd0d7885457c8e371bc"
+    },
     "gradient-grey-light"      : {
       "name" : "gradient-grey-light",
       "rule" : ".gradient-grey-light, button.grey:active, a.grey:active, button.grey_active, a.dropdown-open",
@@ -65,6 +80,16 @@
       "name" : "gradient-menu-selected",
       "rule" : ".gradient-menu-selected, .phabricator-side-menu .phabricator-menu-item-selected, .device-desktop .phabricator-side-menu a.phabricator-menu-item-selected:hover, .phabricator-nav-local a.phabricator-active-nav-focus",
       "hash" : "9b4b039fba177b90bc26f0e6eece339d"
+    },
+    "gradient-red-header"      : {
+      "name" : "gradient-red-header",
+      "rule" : ".gradient-red-header",
+      "hash" : "27a76645065953a8440d0c3d2b192c82"
+    },
+    "gradient-yellow-header"   : {
+      "name" : "gradient-yellow-header",
+      "rule" : ".gradient-yellow-header",
+      "hash" : "181e68e61f29071c3ec3810694c2ef08"
     }
   },
   "scales"  : [

resources/sprite/actions_dark_1x/move.png

@@ -0,0 +1,31 @@
+{
+  "version" : 1,
+  "sprites" : {
+    "minicons-company-white"    : {
+      "name" : "minicons-company-white",
+      "rule" : ".minicons-company-white",
+      "hash" : "181289eba2fcb851858ab5b99fd19818"
+    },
+    "minicons-move-white"       : {
+      "name" : "minicons-move-white",
+      "rule" : ".minicons-move-white",
+      "hash" : "620e464c0e50830b90eaed3b5a2b9f56"
+    },
+    "minicons-public-white"     : {
+      "name" : "minicons-public-white",
+      "rule" : ".minicons-public-white",
+      "hash" : "c075363aeba4c52dbcc328a24d8f4298"
+    },
+    "minicons-restricted-white" : {
+      "name" : "minicons-restricted-white",
+      "rule" : ".minicons-restricted-white",
+      "hash" : "af00df15815b83d410073859dacf7a75"
+    }
+  },
+  "scales"  : [
+    1,
+    2
+  ],
+  "header"  : "\/**\n * @provides sprite-minicons-css\n * @generated\n *\/\n\n.sprite-minicons {\n  background-image: url(\/rsrc\/image\/sprite-minicons.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) {\n  .sprite-minicons {\n    background-image: url(\/rsrc\/image\/sprite-minicons-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}\n",
+  "type"    : "standard"
+}

resources/sprite/actions_dark_1x/new.png

@@ -30,6 +30,8 @@
   'icon' => $generator->buildIconSheet(),
   'menu' => $generator->buildMenuSheet(),
   'apps' => $generator->buildAppsSheet(),
+  'actions' => $generator->buildActionsSheet(),
+  'minicons' => $generator->buildMiniconsSheet(),
   'conpherence' => $generator->buildConpherenceSheet(),
   'apps-large' => $generator->buildAppsLargeSheet(),
   'tokens' => $generator->buildTokenSheet(),