From 5650a87465e5c8abacbf12b2f0ec6cb1e496516b Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sun, 22 May 2022 00:06:10 -0700 Subject: [PATCH] Update the assets directory to prefix icon folders with "icon-" --- frontend/.eslintrc.js | 26 +-- .../checkmark.svg | 0 .../close-x.svg | 0 .../dropdown-arrow.svg | 0 .../fullscreen-enter.svg | 0 .../fullscreen-exit.svg | 0 .../{12px-solid => icon-12px-solid}/grid.svg | 0 .../{12px-solid => icon-12px-solid}/info.svg | 0 .../keyboard-arrow-down.svg | 0 .../keyboard-arrow-left.svg | 0 .../keyboard-arrow-right.svg | 0 .../keyboard-arrow-up.svg | 0 .../keyboard-backspace.svg | 0 .../keyboard-command.svg | 0 .../keyboard-enter.svg | 0 .../keyboard-option.svg | 0 .../keyboard-shift.svg | 0 .../keyboard-space.svg | 0 .../keyboard-tab.svg | 0 .../{12px-solid => icon-12px-solid}/link.svg | 0 .../overlays.svg | 0 .../reset-colors.svg | 0 .../snapping.svg | 0 .../{12px-solid => icon-12px-solid}/swap.svg | 0 .../vertical-ellipsis.svg | 0 .../warning.svg | 0 .../window-button-win-close.svg | 0 .../window-button-win-maximize.svg | 0 .../window-button-win-minimize.svg | 0 .../window-button-win-restore-down.svg | 0 .../align-bottom.svg | 0 .../align-horizontal-center.svg | 0 .../align-left.svg | 0 .../align-right.svg | 0 .../align-top.svg | 0 .../align-vertical-center.svg | 0 .../boolean-difference.svg | 0 .../boolean-intersect.svg | 0 .../boolean-subtract-back.svg | 0 .../boolean-subtract-front.svg | 0 .../boolean-union.svg | 0 .../{16px-solid => icon-16px-solid}/copy.svg | 0 .../eye-hidden.svg | 0 .../eye-visible.svg | 0 .../{16px-solid => icon-16px-solid}/file.svg | 0 .../flip-horizontal.svg | 0 .../flip-vertical.svg | 0 .../graphite-logo.svg | 0 .../node-artboard.svg | 0 .../node-blur.svg | 0 .../node-brushwork.svg | 0 .../node-color-correction.svg | 0 .../node-folder.svg | 0 .../node-gradient.svg | 0 .../node-image.svg | 0 .../node-magic-wand.svg | 0 .../node-mask.svg | 0 .../node-motion-blur.svg | 0 .../node-output.svg | 0 .../node-shape.svg | 0 .../node-text.svg | 0 .../node-transform.svg | 0 .../{16px-solid => icon-16px-solid}/paste.svg | 0 .../{16px-solid => icon-16px-solid}/trash.svg | 0 .../view-mode-normal.svg | 0 .../view-mode-outline.svg | 0 .../view-mode-pixels.svg | 0 .../viewport-design-mode.svg | 0 .../viewport-guide-mode.svg | 0 .../viewport-select-mode.svg | 0 .../zoom-in.svg | 0 .../zoom-out.svg | 0 .../zoom-reset.svg | 0 .../mouse-hint-drag.svg | 0 .../mouse-hint-lmb-drag.svg | 0 .../mouse-hint-lmb.svg | 0 .../mouse-hint-mmb-drag.svg | 0 .../mouse-hint-mmb.svg | 0 .../mouse-hint-none.svg | 0 .../mouse-hint-rmb-drag.svg | 0 .../mouse-hint-rmb.svg | 0 .../mouse-hint-scroll-down.svg | 0 .../mouse-hint-scroll-up.svg | 0 .../general-artboard-tool.svg | 0 .../general-eyedropper-tool.svg | 0 .../general-fill-tool.svg | 0 .../general-gradient-tool.svg | 0 .../general-navigate-tool.svg | 0 .../general-select-tool.svg | 0 .../raster-brush-tool.svg | 0 .../raster-clone-tool.svg | 0 .../raster-detail-tool.svg | 0 .../raster-heal-tool.svg | 0 .../raster-patch-tool.svg | 0 .../raster-relight-tool.svg | 0 .../vector-ellipse-tool.svg | 0 .../vector-freehand-tool.svg | 0 .../vector-line-tool.svg | 0 .../vector-path-tool.svg | 0 .../vector-pen-tool.svg | 0 .../vector-rectangle-tool.svg | 0 .../vector-shape-tool.svg | 0 .../vector-spline-tool.svg | 0 .../vector-text-tool.svg | 0 frontend/src/utility-functions/icons.ts | 206 +++++++++--------- 105 files changed, 104 insertions(+), 128 deletions(-) rename frontend/assets/{12px-solid => icon-12px-solid}/checkmark.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/close-x.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/dropdown-arrow.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/fullscreen-enter.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/fullscreen-exit.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/grid.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/info.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-arrow-down.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-arrow-left.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-arrow-right.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-arrow-up.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-backspace.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-command.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-enter.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-option.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-shift.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-space.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/keyboard-tab.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/link.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/overlays.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/reset-colors.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/snapping.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/swap.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/vertical-ellipsis.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/warning.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/window-button-win-close.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/window-button-win-maximize.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/window-button-win-minimize.svg (100%) rename frontend/assets/{12px-solid => icon-12px-solid}/window-button-win-restore-down.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-bottom.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-horizontal-center.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-left.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-right.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-top.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/align-vertical-center.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/boolean-difference.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/boolean-intersect.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/boolean-subtract-back.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/boolean-subtract-front.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/boolean-union.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/copy.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/eye-hidden.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/eye-visible.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/file.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/flip-horizontal.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/flip-vertical.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/graphite-logo.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-artboard.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-blur.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-brushwork.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-color-correction.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-folder.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-gradient.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-image.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-magic-wand.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-mask.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-motion-blur.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-output.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-shape.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-text.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/node-transform.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/paste.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/trash.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/view-mode-normal.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/view-mode-outline.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/view-mode-pixels.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/viewport-design-mode.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/viewport-guide-mode.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/viewport-select-mode.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/zoom-in.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/zoom-out.svg (100%) rename frontend/assets/{16px-solid => icon-16px-solid}/zoom-reset.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-drag.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-lmb-drag.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-lmb.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-mmb-drag.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-mmb.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-none.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-rmb-drag.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-rmb.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-scroll-down.svg (100%) rename frontend/assets/{16px-two-tone => icon-16px-two-tone}/mouse-hint-scroll-up.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-artboard-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-eyedropper-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-fill-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-gradient-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-navigate-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/general-select-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-brush-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-clone-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-detail-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-heal-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-patch-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/raster-relight-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-ellipse-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-freehand-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-line-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-path-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-pen-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-rectangle-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-shape-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-spline-tool.svg (100%) rename frontend/assets/{24px-two-tone => icon-24px-two-tone}/vector-text-tool.svg (100%) diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js index 7ac48576..4181a41c 100644 --- a/frontend/.eslintrc.js +++ b/frontend/.eslintrc.js @@ -93,31 +93,6 @@ module.exports = { group: "unknown", position: "after", }, - { - pattern: "**/assets/12px-solid/*.svg", - group: "unknown", - position: "after", - }, - { - pattern: "**/assets/16px-solid/*.svg", - group: "unknown", - position: "after", - }, - { - pattern: "**/assets/16px-two-tone/*.svg", - group: "unknown", - position: "after", - }, - { - pattern: "**/assets/24px-full-color/*.svg", - group: "unknown", - position: "after", - }, - { - pattern: "**/assets/24px-two-tone/*.svg", - group: "unknown", - position: "after", - }, ], }, ], @@ -135,6 +110,7 @@ module.exports = { // Vue plugin config (used to validate Vue single-file components) "vue/multi-word-component-names": "off", + // Vue Accessibility plugin config (included by airbnb defaults but undesirable for a web app project) "vuejs-accessibility/form-control-has-label": "off", "vuejs-accessibility/label-has-for": "off", "vuejs-accessibility/click-events-have-key-events": "off", diff --git a/frontend/assets/12px-solid/checkmark.svg b/frontend/assets/icon-12px-solid/checkmark.svg similarity index 100% rename from frontend/assets/12px-solid/checkmark.svg rename to frontend/assets/icon-12px-solid/checkmark.svg diff --git a/frontend/assets/12px-solid/close-x.svg b/frontend/assets/icon-12px-solid/close-x.svg similarity index 100% rename from frontend/assets/12px-solid/close-x.svg rename to frontend/assets/icon-12px-solid/close-x.svg diff --git a/frontend/assets/12px-solid/dropdown-arrow.svg b/frontend/assets/icon-12px-solid/dropdown-arrow.svg similarity index 100% rename from frontend/assets/12px-solid/dropdown-arrow.svg rename to frontend/assets/icon-12px-solid/dropdown-arrow.svg diff --git a/frontend/assets/12px-solid/fullscreen-enter.svg b/frontend/assets/icon-12px-solid/fullscreen-enter.svg similarity index 100% rename from frontend/assets/12px-solid/fullscreen-enter.svg rename to frontend/assets/icon-12px-solid/fullscreen-enter.svg diff --git a/frontend/assets/12px-solid/fullscreen-exit.svg b/frontend/assets/icon-12px-solid/fullscreen-exit.svg similarity index 100% rename from frontend/assets/12px-solid/fullscreen-exit.svg rename to frontend/assets/icon-12px-solid/fullscreen-exit.svg diff --git a/frontend/assets/12px-solid/grid.svg b/frontend/assets/icon-12px-solid/grid.svg similarity index 100% rename from frontend/assets/12px-solid/grid.svg rename to frontend/assets/icon-12px-solid/grid.svg diff --git a/frontend/assets/12px-solid/info.svg b/frontend/assets/icon-12px-solid/info.svg similarity index 100% rename from frontend/assets/12px-solid/info.svg rename to frontend/assets/icon-12px-solid/info.svg diff --git a/frontend/assets/12px-solid/keyboard-arrow-down.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-down.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-arrow-down.svg rename to frontend/assets/icon-12px-solid/keyboard-arrow-down.svg diff --git a/frontend/assets/12px-solid/keyboard-arrow-left.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-left.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-arrow-left.svg rename to frontend/assets/icon-12px-solid/keyboard-arrow-left.svg diff --git a/frontend/assets/12px-solid/keyboard-arrow-right.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-right.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-arrow-right.svg rename to frontend/assets/icon-12px-solid/keyboard-arrow-right.svg diff --git a/frontend/assets/12px-solid/keyboard-arrow-up.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-up.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-arrow-up.svg rename to frontend/assets/icon-12px-solid/keyboard-arrow-up.svg diff --git a/frontend/assets/12px-solid/keyboard-backspace.svg b/frontend/assets/icon-12px-solid/keyboard-backspace.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-backspace.svg rename to frontend/assets/icon-12px-solid/keyboard-backspace.svg diff --git a/frontend/assets/12px-solid/keyboard-command.svg b/frontend/assets/icon-12px-solid/keyboard-command.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-command.svg rename to frontend/assets/icon-12px-solid/keyboard-command.svg diff --git a/frontend/assets/12px-solid/keyboard-enter.svg b/frontend/assets/icon-12px-solid/keyboard-enter.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-enter.svg rename to frontend/assets/icon-12px-solid/keyboard-enter.svg diff --git a/frontend/assets/12px-solid/keyboard-option.svg b/frontend/assets/icon-12px-solid/keyboard-option.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-option.svg rename to frontend/assets/icon-12px-solid/keyboard-option.svg diff --git a/frontend/assets/12px-solid/keyboard-shift.svg b/frontend/assets/icon-12px-solid/keyboard-shift.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-shift.svg rename to frontend/assets/icon-12px-solid/keyboard-shift.svg diff --git a/frontend/assets/12px-solid/keyboard-space.svg b/frontend/assets/icon-12px-solid/keyboard-space.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-space.svg rename to frontend/assets/icon-12px-solid/keyboard-space.svg diff --git a/frontend/assets/12px-solid/keyboard-tab.svg b/frontend/assets/icon-12px-solid/keyboard-tab.svg similarity index 100% rename from frontend/assets/12px-solid/keyboard-tab.svg rename to frontend/assets/icon-12px-solid/keyboard-tab.svg diff --git a/frontend/assets/12px-solid/link.svg b/frontend/assets/icon-12px-solid/link.svg similarity index 100% rename from frontend/assets/12px-solid/link.svg rename to frontend/assets/icon-12px-solid/link.svg diff --git a/frontend/assets/12px-solid/overlays.svg b/frontend/assets/icon-12px-solid/overlays.svg similarity index 100% rename from frontend/assets/12px-solid/overlays.svg rename to frontend/assets/icon-12px-solid/overlays.svg diff --git a/frontend/assets/12px-solid/reset-colors.svg b/frontend/assets/icon-12px-solid/reset-colors.svg similarity index 100% rename from frontend/assets/12px-solid/reset-colors.svg rename to frontend/assets/icon-12px-solid/reset-colors.svg diff --git a/frontend/assets/12px-solid/snapping.svg b/frontend/assets/icon-12px-solid/snapping.svg similarity index 100% rename from frontend/assets/12px-solid/snapping.svg rename to frontend/assets/icon-12px-solid/snapping.svg diff --git a/frontend/assets/12px-solid/swap.svg b/frontend/assets/icon-12px-solid/swap.svg similarity index 100% rename from frontend/assets/12px-solid/swap.svg rename to frontend/assets/icon-12px-solid/swap.svg diff --git a/frontend/assets/12px-solid/vertical-ellipsis.svg b/frontend/assets/icon-12px-solid/vertical-ellipsis.svg similarity index 100% rename from frontend/assets/12px-solid/vertical-ellipsis.svg rename to frontend/assets/icon-12px-solid/vertical-ellipsis.svg diff --git a/frontend/assets/12px-solid/warning.svg b/frontend/assets/icon-12px-solid/warning.svg similarity index 100% rename from frontend/assets/12px-solid/warning.svg rename to frontend/assets/icon-12px-solid/warning.svg diff --git a/frontend/assets/12px-solid/window-button-win-close.svg b/frontend/assets/icon-12px-solid/window-button-win-close.svg similarity index 100% rename from frontend/assets/12px-solid/window-button-win-close.svg rename to frontend/assets/icon-12px-solid/window-button-win-close.svg diff --git a/frontend/assets/12px-solid/window-button-win-maximize.svg b/frontend/assets/icon-12px-solid/window-button-win-maximize.svg similarity index 100% rename from frontend/assets/12px-solid/window-button-win-maximize.svg rename to frontend/assets/icon-12px-solid/window-button-win-maximize.svg diff --git a/frontend/assets/12px-solid/window-button-win-minimize.svg b/frontend/assets/icon-12px-solid/window-button-win-minimize.svg similarity index 100% rename from frontend/assets/12px-solid/window-button-win-minimize.svg rename to frontend/assets/icon-12px-solid/window-button-win-minimize.svg diff --git a/frontend/assets/12px-solid/window-button-win-restore-down.svg b/frontend/assets/icon-12px-solid/window-button-win-restore-down.svg similarity index 100% rename from frontend/assets/12px-solid/window-button-win-restore-down.svg rename to frontend/assets/icon-12px-solid/window-button-win-restore-down.svg diff --git a/frontend/assets/16px-solid/align-bottom.svg b/frontend/assets/icon-16px-solid/align-bottom.svg similarity index 100% rename from frontend/assets/16px-solid/align-bottom.svg rename to frontend/assets/icon-16px-solid/align-bottom.svg diff --git a/frontend/assets/16px-solid/align-horizontal-center.svg b/frontend/assets/icon-16px-solid/align-horizontal-center.svg similarity index 100% rename from frontend/assets/16px-solid/align-horizontal-center.svg rename to frontend/assets/icon-16px-solid/align-horizontal-center.svg diff --git a/frontend/assets/16px-solid/align-left.svg b/frontend/assets/icon-16px-solid/align-left.svg similarity index 100% rename from frontend/assets/16px-solid/align-left.svg rename to frontend/assets/icon-16px-solid/align-left.svg diff --git a/frontend/assets/16px-solid/align-right.svg b/frontend/assets/icon-16px-solid/align-right.svg similarity index 100% rename from frontend/assets/16px-solid/align-right.svg rename to frontend/assets/icon-16px-solid/align-right.svg diff --git a/frontend/assets/16px-solid/align-top.svg b/frontend/assets/icon-16px-solid/align-top.svg similarity index 100% rename from frontend/assets/16px-solid/align-top.svg rename to frontend/assets/icon-16px-solid/align-top.svg diff --git a/frontend/assets/16px-solid/align-vertical-center.svg b/frontend/assets/icon-16px-solid/align-vertical-center.svg similarity index 100% rename from frontend/assets/16px-solid/align-vertical-center.svg rename to frontend/assets/icon-16px-solid/align-vertical-center.svg diff --git a/frontend/assets/16px-solid/boolean-difference.svg b/frontend/assets/icon-16px-solid/boolean-difference.svg similarity index 100% rename from frontend/assets/16px-solid/boolean-difference.svg rename to frontend/assets/icon-16px-solid/boolean-difference.svg diff --git a/frontend/assets/16px-solid/boolean-intersect.svg b/frontend/assets/icon-16px-solid/boolean-intersect.svg similarity index 100% rename from frontend/assets/16px-solid/boolean-intersect.svg rename to frontend/assets/icon-16px-solid/boolean-intersect.svg diff --git a/frontend/assets/16px-solid/boolean-subtract-back.svg b/frontend/assets/icon-16px-solid/boolean-subtract-back.svg similarity index 100% rename from frontend/assets/16px-solid/boolean-subtract-back.svg rename to frontend/assets/icon-16px-solid/boolean-subtract-back.svg diff --git a/frontend/assets/16px-solid/boolean-subtract-front.svg b/frontend/assets/icon-16px-solid/boolean-subtract-front.svg similarity index 100% rename from frontend/assets/16px-solid/boolean-subtract-front.svg rename to frontend/assets/icon-16px-solid/boolean-subtract-front.svg diff --git a/frontend/assets/16px-solid/boolean-union.svg b/frontend/assets/icon-16px-solid/boolean-union.svg similarity index 100% rename from frontend/assets/16px-solid/boolean-union.svg rename to frontend/assets/icon-16px-solid/boolean-union.svg diff --git a/frontend/assets/16px-solid/copy.svg b/frontend/assets/icon-16px-solid/copy.svg similarity index 100% rename from frontend/assets/16px-solid/copy.svg rename to frontend/assets/icon-16px-solid/copy.svg diff --git a/frontend/assets/16px-solid/eye-hidden.svg b/frontend/assets/icon-16px-solid/eye-hidden.svg similarity index 100% rename from frontend/assets/16px-solid/eye-hidden.svg rename to frontend/assets/icon-16px-solid/eye-hidden.svg diff --git a/frontend/assets/16px-solid/eye-visible.svg b/frontend/assets/icon-16px-solid/eye-visible.svg similarity index 100% rename from frontend/assets/16px-solid/eye-visible.svg rename to frontend/assets/icon-16px-solid/eye-visible.svg diff --git a/frontend/assets/16px-solid/file.svg b/frontend/assets/icon-16px-solid/file.svg similarity index 100% rename from frontend/assets/16px-solid/file.svg rename to frontend/assets/icon-16px-solid/file.svg diff --git a/frontend/assets/16px-solid/flip-horizontal.svg b/frontend/assets/icon-16px-solid/flip-horizontal.svg similarity index 100% rename from frontend/assets/16px-solid/flip-horizontal.svg rename to frontend/assets/icon-16px-solid/flip-horizontal.svg diff --git a/frontend/assets/16px-solid/flip-vertical.svg b/frontend/assets/icon-16px-solid/flip-vertical.svg similarity index 100% rename from frontend/assets/16px-solid/flip-vertical.svg rename to frontend/assets/icon-16px-solid/flip-vertical.svg diff --git a/frontend/assets/16px-solid/graphite-logo.svg b/frontend/assets/icon-16px-solid/graphite-logo.svg similarity index 100% rename from frontend/assets/16px-solid/graphite-logo.svg rename to frontend/assets/icon-16px-solid/graphite-logo.svg diff --git a/frontend/assets/16px-solid/node-artboard.svg b/frontend/assets/icon-16px-solid/node-artboard.svg similarity index 100% rename from frontend/assets/16px-solid/node-artboard.svg rename to frontend/assets/icon-16px-solid/node-artboard.svg diff --git a/frontend/assets/16px-solid/node-blur.svg b/frontend/assets/icon-16px-solid/node-blur.svg similarity index 100% rename from frontend/assets/16px-solid/node-blur.svg rename to frontend/assets/icon-16px-solid/node-blur.svg diff --git a/frontend/assets/16px-solid/node-brushwork.svg b/frontend/assets/icon-16px-solid/node-brushwork.svg similarity index 100% rename from frontend/assets/16px-solid/node-brushwork.svg rename to frontend/assets/icon-16px-solid/node-brushwork.svg diff --git a/frontend/assets/16px-solid/node-color-correction.svg b/frontend/assets/icon-16px-solid/node-color-correction.svg similarity index 100% rename from frontend/assets/16px-solid/node-color-correction.svg rename to frontend/assets/icon-16px-solid/node-color-correction.svg diff --git a/frontend/assets/16px-solid/node-folder.svg b/frontend/assets/icon-16px-solid/node-folder.svg similarity index 100% rename from frontend/assets/16px-solid/node-folder.svg rename to frontend/assets/icon-16px-solid/node-folder.svg diff --git a/frontend/assets/16px-solid/node-gradient.svg b/frontend/assets/icon-16px-solid/node-gradient.svg similarity index 100% rename from frontend/assets/16px-solid/node-gradient.svg rename to frontend/assets/icon-16px-solid/node-gradient.svg diff --git a/frontend/assets/16px-solid/node-image.svg b/frontend/assets/icon-16px-solid/node-image.svg similarity index 100% rename from frontend/assets/16px-solid/node-image.svg rename to frontend/assets/icon-16px-solid/node-image.svg diff --git a/frontend/assets/16px-solid/node-magic-wand.svg b/frontend/assets/icon-16px-solid/node-magic-wand.svg similarity index 100% rename from frontend/assets/16px-solid/node-magic-wand.svg rename to frontend/assets/icon-16px-solid/node-magic-wand.svg diff --git a/frontend/assets/16px-solid/node-mask.svg b/frontend/assets/icon-16px-solid/node-mask.svg similarity index 100% rename from frontend/assets/16px-solid/node-mask.svg rename to frontend/assets/icon-16px-solid/node-mask.svg diff --git a/frontend/assets/16px-solid/node-motion-blur.svg b/frontend/assets/icon-16px-solid/node-motion-blur.svg similarity index 100% rename from frontend/assets/16px-solid/node-motion-blur.svg rename to frontend/assets/icon-16px-solid/node-motion-blur.svg diff --git a/frontend/assets/16px-solid/node-output.svg b/frontend/assets/icon-16px-solid/node-output.svg similarity index 100% rename from frontend/assets/16px-solid/node-output.svg rename to frontend/assets/icon-16px-solid/node-output.svg diff --git a/frontend/assets/16px-solid/node-shape.svg b/frontend/assets/icon-16px-solid/node-shape.svg similarity index 100% rename from frontend/assets/16px-solid/node-shape.svg rename to frontend/assets/icon-16px-solid/node-shape.svg diff --git a/frontend/assets/16px-solid/node-text.svg b/frontend/assets/icon-16px-solid/node-text.svg similarity index 100% rename from frontend/assets/16px-solid/node-text.svg rename to frontend/assets/icon-16px-solid/node-text.svg diff --git a/frontend/assets/16px-solid/node-transform.svg b/frontend/assets/icon-16px-solid/node-transform.svg similarity index 100% rename from frontend/assets/16px-solid/node-transform.svg rename to frontend/assets/icon-16px-solid/node-transform.svg diff --git a/frontend/assets/16px-solid/paste.svg b/frontend/assets/icon-16px-solid/paste.svg similarity index 100% rename from frontend/assets/16px-solid/paste.svg rename to frontend/assets/icon-16px-solid/paste.svg diff --git a/frontend/assets/16px-solid/trash.svg b/frontend/assets/icon-16px-solid/trash.svg similarity index 100% rename from frontend/assets/16px-solid/trash.svg rename to frontend/assets/icon-16px-solid/trash.svg diff --git a/frontend/assets/16px-solid/view-mode-normal.svg b/frontend/assets/icon-16px-solid/view-mode-normal.svg similarity index 100% rename from frontend/assets/16px-solid/view-mode-normal.svg rename to frontend/assets/icon-16px-solid/view-mode-normal.svg diff --git a/frontend/assets/16px-solid/view-mode-outline.svg b/frontend/assets/icon-16px-solid/view-mode-outline.svg similarity index 100% rename from frontend/assets/16px-solid/view-mode-outline.svg rename to frontend/assets/icon-16px-solid/view-mode-outline.svg diff --git a/frontend/assets/16px-solid/view-mode-pixels.svg b/frontend/assets/icon-16px-solid/view-mode-pixels.svg similarity index 100% rename from frontend/assets/16px-solid/view-mode-pixels.svg rename to frontend/assets/icon-16px-solid/view-mode-pixels.svg diff --git a/frontend/assets/16px-solid/viewport-design-mode.svg b/frontend/assets/icon-16px-solid/viewport-design-mode.svg similarity index 100% rename from frontend/assets/16px-solid/viewport-design-mode.svg rename to frontend/assets/icon-16px-solid/viewport-design-mode.svg diff --git a/frontend/assets/16px-solid/viewport-guide-mode.svg b/frontend/assets/icon-16px-solid/viewport-guide-mode.svg similarity index 100% rename from frontend/assets/16px-solid/viewport-guide-mode.svg rename to frontend/assets/icon-16px-solid/viewport-guide-mode.svg diff --git a/frontend/assets/16px-solid/viewport-select-mode.svg b/frontend/assets/icon-16px-solid/viewport-select-mode.svg similarity index 100% rename from frontend/assets/16px-solid/viewport-select-mode.svg rename to frontend/assets/icon-16px-solid/viewport-select-mode.svg diff --git a/frontend/assets/16px-solid/zoom-in.svg b/frontend/assets/icon-16px-solid/zoom-in.svg similarity index 100% rename from frontend/assets/16px-solid/zoom-in.svg rename to frontend/assets/icon-16px-solid/zoom-in.svg diff --git a/frontend/assets/16px-solid/zoom-out.svg b/frontend/assets/icon-16px-solid/zoom-out.svg similarity index 100% rename from frontend/assets/16px-solid/zoom-out.svg rename to frontend/assets/icon-16px-solid/zoom-out.svg diff --git a/frontend/assets/16px-solid/zoom-reset.svg b/frontend/assets/icon-16px-solid/zoom-reset.svg similarity index 100% rename from frontend/assets/16px-solid/zoom-reset.svg rename to frontend/assets/icon-16px-solid/zoom-reset.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-drag.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-lmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-lmb-drag.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-lmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-lmb.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-mmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-mmb-drag.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-mmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-mmb.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-none.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-none.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-none.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-none.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-rmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-rmb-drag.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-rmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-rmb.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-scroll-down.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-scroll-down.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg diff --git a/frontend/assets/16px-two-tone/mouse-hint-scroll-up.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg similarity index 100% rename from frontend/assets/16px-two-tone/mouse-hint-scroll-up.svg rename to frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg diff --git a/frontend/assets/24px-two-tone/general-artboard-tool.svg b/frontend/assets/icon-24px-two-tone/general-artboard-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-artboard-tool.svg rename to frontend/assets/icon-24px-two-tone/general-artboard-tool.svg diff --git a/frontend/assets/24px-two-tone/general-eyedropper-tool.svg b/frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-eyedropper-tool.svg rename to frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg diff --git a/frontend/assets/24px-two-tone/general-fill-tool.svg b/frontend/assets/icon-24px-two-tone/general-fill-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-fill-tool.svg rename to frontend/assets/icon-24px-two-tone/general-fill-tool.svg diff --git a/frontend/assets/24px-two-tone/general-gradient-tool.svg b/frontend/assets/icon-24px-two-tone/general-gradient-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-gradient-tool.svg rename to frontend/assets/icon-24px-two-tone/general-gradient-tool.svg diff --git a/frontend/assets/24px-two-tone/general-navigate-tool.svg b/frontend/assets/icon-24px-two-tone/general-navigate-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-navigate-tool.svg rename to frontend/assets/icon-24px-two-tone/general-navigate-tool.svg diff --git a/frontend/assets/24px-two-tone/general-select-tool.svg b/frontend/assets/icon-24px-two-tone/general-select-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/general-select-tool.svg rename to frontend/assets/icon-24px-two-tone/general-select-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-brush-tool.svg b/frontend/assets/icon-24px-two-tone/raster-brush-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-brush-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-brush-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-clone-tool.svg b/frontend/assets/icon-24px-two-tone/raster-clone-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-clone-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-clone-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-detail-tool.svg b/frontend/assets/icon-24px-two-tone/raster-detail-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-detail-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-detail-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-heal-tool.svg b/frontend/assets/icon-24px-two-tone/raster-heal-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-heal-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-heal-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-patch-tool.svg b/frontend/assets/icon-24px-two-tone/raster-patch-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-patch-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-patch-tool.svg diff --git a/frontend/assets/24px-two-tone/raster-relight-tool.svg b/frontend/assets/icon-24px-two-tone/raster-relight-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/raster-relight-tool.svg rename to frontend/assets/icon-24px-two-tone/raster-relight-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-ellipse-tool.svg b/frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-ellipse-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-freehand-tool.svg b/frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-freehand-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-line-tool.svg b/frontend/assets/icon-24px-two-tone/vector-line-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-line-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-line-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-path-tool.svg b/frontend/assets/icon-24px-two-tone/vector-path-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-path-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-path-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-pen-tool.svg b/frontend/assets/icon-24px-two-tone/vector-pen-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-pen-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-pen-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-rectangle-tool.svg b/frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-rectangle-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-shape-tool.svg b/frontend/assets/icon-24px-two-tone/vector-shape-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-shape-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-shape-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-spline-tool.svg b/frontend/assets/icon-24px-two-tone/vector-spline-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-spline-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-spline-tool.svg diff --git a/frontend/assets/24px-two-tone/vector-text-tool.svg b/frontend/assets/icon-24px-two-tone/vector-text-tool.svg similarity index 100% rename from frontend/assets/24px-two-tone/vector-text-tool.svg rename to frontend/assets/icon-24px-two-tone/vector-text-tool.svg diff --git a/frontend/src/utility-functions/icons.ts b/frontend/src/utility-functions/icons.ts index e563f390..ec577c03 100644 --- a/frontend/src/utility-functions/icons.ts +++ b/frontend/src/utility-functions/icons.ts @@ -1,35 +1,35 @@ /* eslint-disable import/first */ // 12px Solid -import Checkmark from "@/../assets/12px-solid/checkmark.svg"; -import CloseX from "@/../assets/12px-solid/close-x.svg"; -import DropdownArrow from "@/../assets/12px-solid/dropdown-arrow.svg"; -import FullscreenEnter from "@/../assets/12px-solid/fullscreen-enter.svg"; -import FullscreenExit from "@/../assets/12px-solid/fullscreen-exit.svg"; -import Grid from "@/../assets/12px-solid/grid.svg"; -import Info from "@/../assets/12px-solid/info.svg"; -import KeyboardArrowDown from "@/../assets/12px-solid/keyboard-arrow-down.svg"; -import KeyboardArrowLeft from "@/../assets/12px-solid/keyboard-arrow-left.svg"; -import KeyboardArrowRight from "@/../assets/12px-solid/keyboard-arrow-right.svg"; -import KeyboardArrowUp from "@/../assets/12px-solid/keyboard-arrow-up.svg"; -import KeyboardBackspace from "@/../assets/12px-solid/keyboard-backspace.svg"; -import KeyboardCommand from "@/../assets/12px-solid/keyboard-command.svg"; -import KeyboardEnter from "@/../assets/12px-solid/keyboard-enter.svg"; -import KeyboardOption from "@/../assets/12px-solid/keyboard-option.svg"; -import KeyboardShift from "@/../assets/12px-solid/keyboard-shift.svg"; -import KeyboardSpace from "@/../assets/12px-solid/keyboard-space.svg"; -import KeyboardTab from "@/../assets/12px-solid/keyboard-tab.svg"; -import Link from "@/../assets/12px-solid/link.svg"; -import Overlays from "@/../assets/12px-solid/overlays.svg"; -import ResetColors from "@/../assets/12px-solid/reset-colors.svg"; -import Snapping from "@/../assets/12px-solid/snapping.svg"; -import Swap from "@/../assets/12px-solid/swap.svg"; -import VerticalEllipsis from "@/../assets/12px-solid/vertical-ellipsis.svg"; -import Warning from "@/../assets/12px-solid/warning.svg"; -import WindowButtonWinClose from "@/../assets/12px-solid/window-button-win-close.svg"; -import WindowButtonWinMaximize from "@/../assets/12px-solid/window-button-win-maximize.svg"; -import WindowButtonWinMinimize from "@/../assets/12px-solid/window-button-win-minimize.svg"; -import WindowButtonWinRestoreDown from "@/../assets/12px-solid/window-button-win-restore-down.svg"; +import Checkmark from "@/../assets/icon-12px-solid/checkmark.svg"; +import CloseX from "@/../assets/icon-12px-solid/close-x.svg"; +import DropdownArrow from "@/../assets/icon-12px-solid/dropdown-arrow.svg"; +import FullscreenEnter from "@/../assets/icon-12px-solid/fullscreen-enter.svg"; +import FullscreenExit from "@/../assets/icon-12px-solid/fullscreen-exit.svg"; +import Grid from "@/../assets/icon-12px-solid/grid.svg"; +import Info from "@/../assets/icon-12px-solid/info.svg"; +import KeyboardArrowDown from "@/../assets/icon-12px-solid/keyboard-arrow-down.svg"; +import KeyboardArrowLeft from "@/../assets/icon-12px-solid/keyboard-arrow-left.svg"; +import KeyboardArrowRight from "@/../assets/icon-12px-solid/keyboard-arrow-right.svg"; +import KeyboardArrowUp from "@/../assets/icon-12px-solid/keyboard-arrow-up.svg"; +import KeyboardBackspace from "@/../assets/icon-12px-solid/keyboard-backspace.svg"; +import KeyboardCommand from "@/../assets/icon-12px-solid/keyboard-command.svg"; +import KeyboardEnter from "@/../assets/icon-12px-solid/keyboard-enter.svg"; +import KeyboardOption from "@/../assets/icon-12px-solid/keyboard-option.svg"; +import KeyboardShift from "@/../assets/icon-12px-solid/keyboard-shift.svg"; +import KeyboardSpace from "@/../assets/icon-12px-solid/keyboard-space.svg"; +import KeyboardTab from "@/../assets/icon-12px-solid/keyboard-tab.svg"; +import Link from "@/../assets/icon-12px-solid/link.svg"; +import Overlays from "@/../assets/icon-12px-solid/overlays.svg"; +import ResetColors from "@/../assets/icon-12px-solid/reset-colors.svg"; +import Snapping from "@/../assets/icon-12px-solid/snapping.svg"; +import Swap from "@/../assets/icon-12px-solid/swap.svg"; +import VerticalEllipsis from "@/../assets/icon-12px-solid/vertical-ellipsis.svg"; +import Warning from "@/../assets/icon-12px-solid/warning.svg"; +import WindowButtonWinClose from "@/../assets/icon-12px-solid/window-button-win-close.svg"; +import WindowButtonWinMaximize from "@/../assets/icon-12px-solid/window-button-win-maximize.svg"; +import WindowButtonWinMinimize from "@/../assets/icon-12px-solid/window-button-win-minimize.svg"; +import WindowButtonWinRestoreDown from "@/../assets/icon-12px-solid/window-button-win-restore-down.svg"; const SOLID_12PX = { Checkmark: { component: Checkmark, size: 12 }, @@ -64,49 +64,49 @@ const SOLID_12PX = { } as const; // 16px Solid -import AlignBottom from "@/../assets/16px-solid/align-bottom.svg"; -import AlignHorizontalCenter from "@/../assets/16px-solid/align-horizontal-center.svg"; -import AlignLeft from "@/../assets/16px-solid/align-left.svg"; -import AlignRight from "@/../assets/16px-solid/align-right.svg"; -import AlignTop from "@/../assets/16px-solid/align-top.svg"; -import AlignVerticalCenter from "@/../assets/16px-solid/align-vertical-center.svg"; -import BooleanDifference from "@/../assets/16px-solid/boolean-difference.svg"; -import BooleanIntersect from "@/../assets/16px-solid/boolean-intersect.svg"; -import BooleanSubtractBack from "@/../assets/16px-solid/boolean-subtract-back.svg"; -import BooleanSubtractFront from "@/../assets/16px-solid/boolean-subtract-front.svg"; -import BooleanUnion from "@/../assets/16px-solid/boolean-union.svg"; -import Copy from "@/../assets/16px-solid/copy.svg"; -import EyeHidden from "@/../assets/16px-solid/eye-hidden.svg"; -import EyeVisible from "@/../assets/16px-solid/eye-visible.svg"; -import File from "@/../assets/16px-solid/file.svg"; -import FlipHorizontal from "@/../assets/16px-solid/flip-horizontal.svg"; -import FlipVertical from "@/../assets/16px-solid/flip-vertical.svg"; -import GraphiteLogo from "@/../assets/16px-solid/graphite-logo.svg"; -import NodeArtboard from "@/../assets/16px-solid/node-artboard.svg"; -import NodeBlur from "@/../assets/16px-solid/node-blur.svg"; -import NodeBrushwork from "@/../assets/16px-solid/node-brushwork.svg"; -import NodeColorCorrection from "@/../assets/16px-solid/node-color-correction.svg"; -import NodeFolder from "@/../assets/16px-solid/node-folder.svg"; -import NodeGradient from "@/../assets/16px-solid/node-gradient.svg"; -import NodeImage from "@/../assets/16px-solid/node-image.svg"; -import NodeMagicWand from "@/../assets/16px-solid/node-magic-wand.svg"; -import NodeMask from "@/../assets/16px-solid/node-mask.svg"; -import NodeMotionBlur from "@/../assets/16px-solid/node-motion-blur.svg"; -import NodeOutput from "@/../assets/16px-solid/node-output.svg"; -import NodeShape from "@/../assets/16px-solid/node-shape.svg"; -import NodeText from "@/../assets/16px-solid/node-text.svg"; -import NodeTransform from "@/../assets/16px-solid/node-transform.svg"; -import Paste from "@/../assets/16px-solid/paste.svg"; -import Trash from "@/../assets/16px-solid/trash.svg"; -import ViewModeNormal from "@/../assets/16px-solid/view-mode-normal.svg"; -import ViewModeOutline from "@/../assets/16px-solid/view-mode-outline.svg"; -import ViewModePixels from "@/../assets/16px-solid/view-mode-pixels.svg"; -import ViewportDesignMode from "@/../assets/16px-solid/viewport-design-mode.svg"; -import ViewportGuideMode from "@/../assets/16px-solid/viewport-guide-mode.svg"; -import ViewportSelectMode from "@/../assets/16px-solid/viewport-select-mode.svg"; -import ZoomIn from "@/../assets/16px-solid/zoom-in.svg"; -import ZoomOut from "@/../assets/16px-solid/zoom-out.svg"; -import ZoomReset from "@/../assets/16px-solid/zoom-reset.svg"; +import AlignBottom from "@/../assets/icon-16px-solid/align-bottom.svg"; +import AlignHorizontalCenter from "@/../assets/icon-16px-solid/align-horizontal-center.svg"; +import AlignLeft from "@/../assets/icon-16px-solid/align-left.svg"; +import AlignRight from "@/../assets/icon-16px-solid/align-right.svg"; +import AlignTop from "@/../assets/icon-16px-solid/align-top.svg"; +import AlignVerticalCenter from "@/../assets/icon-16px-solid/align-vertical-center.svg"; +import BooleanDifference from "@/../assets/icon-16px-solid/boolean-difference.svg"; +import BooleanIntersect from "@/../assets/icon-16px-solid/boolean-intersect.svg"; +import BooleanSubtractBack from "@/../assets/icon-16px-solid/boolean-subtract-back.svg"; +import BooleanSubtractFront from "@/../assets/icon-16px-solid/boolean-subtract-front.svg"; +import BooleanUnion from "@/../assets/icon-16px-solid/boolean-union.svg"; +import Copy from "@/../assets/icon-16px-solid/copy.svg"; +import EyeHidden from "@/../assets/icon-16px-solid/eye-hidden.svg"; +import EyeVisible from "@/../assets/icon-16px-solid/eye-visible.svg"; +import File from "@/../assets/icon-16px-solid/file.svg"; +import FlipHorizontal from "@/../assets/icon-16px-solid/flip-horizontal.svg"; +import FlipVertical from "@/../assets/icon-16px-solid/flip-vertical.svg"; +import GraphiteLogo from "@/../assets/icon-16px-solid/graphite-logo.svg"; +import NodeArtboard from "@/../assets/icon-16px-solid/node-artboard.svg"; +import NodeBlur from "@/../assets/icon-16px-solid/node-blur.svg"; +import NodeBrushwork from "@/../assets/icon-16px-solid/node-brushwork.svg"; +import NodeColorCorrection from "@/../assets/icon-16px-solid/node-color-correction.svg"; +import NodeFolder from "@/../assets/icon-16px-solid/node-folder.svg"; +import NodeGradient from "@/../assets/icon-16px-solid/node-gradient.svg"; +import NodeImage from "@/../assets/icon-16px-solid/node-image.svg"; +import NodeMagicWand from "@/../assets/icon-16px-solid/node-magic-wand.svg"; +import NodeMask from "@/../assets/icon-16px-solid/node-mask.svg"; +import NodeMotionBlur from "@/../assets/icon-16px-solid/node-motion-blur.svg"; +import NodeOutput from "@/../assets/icon-16px-solid/node-output.svg"; +import NodeShape from "@/../assets/icon-16px-solid/node-shape.svg"; +import NodeText from "@/../assets/icon-16px-solid/node-text.svg"; +import NodeTransform from "@/../assets/icon-16px-solid/node-transform.svg"; +import Paste from "@/../assets/icon-16px-solid/paste.svg"; +import Trash from "@/../assets/icon-16px-solid/trash.svg"; +import ViewModeNormal from "@/../assets/icon-16px-solid/view-mode-normal.svg"; +import ViewModeOutline from "@/../assets/icon-16px-solid/view-mode-outline.svg"; +import ViewModePixels from "@/../assets/icon-16px-solid/view-mode-pixels.svg"; +import ViewportDesignMode from "@/../assets/icon-16px-solid/viewport-design-mode.svg"; +import ViewportGuideMode from "@/../assets/icon-16px-solid/viewport-guide-mode.svg"; +import ViewportSelectMode from "@/../assets/icon-16px-solid/viewport-select-mode.svg"; +import ZoomIn from "@/../assets/icon-16px-solid/zoom-in.svg"; +import ZoomOut from "@/../assets/icon-16px-solid/zoom-out.svg"; +import ZoomReset from "@/../assets/icon-16px-solid/zoom-reset.svg"; const SOLID_16PX = { AlignBottom: { component: AlignBottom, size: 16 }, @@ -155,16 +155,16 @@ const SOLID_16PX = { } as const; // 16px Two-Tone -import MouseHintDrag from "@/../assets/16px-two-tone/mouse-hint-drag.svg"; -import MouseHintLmbDrag from "@/../assets/16px-two-tone/mouse-hint-lmb-drag.svg"; -import MouseHintLmb from "@/../assets/16px-two-tone/mouse-hint-lmb.svg"; -import MouseHintMmbDrag from "@/../assets/16px-two-tone/mouse-hint-mmb-drag.svg"; -import MouseHintMmb from "@/../assets/16px-two-tone/mouse-hint-mmb.svg"; -import MouseHintNone from "@/../assets/16px-two-tone/mouse-hint-none.svg"; -import MouseHintRmbDrag from "@/../assets/16px-two-tone/mouse-hint-rmb-drag.svg"; -import MouseHintRmb from "@/../assets/16px-two-tone/mouse-hint-rmb.svg"; -import MouseHintScrollDown from "@/../assets/16px-two-tone/mouse-hint-scroll-down.svg"; -import MouseHintScrollUp from "@/../assets/16px-two-tone/mouse-hint-scroll-up.svg"; +import MouseHintDrag from "@/../assets/icon-16px-two-tone/mouse-hint-drag.svg"; +import MouseHintLmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg"; +import MouseHintLmb from "@/../assets/icon-16px-two-tone/mouse-hint-lmb.svg"; +import MouseHintMmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg"; +import MouseHintMmb from "@/../assets/icon-16px-two-tone/mouse-hint-mmb.svg"; +import MouseHintNone from "@/../assets/icon-16px-two-tone/mouse-hint-none.svg"; +import MouseHintRmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg"; +import MouseHintRmb from "@/../assets/icon-16px-two-tone/mouse-hint-rmb.svg"; +import MouseHintScrollDown from "@/../assets/icon-16px-two-tone/mouse-hint-scroll-down.svg"; +import MouseHintScrollUp from "@/../assets/icon-16px-two-tone/mouse-hint-scroll-up.svg"; const TWO_TONE_16PX = { MouseHintDrag: { component: MouseHintDrag, size: 16 }, @@ -180,27 +180,27 @@ const TWO_TONE_16PX = { } as const; // 24px Two-Tone -import GeneralArtboardTool from "@/../assets/24px-two-tone/general-artboard-tool.svg"; -import GeneralEyedropperTool from "@/../assets/24px-two-tone/general-eyedropper-tool.svg"; -import GeneralFillTool from "@/../assets/24px-two-tone/general-fill-tool.svg"; -import GeneralGradientTool from "@/../assets/24px-two-tone/general-gradient-tool.svg"; -import GeneralNavigateTool from "@/../assets/24px-two-tone/general-navigate-tool.svg"; -import GeneralSelectTool from "@/../assets/24px-two-tone/general-select-tool.svg"; -import RasterBrushTool from "@/../assets/24px-two-tone/raster-brush-tool.svg"; -import RasterCloneTool from "@/../assets/24px-two-tone/raster-clone-tool.svg"; -import RasterDetailTool from "@/../assets/24px-two-tone/raster-detail-tool.svg"; -import RasterHealTool from "@/../assets/24px-two-tone/raster-heal-tool.svg"; -import RasterPatchTool from "@/../assets/24px-two-tone/raster-patch-tool.svg"; -import RasterRelightTool from "@/../assets/24px-two-tone/raster-relight-tool.svg"; -import VectorEllipseTool from "@/../assets/24px-two-tone/vector-ellipse-tool.svg"; -import VectorFreehandTool from "@/../assets/24px-two-tone/vector-freehand-tool.svg"; -import VectorLineTool from "@/../assets/24px-two-tone/vector-line-tool.svg"; -import VectorPathTool from "@/../assets/24px-two-tone/vector-path-tool.svg"; -import VectorPenTool from "@/../assets/24px-two-tone/vector-pen-tool.svg"; -import VectorRectangleTool from "@/../assets/24px-two-tone/vector-rectangle-tool.svg"; -import VectorShapeTool from "@/../assets/24px-two-tone/vector-shape-tool.svg"; -import VectorSplineTool from "@/../assets/24px-two-tone/vector-spline-tool.svg"; -import VectorTextTool from "@/../assets/24px-two-tone/vector-text-tool.svg"; +import GeneralArtboardTool from "@/../assets/icon-24px-two-tone/general-artboard-tool.svg"; +import GeneralEyedropperTool from "@/../assets/icon-24px-two-tone/general-eyedropper-tool.svg"; +import GeneralFillTool from "@/../assets/icon-24px-two-tone/general-fill-tool.svg"; +import GeneralGradientTool from "@/../assets/icon-24px-two-tone/general-gradient-tool.svg"; +import GeneralNavigateTool from "@/../assets/icon-24px-two-tone/general-navigate-tool.svg"; +import GeneralSelectTool from "@/../assets/icon-24px-two-tone/general-select-tool.svg"; +import RasterBrushTool from "@/../assets/icon-24px-two-tone/raster-brush-tool.svg"; +import RasterCloneTool from "@/../assets/icon-24px-two-tone/raster-clone-tool.svg"; +import RasterDetailTool from "@/../assets/icon-24px-two-tone/raster-detail-tool.svg"; +import RasterHealTool from "@/../assets/icon-24px-two-tone/raster-heal-tool.svg"; +import RasterPatchTool from "@/../assets/icon-24px-two-tone/raster-patch-tool.svg"; +import RasterRelightTool from "@/../assets/icon-24px-two-tone/raster-relight-tool.svg"; +import VectorEllipseTool from "@/../assets/icon-24px-two-tone/vector-ellipse-tool.svg"; +import VectorFreehandTool from "@/../assets/icon-24px-two-tone/vector-freehand-tool.svg"; +import VectorLineTool from "@/../assets/icon-24px-two-tone/vector-line-tool.svg"; +import VectorPathTool from "@/../assets/icon-24px-two-tone/vector-path-tool.svg"; +import VectorPenTool from "@/../assets/icon-24px-two-tone/vector-pen-tool.svg"; +import VectorRectangleTool from "@/../assets/icon-24px-two-tone/vector-rectangle-tool.svg"; +import VectorShapeTool from "@/../assets/icon-24px-two-tone/vector-shape-tool.svg"; +import VectorSplineTool from "@/../assets/icon-24px-two-tone/vector-spline-tool.svg"; +import VectorTextTool from "@/../assets/icon-24px-two-tone/vector-text-tool.svg"; const TWO_TONE_24PX = { GeneralArtboardTool: { component: GeneralArtboardTool, size: 24 },