DevTools: re-arrange icons into spritesheets by their size

third_party/WebKit/Source/devtools/front_end/ui/Icon.js

Index: third_party/WebKit/Source/devtools/front_end/ui/Icon.js
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/Icon.js b/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
index d4d4b367d24a18778ac72cbbd6ca8befef221a3c..509d57a44134fb995b4c78e94b81a24e812c177e 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
+++ b/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
@@ -86,113 +86,114 @@ UI.Icon.Descriptor;
 
 /** @enum {!UI.Icon.Descriptor} */
 UI.Icon.Descriptors = {
-  'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-green-arrow': {x: -120, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-step-in': {x: -100, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-step-out': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-thick-left-arrow': {x: -180, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-user-command': {x: 0, y: -19, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
-  'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
-  'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
-  'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
-  'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
-  'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesheet: 'largeicons', isMask: true},
-  'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'largeicons'},
-  'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
-  'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
-  'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
-  'smallicon-gray-cross-active': {x: -160, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
+  // small icons

[dgozman, 2017/03/25 15:45:35]

Kind of useless comment - all the icons below start with smallicon :-)

[lushnikov, 2017/03/25 18:51:22]

Not very useful, I agree. Though since in this patch we have "smallicons" in
"mediumicons" it does make sense.
I'll kill the comments in subsequent patches 

+  'smallicon-bezier': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
+  'smallicon-checkmark': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-command-result': {x: 0, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-cross': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-device': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-error': {x: -40, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-green-arrow': {x: 0, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-green-ball': {x: -20, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-info': {x: -40, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-inline-breakpoint-conditional': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-inline-breakpoint': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-orange-ball': {x: -60, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-red-ball': {x: 0, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-shadow': {x: -20, y: -60, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
+  'smallicon-step-in': {x: -40, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-step-out': {x: -60, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-text-prompt': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-thick-left-arrow': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-thick-right-arrow': {x: -80, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-triangle-down': {x: -80, y: -60, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
+  'smallicon-triangle-right': {x: 0, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
+  'smallicon-triangle-up': {x: -20, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
+  'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
+  'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
 
-  'smallicon-inline-breakpoint': {x: -140, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-inline-breakpoint-conditional': {x: -160, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
-  'smallicon-file': {x: -64, y: -24, width: 12, height: 14, spritesheet: 'largeicons'},
-  'smallicon-file-sync': {x: -76, y: -24, width: 12, height: 14, spritesheet: 'largeicons'},
-  'smallicon-search': {x: -234, y: -30, width: 12, height: 12, spritesheet: 'largeicons'},
-  'smallicon-checkmark': {x: -128, y: -109, width: 10, height: 10, spritesheet: 'largeicons'},
+  // medium icons
+  'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'mediumicon-service-worker': {x: 0, y: -16, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'mediumicon-table': {x: -16, y: -16, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
+  'smallicon-arrow-in-circle': {x: -34, y: -18, width: 11, height: 11, spritesheet: 'mediumicons', isMask: true},

[dgozman, 2017/03/25 15:45:35]

We should rename these.

[lushnikov, 2017/03/25 18:51:22]

Right, the following patch does this

+  'smallicon-file-sync': {x: -50, y: -17, width: 12, height: 14, spritesheet: 'mediumicons'},
+  'smallicon-file': {x: -2, y: -33, width: 12, height: 14, spritesheet: 'mediumicons'},
+  'smallicon-gray-cross-active': {x: -17, y: -33, width: 13, height: 13, spritesheet: 'mediumicons'},
+  'smallicon-gray-cross-hover': {x: -33, y: -33, width: 13, height: 13, spritesheet: 'mediumicons'},
+  'smallicon-red-cross-active': {x: -49, y: -33, width: 14, height: 14, spritesheet: 'mediumicons'},
+  'smallicon-red-cross-hover': {x: -1, y: -49, width: 14, height: 14, spritesheet: 'mediumicons'},
+  'smallicon-search': {x: -18, y: -50, width: 12, height: 12, spritesheet: 'mediumicons'},
 
-  'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-layout-editor': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-foreground-color': {x: -128, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-background-color': {x: -96, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-text-shadow': {x: -192, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-box-shadow': {x: -160, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-pause-animation': {x: -320, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-replay-animation': {x: -320, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-play-animation': {x: -320, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-eyedropper': {x: -288, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-copy': {x: -291, y: -143, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-checkmark': {x: -260, y: -71, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-rotate': {x: -160, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-center': {x: -128, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-pan': {x: -98, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-waterfall': {x: -128, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-filter': {x: -32, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-trash-bin': {x: -128, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-pretty-print': {x: -256, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-deactivate-breakpoints': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-activate-breakpoints': {x: -32, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-resume': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-pause': {x: -32, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-pause-on-exceptions': {x: -256, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-play-back': {x: -96, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-play': {x: -64, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-step-over': {x: -128, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-step-out': {x: -96, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-step-in': {x: -64, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-camera': {x: -96, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-dock-to-left': {x: -224, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-
-  'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-show-right-sidebar': {x: -192, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-hide-right-sidebar': {x: -192, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-show-top-sidebar': {x: -288, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-hide-top-sidebar': {x: -256, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-show-bottom-sidebar': {x: -224, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-hide-bottom-sidebar': {x: -256, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-file': {x: -226, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-file-sync': {x: -162, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'badge-navigator-file-sync': {x: -322, y: -72, width: 28, height: 24, spritesheet: 'largeicons'},
-  'largeicon-navigator-folder': {x: -66, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-domain': {x: -162, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-frame': {x: -258, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-worker': {x: -322, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-snippet': {x: -226, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-chevron': {x: -68, y: -143, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-
-  'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
-  'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
-  'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
-  'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
-  'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
-  'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
+  // large icons
+  'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons'},
+  'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-center': {x: -56, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-chevron': {x: -56, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-clear': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-copy': {x: -28, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-deactivate-breakpoints': {x: -56, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-delete': {x: -84, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-dock-to-bottom': {x: -84, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-dock-to-left': {x: -84, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-dock-to-right': {x: -84, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-edit': {x: 0, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-eyedropper': {x: -28, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-filter': {x: -56, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-foreground-color': {x: -84, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-bottom-sidebar': {x: -112, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-left-sidebar': {x: -112, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-right-sidebar': {x: -112, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-top-sidebar': {x: -112, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-large-list': {x: -112, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-layout-editor': {x: 0, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-longclick-triangle': {x: -28, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-menu': {x: -56, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-domain': {x: -84, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-file': {x: -112, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-file-sync': {x: -140, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-folder': {x: -140, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-frame': {x: -140, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-snippet': {x: -140, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-worker': {x: -140, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-node-search': {x: -140, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-pan': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-pause-animation': {x: -28, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-pause': {x: -56, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-pause-on-exceptions': {x: -84, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-phone': {x: -112, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-play-animation': {x: -140, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-play-back': {x: 0, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-play': {x: -28, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-pretty-print': {x: -56, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-refresh': {x: -84, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-replay-animation': {x: -112, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-resume': {x: -140, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-rotate': {x: -168, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-rotate-screen': {x: -168, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-settings-gear': {x: -168, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-show-bottom-sidebar': {x: -168, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-show-left-sidebar': {x: -168, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-show-right-sidebar': {x: -168, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-show-top-sidebar': {x: -168, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-start-recording': {x: -168, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-step-in': {x: 0, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-step-out': {x: -28, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-step-over': {x: -56, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-stop-recording': {x: -84, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-text-shadow': {x: -112, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
 
   'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arrowicons'},

[dgozman, 2017/03/25 15:45:35]

And these.

[lushnikov, 2017/03/25 18:51:22]

An ideal solution would be to port them over into medium icons.

   'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'},