♻️ Remove unused icons

This commit is contained in:
Eva Marco 2024-03-07 14:46:18 +01:00 committed by Alonso Torres
parent d0889931b5
commit 4ef2482b02
275 changed files with 116 additions and 1526 deletions

View file

@ -117,7 +117,7 @@
[:? {}
(if (:token query-params)
[:> static/error-container {}
[:div.image i/unchain]
[:div.image i/detach-refactor]
[:div.main-message (tr "viewer.breaking-change.message")]
[:div.desc-message (tr "viewer.breaking-change.description")]]

View file

@ -1,131 +0,0 @@
;; This Source Code Form is subject to the terms of the Mozilla Public
;; License, v. 2.0. If a copy of the MPL was not distributed with this
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
;;
;; Copyright (c) KALEIDOS INC
(ns app.main.ui.components.context-menu
(:require
[app.common.data :as d]
[app.common.data.macros :as dm]
[app.main.refs :as refs]
[app.main.ui.components.dropdown :refer [dropdown']]
[app.main.ui.icons :as i]
[app.util.dom :as dom]
[app.util.i18n :as i18n :refer [tr]]
[app.util.object :as obj]
[goog.object :as gobj]
[rumext.v2 :as mf]))
(mf/defc context-menu
{::mf/wrap-props false}
[props]
(assert (fn? (gobj/get props "on-close")) "missing `on-close` prop")
(assert (boolean? (gobj/get props "show")) "missing `show` prop")
(assert (vector? (gobj/get props "options")) "missing `options` prop")
(let [open? (gobj/get props "show")
on-close (gobj/get props "on-close")
options (gobj/get props "options")
is-selectable (gobj/get props "selectable")
selected (gobj/get props "selected")
top (gobj/get props "top" 0)
left (gobj/get props "left" 0)
fixed? (gobj/get props "fixed?" false)
min-width? (gobj/get props "min-width?" false)
route (mf/deref refs/route)
in-dashboard? (= :dashboard-projects (:name (:data route)))
local (mf/use-state {:offset-y 0
:offset-x 0
:levels nil})
on-local-close
(mf/use-callback
(fn []
(swap! local assoc :levels [{:parent-option nil
:options options}])
(on-close)))
check-menu-offscreen
(mf/use-callback
(mf/deps top (:offset-y @local) left (:offset-x @local))
(fn [node]
(when (some? node)
(let [bounding_rect (dom/get-bounding-rect node)
window_size (dom/get-window-size)
{node-height :height node-width :width} bounding_rect
{window-height :height window-width :width} window_size
target-offset-y (if (> (+ top node-height) window-height)
(- node-height)
0)
target-offset-x (if (> (+ left node-width) window-width)
(- node-width)
0)]
(when (or (not= target-offset-y (:offset-y @local)) (not= target-offset-x (:offset-x @local)))
(swap! local assoc :offset-y target-offset-y :offset-x target-offset-x))))))
enter-submenu
(mf/use-callback
(mf/deps options)
(fn [option-name sub-options]
(fn [event]
(dom/stop-propagation event)
(swap! local update :levels
conj {:parent-option option-name
:options sub-options}))))
exit-submenu
(mf/use-callback
(fn [event]
(dom/stop-propagation event)
(swap! local update :levels pop)))
props (obj/merge props #js {:on-close on-local-close})]
(mf/use-effect
(mf/deps options)
#(swap! local assoc :levels [{:parent-option nil
:options options}]))
(when (and open? (some? (:levels @local)))
[:> dropdown' props
[:div.context-menu {:class (dom/classnames :is-open open?
:fixed fixed?
:is-selectable is-selectable)
:style {:top (+ top (:offset-y @local))
:left (+ left (:offset-x @local))}}
(let [level (-> @local :levels peek)]
[:ul.context-menu-items {:class (dom/classnames :min-width min-width?)
:ref check-menu-offscreen}
(when-let [parent-option (:parent-option level)]
[:*
[:li.context-menu-item
[:a.context-menu-action.submenu-back
{:data-no-close true
:on-click exit-submenu}
[:span i/arrow-slide]
parent-option]]
[:li.separator]])
(for [[index [option-name option-handler sub-options data-test]] (d/enumerate (:options level))]
(when option-name
(if (= option-name :separator)
[:li.separator {:key (dm/str "context-item-" index)}]
[:li.context-menu-item
{:class (dom/classnames :is-selected (and selected (= option-name selected)))
:key (dm/str "context-item-" index)}
(if-not sub-options
[:a.context-menu-action {:on-click #(do (dom/stop-propagation %)
(on-close)
(option-handler %))
:data-test data-test}
(if (and in-dashboard? (= option-name "Default"))
(tr "dashboard.default-team-name")
option-name)]
[:a.context-menu-action.submenu
{:data-no-close true
:on-click (enter-submenu option-name sub-options)
:data-test data-test}
option-name
[:span i/arrow-slide]])])))])]])))

View file

@ -270,7 +270,7 @@
:icon-fill ready?)}
(cond loading? i/loader-pencil
ready? i/logo-icon
import-warn? i/msg-warning
import-warn? i/msg-warning-refactor
import-error? i/close-refactor
import-finish? i/tick-refactor
analyze-error? i/close-refactor)]

View file

@ -46,17 +46,17 @@
(cond
(empty? search-term)
[:div {:class (stl/css :grid-empty-placeholder :search)}
[:div {:class (stl/css :icon)} i/search]
[:div {:class (stl/css :icon)} i/search-refactor]
[:div {:class (stl/css :text)} (tr "dashboard.type-something")]]
(nil? result)
[:div {:class (stl/css :grid-empty-placeholder :search)}
[:div {:class (stl/css :icon)} i/search]
[:div {:class (stl/css :icon)} i/search-refactor]
[:div {:class (stl/css :text)} (tr "dashboard.searching-for" search-term)]]
(empty? result)
[:div {:class (stl/css :grid-empty-placeholder :search)}
[:div {:class (stl/css :icon)} i/search]
[:div {:class (stl/css :icon)} i/search-refactor]
[:div {:class (stl/css :text)} (tr "dashboard.no-matches-for" search-term)]]
:else

View file

@ -42,7 +42,7 @@
color: $df-primary;
}
.icon svg {
fill: $df-secondary;
stroke: $df-secondary;
width: $s-32;
height: $s-32;
}

View file

@ -13,287 +13,44 @@
[rumext.v2 :as mf]))
;; Keep the list of icons sorted
(def ^:icon action (icon-xref :action))
(def ^:icon actions (icon-xref :actions))
(def ^:icon align-bottom (icon-xref :align-bottom))
(def ^:icon align-content-column-around (icon-xref :align-content-column-around))
(def ^:icon align-content-column-evenly (icon-xref :align-content-column-evenly))
(def ^:icon align-content-column-between (icon-xref :align-content-column-between))
(def ^:icon align-content-column-center (icon-xref :align-content-column-center))
(def ^:icon align-content-column-end (icon-xref :align-content-column-end))
(def ^:icon align-content-column-start (icon-xref :align-content-column-start))
(def ^:icon align-content-row-around (icon-xref :align-content-row-around))
(def ^:icon align-content-row-evenly (icon-xref :align-content-row-evenly))
(def ^:icon align-content-row-between (icon-xref :align-content-row-between))
(def ^:icon align-content-row-center (icon-xref :align-content-row-center))
(def ^:icon align-content-row-end (icon-xref :align-content-row-end))
(def ^:icon align-content-row-start (icon-xref :align-content-row-start))
(def ^:icon align-items-column-baseline (icon-xref :align-items-column-baseline))
(def ^:icon align-items-column-center (icon-xref :align-items-column-center))
(def ^:icon align-items-column-end (icon-xref :align-items-column-end))
(def ^:icon align-items-column-start (icon-xref :align-items-column-start))
(def ^:icon align-items-column-strech (icon-xref :align-items-column-strech))
(def ^:icon align-items-row-baseline (icon-xref :align-items-row-baseline))
(def ^:icon align-items-row-center (icon-xref :align-items-row-center))
(def ^:icon align-items-row-end (icon-xref :align-items-row-end))
(def ^:icon align-items-row-start (icon-xref :align-items-row-start))
(def ^:icon align-items-row-strech (icon-xref :align-items-row-strech))
(def ^:icon align-self-column-baseline (icon-xref :align-self-column-baseline))
(def ^:icon align-self-column-center (icon-xref :align-self-column-center))
(def ^:icon align-self-column-top (icon-xref :align-self-column-top))
(def ^:icon align-self-column-bottom (icon-xref :align-self-column-bottom))
(def ^:icon align-self-column-strech (icon-xref :align-self-column-strech))
(def ^:icon align-self-row-baseline (icon-xref :align-self-row-baseline))
(def ^:icon align-self-row-center (icon-xref :align-self-row-center))
(def ^:icon align-self-row-left (icon-xref :align-self-row-left))
(def ^:icon align-self-row-right (icon-xref :align-self-row-right))
(def ^:icon align-self-row-strech (icon-xref :align-self-row-strech))
(def ^:icon align-middle (icon-xref :align-middle))
(def ^:icon align-top (icon-xref :align-top))
(def ^:icon alignment (icon-xref :alignment))
(def ^:icon animate-down (icon-xref :animate-down))
(def ^:icon animate-left (icon-xref :animate-left))
(def ^:icon animate-right (icon-xref :animate-right))
(def ^:icon animate-up (icon-xref :animate-up))
(def ^:icon arrow-down (icon-xref :arrow-down))
(def ^:icon arrow-end (icon-xref :arrow-end))
(def ^:icon arrow-slide (icon-xref :arrow-slide))
(def ^:icon arrow-up (icon-xref :arrow-up))
(def ^:icon artboard (icon-xref :artboard))
(def ^:icon at (icon-xref :at))
(def ^:icon auto-direction (icon-xref :auto-direction))
(def ^:icon auto-fill (icon-xref :auto-fill))
(def ^:icon auto-fix (icon-xref :auto-fix))
(def ^:icon auto-fix-layout (icon-xref :auto-fix-layout))
(def ^:icon auto-gap (icon-xref :auto-gap))
(def ^:icon auto-height (icon-xref :auto-height))
(def ^:icon auto-hug (icon-xref :auto-hug))
(def ^:icon auto-margin-side (icon-xref :auto-margin-side))
(def ^:icon auto-margin-both-sides (icon-xref :auto-margin-both-sides))
(def ^:icon auto-margin (icon-xref :auto-margin))
(def ^:icon auto-padding (icon-xref :auto-padding))
(def ^:icon auto-padding-side (icon-xref :auto-padding-side))
(def ^:icon auto-padding-both-sides (icon-xref :auto-padding-both-sides))
(def ^:icon auto-width (icon-xref :auto-width))
(def ^:icon auto-wrap (icon-xref :auto-wrap))
(def ^:icon bool-difference (icon-xref :boolean-difference))
(def ^:icon bool-exclude (icon-xref :boolean-exclude))
(def ^:icon bool-flatten (icon-xref :boolean-flatten))
(def ^:icon bool-intersection (icon-xref :boolean-intersection))
(def ^:icon bool-union (icon-xref :boolean-union))
(def ^:icon box (icon-xref :box))
(def ^:icon bug (icon-xref :bug))
(def ^:icon chain (icon-xref :chain))
(def ^:icon chat (icon-xref :chat))
(def ^:icon checkbox-checked (icon-xref :checkbox-checked))
(def ^:icon checkbox-unchecked (icon-xref :checkbox-unchecked))
(def ^:icon checkbox-intermediate (icon-xref :checkbox-intermediate))
(def ^:icon circle (icon-xref :circle))
(def ^:icon close (icon-xref :close))
(def ^:icon code (icon-xref :code))
(def ^:icon component (icon-xref :component))
(def ^:icon component-copy (icon-xref :component-copy))
(def ^:icon copy (icon-xref :copy))
(def ^:icon curve (icon-xref :curve))
(def ^:icon cross (icon-xref :cross))
(def ^:icon download (icon-xref :download))
(def ^:icon easing-linear (icon-xref :easing-linear))
(def ^:icon easing-ease (icon-xref :easing-ease))
(def ^:icon easing-ease-in (icon-xref :easing-ease-in))
(def ^:icon easing-ease-out (icon-xref :easing-ease-out))
(def ^:icon easing-ease-in-out (icon-xref :easing-ease-in-out))
(def ^:icon exclude (icon-xref :exclude))
(def ^:icon exit (icon-xref :exit))
(def ^:icon export (icon-xref :export))
(def ^:icon eye (icon-xref :eye))
(def ^:icon eye-closed (icon-xref :eye-closed))
(def ^:icon file-html (icon-xref :file-html))
(def ^:icon file-svg (icon-xref :file-svg))
(def ^:icon fill (icon-xref :fill))
(def ^:icon folder (icon-xref :folder))
(def ^:icon folder-zip (icon-xref :folder-zip))
(def ^:icon full-screen (icon-xref :full-screen))
(def ^:icon full-screen-off (icon-xref :full-screen-off))
(def ^:icon grid (icon-xref :grid))
(def ^:icon grid-justify-content-column-around (icon-xref :grid-justify-content-column-around))
(def ^:icon grid-justify-content-column-between (icon-xref :grid-justify-content-column-between))
(def ^:icon grid-justify-content-column-center (icon-xref :grid-justify-content-column-center))
(def ^:icon grid-justify-content-column-end (icon-xref :grid-justify-content-column-end))
(def ^:icon grid-justify-content-column-start (icon-xref :grid-justify-content-column-start))
(def ^:icon grid-justify-content-row-around (icon-xref :grid-justify-content-row-around))
(def ^:icon grid-justify-content-row-between (icon-xref :grid-justify-content-row-between))
(def ^:icon grid-justify-content-row-center (icon-xref :grid-justify-content-row-center))
(def ^:icon grid-justify-content-row-end (icon-xref :grid-justify-content-row-end))
(def ^:icon grid-justify-content-row-start (icon-xref :grid-justify-content-row-start))
(def ^:icon grid-layout-mode (icon-xref :grid-layout-mode))
(def ^:icon grid-snap (icon-xref :grid-snap))
(def ^:icon go-next (icon-xref :go-next))
(def ^:icon go-prev (icon-xref :go-prev))
(def ^:icon help (icon-xref :help))
(def ^:icon icon-empty (icon-xref :icon-empty))
(def ^:icon icon-filter (icon-xref :filter))
(def ^:icon icon-list (icon-xref :icon-list))
(def ^:icon icon-lock (icon-xref :icon-lock))
(def ^:icon icon-set (icon-xref :icon-set))
(def ^:icon icon-verify (icon-xref :icon-verify))
(def ^:icon image (icon-xref :image))
(def ^:icon import (icon-xref :import))
(def ^:icon infocard (icon-xref :infocard))
(def ^:icon interaction (icon-xref :interaction))
(def ^:icon justify-content-column-around (icon-xref :justify-content-column-around))
(def ^:icon justify-content-column-evenly (icon-xref :justify-content-column-evenly))
(def ^:icon justify-content-column-between (icon-xref :justify-content-column-between))
(def ^:icon justify-content-column-center (icon-xref :justify-content-column-center))
(def ^:icon justify-content-column-end (icon-xref :justify-content-column-end))
(def ^:icon justify-content-column-start (icon-xref :justify-content-column-start))
(def ^:icon justify-content-row-around (icon-xref :justify-content-row-around))
(def ^:icon justify-content-row-evenly (icon-xref :justify-content-row-evenly))
(def ^:icon justify-content-row-between (icon-xref :justify-content-row-between))
(def ^:icon justify-content-row-center (icon-xref :justify-content-row-center))
(def ^:icon justify-content-row-end (icon-xref :justify-content-row-end))
(def ^:icon justify-content-row-start (icon-xref :justify-content-row-start))
(def ^:icon icon-key (icon-xref :icon-key))
(def ^:icon layers (icon-xref :layers))
(def ^:icon layout-columns (icon-xref :layout-columns))
(def ^:icon layout-rows (icon-xref :layout-rows))
(def ^:icon letter-spacing (icon-xref :letter-spacing))
(def ^:icon libraries (icon-xref :libraries))
(def ^:icon library (icon-xref :library))
(def ^:icon line (icon-xref :line))
(def ^:icon line-height (icon-xref :line-height))
(def ^:icon listing-enum (icon-xref :listing-enum))
(def ^:icon listing-thumbs (icon-xref :listing-thumbs))
(def ^:icon loader (icon-xref :loader))
(def ^:icon lock (icon-xref :lock))
(def ^:icon logo (icon-xref :penpot-logo))
(def ^:icon logo-icon (icon-xref :penpot-logo-icon))
(def ^:icon logo-error-screen (icon-xref :logo-error-screen))
(def ^:icon logout (icon-xref :logout))
(def ^:icon login-illustration (icon-xref :login-illustration))
(def ^:icon lowercase (icon-xref :lowercase))
(def ^:icon mail (icon-xref :mail))
(def ^:icon mask (icon-xref :mask))
(def ^:icon minus (icon-xref :minus))
(def ^:icon move (icon-xref :move))
(def ^:icon msg-error (icon-xref :msg-error))
(def ^:icon msg-info (icon-xref :msg-info))
(def ^:icon msg-success (icon-xref :msg-success))
(def ^:icon msg-warning (icon-xref :msg-warning))
(def ^:icon navigate (icon-xref :navigate))
(def ^:icon nodes-add (icon-xref :nodes-add))
(def ^:icon nodes-corner (icon-xref :nodes-corner))
(def ^:icon nodes-curve (icon-xref :nodes-curve))
(def ^:icon nodes-join (icon-xref :nodes-join))
(def ^:icon nodes-merge (icon-xref :nodes-merge))
(def ^:icon nodes-remove (icon-xref :nodes-remove))
(def ^:icon nodes-separate (icon-xref :nodes-separate))
(def ^:icon nodes-snap (icon-xref :nodes-snap))
(def ^:icon organize (icon-xref :organize))
(def ^:icon palette (icon-xref :palette))
(def ^:icon pen (icon-xref :pen))
(def ^:icon pencil (icon-xref :pencil))
(def ^:icon picker (icon-xref :picker))
(def ^:icon picker-harmony (icon-xref :picker-harmony))
(def ^:icon picker-hsv (icon-xref :picker-hsv))
(def ^:icon picker-ramp (icon-xref :picker-ramp))
(def ^:icon pin (icon-xref :pin))
(def ^:icon pin-fill (icon-xref :pin-fill))
(def ^:icon play (icon-xref :play))
(def ^:icon plus (icon-xref :plus))
(def ^:icon pointer-inner (icon-xref :pointer-inner))
(def ^:icon position-absolute (icon-xref :position-absolute))
(def ^:icon position-bottom-center (icon-xref :position-bottom-center))
(def ^:icon position-bottom-left (icon-xref :position-bottom-left))
(def ^:icon position-bottom-right (icon-xref :position-bottom-right))
(def ^:icon position-center (icon-xref :position-center))
(def ^:icon position-top-center (icon-xref :position-top-center))
(def ^:icon position-top-left (icon-xref :position-top-left))
(def ^:icon position-top-right (icon-xref :position-top-right))
(def ^:icon radius (icon-xref :radius))
(def ^:icon radius-1 (icon-xref :radius-1))
(def ^:icon radius-4 (icon-xref :radius-4))
(def ^:icon recent (icon-xref :recent))
(def ^:icon redo (icon-xref :redo))
(def ^:icon reset (icon-xref :reset))
(def ^:icon rotate (icon-xref :rotate))
(def ^:icon ruler (icon-xref :ruler))
(def ^:icon ruler-tool (icon-xref :ruler-tool))
(def ^:icon search (icon-xref :search))
(def ^:icon set-thumbnail (icon-xref :set-thumbnail))
(def ^:icon shape-halign-center (icon-xref :shape-halign-center))
(def ^:icon shape-halign-left (icon-xref :shape-halign-left))
(def ^:icon shape-halign-right (icon-xref :shape-halign-right))
(def ^:icon shape-hdistribute (icon-xref :shape-hdistribute))
(def ^:icon shape-valign-bottom (icon-xref :shape-valign-bottom))
(def ^:icon shape-valign-center (icon-xref :shape-valign-center))
(def ^:icon shape-valign-top (icon-xref :shape-valign-top))
(def ^:icon shape-vdistribute (icon-xref :shape-vdistribute))
(def ^:icon shortcut (icon-xref :shortcut))
(def ^:icon size-horiz (icon-xref :size-horiz))
(def ^:icon size-vert (icon-xref :size-vert))
(def ^:icon sort-ascending (icon-xref :sort-ascending))
(def ^:icon sort-descending (icon-xref :sort-descending))
(def ^:icon space-around (icon-xref :space-around))
(def ^:icon space-between (icon-xref :space-between))
(def ^:icon strikethrough (icon-xref :strikethrough))
(def ^:icon stroke (icon-xref :stroke))
(def ^:icon switch (icon-xref :switch))
(def ^:icon text (icon-xref :text))
(def ^:icon text-align-center (icon-xref :text-align-center))
(def ^:icon text-align-justify (icon-xref :text-align-justify))
(def ^:icon text-align-left (icon-xref :text-align-left))
(def ^:icon text-align-right (icon-xref :text-align-right))
(def ^:icon text-direction-ltr (icon-xref :text-direction-ltr))
(def ^:icon text-direction-rtl (icon-xref :text-direction-rtl))
(def ^:icon tick (icon-xref :tick))
(def ^:icon titlecase (icon-xref :titlecase))
(def ^:icon toggle (icon-xref :toggle))
(def ^:icon trash (icon-xref :trash))
(def ^:icon tree (icon-xref :tree))
(def ^:icon unchain (icon-xref :unchain))
(def ^:icon underline (icon-xref :underline))
(def ^:icon undo (icon-xref :undo))
(def ^:icon ungroup (icon-xref :ungroup))
(def ^:icon unlock (icon-xref :unlock))
(def ^:icon uppercase (icon-xref :uppercase))
(def ^:icon user (icon-xref :user))
(def ^:icon brand-openid (icon-xref :brand-openid))
(def ^:icon brand-github (icon-xref :brand-github))
(def ^:icon brand-gitlab (icon-xref :brand-gitlab))
(def ^:icon brand-google (icon-xref :brand-google))
(def ^:icon add-refactor (icon-xref :add-refactor))
(def ^:icon arrow-refactor (icon-xref :arrow-refactor))
(def ^:icon asc-sort-refactor (icon-xref :asc-sort-refactor))
(def ^:icon absolute-refactor (icon-xref :absolute-refactor))
(def ^:icon align-bottom-refactor (icon-xref :align-bottom-refactor))
(def ^:icon align-content-row-center-refactor (icon-xref :align-content-row-center-refactor))
(def ^:icon align-content-column-around-refactor (icon-xref :align-content-column-around-refactor))
(def ^:icon align-content-column-between-refactor (icon-xref :align-content-column-between-refactor))
(def ^:icon align-content-column-center-refactor (icon-xref :align-content-column-center-refactor))
(def ^:icon align-content-column-evenly-refactor (icon-xref :align-content-column-evenly-refactor))
(def ^:icon align-content-column-start-refactor (icon-xref :align-content-column-start-refactor))
(def ^:icon align-content-column-end-refactor (icon-xref :align-content-column-end-refactor))
(def ^:icon align-content-column-stretch-refactor (icon-xref :align-content-column-stretch-refactor))
(def ^:icon align-content-row-end-refactor (icon-xref :align-content-row-end-refactor))
(def ^:icon align-content-row-around-refactor (icon-xref :align-content-row-around-refactor))
(def ^:icon align-content-row-between-refactor (icon-xref :align-content-row-between-refactor))
(def ^:icon align-content-row-evenly-refactor (icon-xref :align-content-row-evenly-refactor))
(def ^:icon align-content-row-start-refactor (icon-xref :align-content-row-start-refactor))
(def ^:icon align-content-row-stretch-refactor (icon-xref :align-content-row-stretch-refactor))
(def ^:icon align-horizontal-center-refactor (icon-xref :align-horizontal-center-refactor))
(def ^:icon align-vertical-center-refactor (icon-xref :align-vertical-center-refactor))
(def ^:icon absolute-refactor (icon-xref :absolute))
(def ^:icon add-refactor (icon-xref :add))
(def ^:icon align-bottom-refactor (icon-xref :align-bottom))
(def ^:icon align-content-column-around-refactor (icon-xref :align-content-column-around))
(def ^:icon align-content-column-between-refactor (icon-xref :align-content-column-between))
(def ^:icon align-content-column-center-refactor (icon-xref :align-content-column-center))
(def ^:icon align-content-column-end-refactor (icon-xref :align-content-column-end))
(def ^:icon align-content-column-evenly-refactor (icon-xref :align-content-column-evenly))
(def ^:icon align-content-column-start-refactor (icon-xref :align-content-column-start))
(def ^:icon align-content-column-stretch-refactor (icon-xref :align-content-column-stretch))
(def ^:icon align-content-row-around-refactor (icon-xref :align-content-row-around))
(def ^:icon align-content-row-between-refactor (icon-xref :align-content-row-between))
(def ^:icon align-content-row-center-refactor (icon-xref :align-content-row-center))
(def ^:icon align-content-row-end-refactor (icon-xref :align-content-row-end))
(def ^:icon align-content-row-evenly-refactor (icon-xref :align-content-row-evenly))
(def ^:icon align-content-row-start-refactor (icon-xref :align-content-row-start))
(def ^:icon align-content-row-stretch-refactor (icon-xref :align-content-row-stretch))
(def ^:icon align-horizontal-center-refactor (icon-xref :align-horizontal-center))
(def ^:icon align-items-row-center-refactor (icon-xref :align-items-row-center-refactor))
(def ^:icon align-items-row-end-refactor (icon-xref :align-items-row-end-refactor))
(def ^:icon align-items-row-start-refactor (icon-xref :align-items-row-start-refactor))
(def ^:icon align-items-column-center-refactor (icon-xref :align-items-column-center))
(def ^:icon align-items-column-start-refactor (icon-xref :align-items-column-start-refactor))
(def ^:icon align-items-column-end-refactor (icon-xref :align-items-column-end-refactor))
(def ^:icon align-items-column-center-refactor (icon-xref :align-items-column-center-refactor))
(def ^:icon align-left-refactor (icon-xref :align-left-refactor))
(def ^:icon align-right-refactor (icon-xref :align-right-refactor))
(def ^:icon align-top-refactor (icon-xref :align-top-refactor))
(def ^:icon align-self-column-bottom-refactor (icon-xref :align-self-column-bottom-refactor))
(def ^:icon align-self-column-center-refactor (icon-xref :align-self-column-center-refactor))
(def ^:icon align-self-column-top-refactor (icon-xref :align-self-column-top-refactor))
@ -302,6 +59,10 @@
(def ^:icon align-self-row-right-refactor (icon-xref :align-self-row-right-refactor))
(def ^:icon align-self-column-stretch-refactor (icon-xref :align-self-column-stretch-refactor))
(def ^:icon align-self-row-stretch-refactor (icon-xref :align-self-row-stretch-refactor))
(def ^:icon align-top-refactor (icon-xref :align-top-refactor))
(def ^:icon align-vertical-center-refactor (icon-xref :align-vertical-center-refactor))
(def ^:icon arrow-refactor (icon-xref :arrow-refactor))
(def ^:icon asc-sort-refactor (icon-xref :asc-sort-refactor))
(def ^:icon board-refactor (icon-xref :board-refactor))
(def ^:icon boards-thumbnail-refactor (icon-xref :boards-thumbnail-refactor))
(def ^:icon boolean-difference-refactor (icon-xref :boolean-difference-refactor))
@ -315,37 +76,37 @@
(def ^:icon close-refactor (icon-xref :close-refactor))
(def ^:icon close-small-refactor (icon-xref :close-small-refactor))
(def ^:icon code-refactor (icon-xref :code-refactor))
(def ^:icon component-refactor (icon-xref :component-refactor))
(def ^:icon comments-refactor (icon-xref :comments-refactor))
(def ^:icon copy-refactor (icon-xref :copy-refactor))
(def ^:icon column-refactor (icon-xref :column-refactor))
(def ^:icon column-reverse-refactor (icon-xref :column-reverse-refactor))
(def ^:icon comments-refactor (icon-xref :comments-refactor))
(def ^:icon component-refactor (icon-xref :component-refactor))
(def ^:icon constraint-horizontal-refactor (icon-xref :constraint-horizontal-refactor))
(def ^:icon constraint-vertical-refactor (icon-xref :constraint-vertical-refactor))
(def ^:icon copy-refactor (icon-xref :copy-refactor))
(def ^:icon corner-bottom-refactor (icon-xref :corner-bottom-refactor))
(def ^:icon corner-bottomleft-refactor (icon-xref :corner-bottomleft-refactor))
(def ^:icon corner-bottomright-refactor (icon-xref :corner-bottom-refactor))
(def ^:icon corner-center-refactor (icon-xref :corner-center-refactor))
(def ^:icon corner-radius-refactor (icon-xref :corner-radius-refactor))
(def ^:icon corner-top-refactor (icon-xref :corner-top-refactor))
(def ^:icon corner-topleft-refactor (icon-xref :corner-topleft-refactor))
(def ^:icon corner-topright-refactor (icon-xref :corner-topright-refactor))
(def ^:icon corner-radius-refactor (icon-xref :corner-radius-refactor))
(def ^:icon curve-refactor (icon-xref :curve-refactor))
(def ^:icon distribute-vertical-spacing-refactor (icon-xref :distribute-vertical-spacing-refactor))
(def ^:icon distribute-horizontally-refactor (icon-xref :distribute-horizontally-refactor))
(def ^:icon delete-refactor (icon-xref :delete-refactor))
(def ^:icon delete-text-refactor (icon-xref :delete-text-refactor))
(def ^:icon desc-sort-refactor (icon-xref :desc-sort-refactor))
(def ^:icon detach-refactor (icon-xref :detach-refactor))
(def ^:icon detached-refactor (icon-xref :detached-refactor))
(def ^:icon distribute-horizontally-refactor (icon-xref :distribute-horizontally-refactor))
(def ^:icon distribute-vertical-spacing-refactor (icon-xref :distribute-vertical-spacing-refactor))
(def ^:icon document-refactor (icon-xref :document-refactor))
(def ^:icon download-refactor (icon-xref :download-refactor))
(def ^:icon drop-refactor (icon-xref :drop-refactor))
(def ^:icon easing-linear-refactor (icon-xref :easing-linear-refactor))
(def ^:icon easing-ease-refactor (icon-xref :easing-ease-refactor))
(def ^:icon easing-ease-in-out-refactor (icon-xref :easing-ease-in-out-refactor))
(def ^:icon easing-ease-in-refactor (icon-xref :easing-ease-in-refactor))
(def ^:icon easing-ease-out-refactor (icon-xref :easing-ease-out-refactor))
(def ^:icon easing-ease-in-out-refactor (icon-xref :easing-ease-in-out-refactor))
(def ^:icon easing-ease-refactor (icon-xref :easing-ease-refactor))
(def ^:icon easing-linear-refactor (icon-xref :easing-linear-refactor))
(def ^:icon effects-refactor (icon-xref :effects-refactor))
(def ^:icon elipse-refactor (icon-xref :elipse-refactor))
(def ^:icon exit-refactor (icon-xref :exit-refactor))
@ -354,30 +115,33 @@
(def ^:icon fill-content-refactor (icon-xref :fill-content-refactor))
(def ^:icon filter-refactor (icon-xref :filter-refactor))
(def ^:icon fixed-width-refactor (icon-xref :fixed-width-refactor))
(def ^:icon flex-refactor (icon-xref :flex-refactor))
(def ^:icon flex-horizontal-refactor (icon-xref :flex-horizontal-refactor))
(def ^:icon flex-grid-refactor (icon-xref :flex-grid-refactor))
(def ^:icon flex-horizontal-refactor (icon-xref :flex-horizontal-refactor))
(def ^:icon flex-refactor (icon-xref :flex-refactor))
(def ^:icon flex-vertical-refactor (icon-xref :flex-vertical-refactor))
(def ^:icon flip-horizontal-refactor (icon-xref :flip-horizontal-refactor))
(def ^:icon flip-vertical-refactor (icon-xref :flip-vertical-refactor))
(def ^:icon gap-horizontal-refactor (icon-xref :gap-horizontal-refactor))
(def ^:icon gap-vertical-refactor (icon-xref :gap-vertical-refactor))
(def ^:icon grid-column-refactor (icon-xref :grid-column-refactor))
(def ^:icon grid-columns-refactor (icon-xref :grid-columns-refactor))
(def ^:icon grid-gutter-refactor (icon-xref :grid-gutter-refactor))
(def ^:icon grid-margin-refactor (icon-xref :grid-margin-refactor))
(def ^:icon grid-refactor (icon-xref :grid-refactor))
(def ^:icon grid-row-refactor (icon-xref :grid-row-refactor))
(def ^:icon grid-rows-refactor (icon-xref :grid-rows-refactor))
(def ^:icon grid-square-refactor (icon-xref :grid-square-refactor))
(def ^:icon grid-refactor (icon-xref :grid-refactor))
(def ^:icon group-refactor (icon-xref :group-refactor))
(def ^:icon gutter-horizontal-refactor (icon-xref :gutter-horizontal-refactor))
(def ^:icon gutter-vertical-refactor (icon-xref :gutter-vertical-refactor))
(def ^:icon graphics-refactor (icon-xref :graphics-refactor))
(def ^:icon gap-horizontal-refactor (icon-xref :gap-horizontal-refactor))
(def ^:icon gap-vertical-refactor (icon-xref :gap-vertical-refactor))
(def ^:icon help-refactor (icon-xref :help-refactor))
(def ^:icon hide-refactor (icon-xref :hide-refactor))
(def ^:icon history-refactor (icon-xref :history-refactor))
(def ^:icon hsva-refactor (icon-xref :hsva-refactor))
(def ^:icon hug-content-refactor (icon-xref :hug-content-refactor))
(def ^:icon img-refactor (icon-xref :img-refactor))
(def ^:icon icon-refactor (icon-xref :icon-refactor))
(def ^:icon img-refactor (icon-xref :img-refactor))
(def ^:icon interaction-refactor (icon-xref :interaction-refactor))
(def ^:icon join-nodes-refactor (icon-xref :join-nodes-refactor))
(def ^:icon justify-content-column-around-refactor (icon-xref :justify-content-column-around-refactor))
@ -393,17 +157,17 @@
(def ^:icon justify-content-row-around-refactor (icon-xref :justify-content-row-around-refactor))
(def ^:icon justify-content-row-evenly-refactor (icon-xref :justify-content-row-evenly-refactor))
(def ^:icon layers-refactor (icon-xref :layers-refactor))
(def ^:icon locate-refactor (icon-xref :locate-refactor))
(def ^:icon lock-refactor (icon-xref :lock-refactor))
(def ^:icon logo-refactor (icon-xref :penpot-logo-icon)) ;; This icon will not change
(def ^:icon library-refactor (icon-xref :library-refactor))
(def ^:icon locate-refactor (icon-xref :locate-refactor))
(def ^:icon lock-refactor (icon-xref :lock-refactor)) ;; This icon will not change
(def ^:icon logo-refactor (icon-xref :penpot-logo-icon))
(def ^:icon margin-bottom-refactor (icon-xref :margin-bottom-refactor))
(def ^:icon margin-left-refactor (icon-xref :margin-left-refactor))
(def ^:icon margin-left-right-refactor (icon-xref :margin-left-right-refactor))
(def ^:icon margin-refactor (icon-xref :margin-refactor))
(def ^:icon margin-right-refactor (icon-xref :margin-right-refactor))
(def ^:icon margin-top-refactor (icon-xref :margin-top-refactor))
(def ^:icon margin-top-bottom-refactor (icon-xref :margin-top-bottom-refactor))
(def ^:icon margin-top-refactor (icon-xref :margin-top-refactor))
(def ^:icon mask-refactor (icon-xref :mask-refactor))
(def ^:icon masked-refactor (icon-xref :masked-refactor))
(def ^:icon menu-refactor (icon-xref :menu-refactor))
@ -415,12 +179,12 @@
(def ^:icon move-refactor (icon-xref :move-refactor))
(def ^:icon open-link-refactor (icon-xref :open-link-refactor))
(def ^:icon padding-bottom-refactor (icon-xref :padding-bottom-refactor))
(def ^:icon padding-top-refactor (icon-xref :padding-top-refactor))
(def ^:icon padding-top-bottom-refactor (icon-xref :padding-top-bottom-refactor))
(def ^:icon padding-extended-refactor (icon-xref :padding-extended-refactor))
(def ^:icon padding-left-refactor (icon-xref :padding-left-refactor))
(def ^:icon padding-left-right-refactor (icon-xref :padding-left-right-refactor))
(def ^:icon padding-right-refactor (icon-xref :padding-right-refactor))
(def ^:icon padding-extended-refactor (icon-xref :padding-extended-refactor))
(def ^:icon padding-top-bottom-refactor (icon-xref :padding-top-bottom-refactor))
(def ^:icon padding-top-refactor (icon-xref :padding-top-refactor))
(def ^:icon path-refactor (icon-xref :path-refactor))
(def ^:icon pentool-refactor (icon-xref :pentool-refactor))
(def ^:icon picker-refactor (icon-xref :picker-refactor))
@ -429,28 +193,29 @@
(def ^:icon rectangle-refactor (icon-xref :rectangle-refactor))
(def ^:icon reload-refactor (icon-xref :reload-refactor))
(def ^:icon remove-refactor (icon-xref :remove-refactor))
(def ^:icon rgba-refactor (icon-xref :rgba-refactor))
(def ^:icon rgba-complementary-refactor (icon-xref :rgba-complementary-refactor))
(def ^:icon rgba-refactor (icon-xref :rgba-refactor))
(def ^:icon rotation-refactor (icon-xref :rotation-refactor))
(def ^:icon row-refactor (icon-xref :row-refactor))
(def ^:icon row-reverse-refactor (icon-xref :row-reverse-refactor))
(def ^:icon search-refactor (icon-xref :search-refactor))
(def ^:icon separate-nodes-refactor (icon-xref :separate-nodes-refactor))
(def ^:icon shown-refactor (icon-xref :shown-refactor))
(def ^:icon size-horizontal-refactor (icon-xref :size-horizontal-refactor))
(def ^:icon size-vertical-refactor (icon-xref :size-vertical-refactor))
(def ^:icon shown-refactor (icon-xref :shown-refactor))
(def ^:icon snap-nodes-refactor (icon-xref :snap-nodes-refactor))
(def ^:icon status-alert-refactor (icon-xref :status-alert-refactor))
(def ^:icon status-update-refactor (icon-xref :status-update-refactor))
(def ^:icon status-tick-refactor (icon-xref :status-tick-refactor))
(def ^:icon status-update-refactor (icon-xref :status-update-refactor))
(def ^:icon status-wrong-refactor (icon-xref :status-wrong-refactor))
(def ^:icon stroke-arrow-refactor (icon-xref :stroke-arrow-refactor))
(def ^:icon stroke-circle-refactor (icon-xref :stroke-circle-refactor))
(def ^:icon stroke-diamond-refactor (icon-xref :stroke-diamond-refactor))
(def ^:icon stroke-rectangle-refactor (icon-xref :stroke-rectangle-refactor))
(def ^:icon stroke-rounded-refactor (icon-xref :stroke-rounded-refactor))
(def ^:icon stroke-size-refactor (icon-xref :stroke-size-refactor))
(def ^:icon stroke-squared-refactor (icon-xref :stroke-squared-refactor))
(def ^:icon stroke-triangle-refactor (icon-xref :stroke-triangle-refactor))
(def ^:icon stroke-size-refactor (icon-xref :stroke-size-refactor))
(def ^:icon svg-refactor (icon-xref :svg-refactor))
(def ^:icon swatches-refactor (icon-xref :swatches-refactor))
(def ^:icon switch-refactor (icon-xref :switch-refactor))
@ -459,42 +224,36 @@
(def ^:icon text-align-right-refactor (icon-xref :text-align-right-refactor))
(def ^:icon text-auto-height-refactor (icon-xref :text-auto-height-refactor))
(def ^:icon text-auto-width-refactor (icon-xref :text-auto-width-refactor))
(def ^:icon text-bottom-refactor (icon-xref :text-bottom-refactor))
(def ^:icon text-fixed-refactor (icon-xref :text-fixed-refactor))
(def ^:icon text-justify-refactor (icon-xref :text-justify-refactor))
(def ^:icon text-letterspacing-refactor (icon-xref :text-letterspacing-refactor))
(def ^:icon text-lineheight-refactor (icon-xref :text-lineheight-refactor))
(def ^:icon text-lowercase-refactor (icon-xref :text-lowercase-refactor))
(def ^:icon text-ltr-refactor (icon-xref :text-ltr-refactor))
(def ^:icon text-middle-refactor (icon-xref :text-middle-refactor))
(def ^:icon text-mixed-refactor (icon-xref :text-mixed-refactor))
(def ^:icon text-palette-refactor (icon-xref :text-palette-refactor))
(def ^:icon text-paragraph-refactor (icon-xref :text-paragraph-refactor))
(def ^:icon text-refactor (icon-xref :text-refactor))
(def ^:icon text-bottom-refactor (icon-xref :text-bottom-refactor))
(def ^:icon text-ltr-refactor (icon-xref :text-ltr-refactor))
(def ^:icon text-rtl-refactor (icon-xref :text-rtl-refactor))
(def ^:icon text-middle-refactor (icon-xref :text-middle-refactor))
(def ^:icon text-mixed-refactor (icon-xref :text-mixed-refactor))
(def ^:icon text-stroked-refactor (icon-xref :text-stroked-refactor))
(def ^:icon text-top-refactor (icon-xref :text-top-refactor))
(def ^:icon text-underlined-refactor (icon-xref :text-underlined-refactor))
(def ^:icon text-uppercase-refactor (icon-xref :text-uppercase-refactor))
(def ^:icon thumbnail-refactor (icon-xref :thumbnail-refactor))
(def ^:icon tick-refactor (icon-xref :tick-refactor))
(def ^:icon tree-refactor (icon-xref :tree-refactor))
(def ^:icon to-corner-refactor (icon-xref :to-corner-refactor))
(def ^:icon to-curve-refactor (icon-xref :to-curve-refactor))
(def ^:icon tree-refactor (icon-xref :tree-refactor))
(def ^:icon unlock-refactor (icon-xref :unlock-refactor))
(def ^:icon user-refactor (icon-xref :user-refactor))
(def ^:icon vertical-align-items-center-refactor (icon-xref :vertical-align-items-center-refactor))
(def ^:icon vertical-align-items-end-refactor (icon-xref :vertical-align-items-end-refactor))
(def ^:icon vertical-align-items-start-refactor (icon-xref :vertical-align-items-start-refactor))
(def ^:icon view-as-icons-refactor (icon-xref :view-as-icons-refactor))
(def ^:icon wrap-refactor (icon-xref :wrap-refactor))
(def ^:icon view-as-list-refactor (icon-xref :view-as-list-refactor))
(def ^:icon cap-line-arrow (icon-xref :cap-line-arrow))
(def ^:icon cap-triangle-arrow (icon-xref :cap-triangle-arrow))
(def ^:icon cap-square-marker (icon-xref :cap-square-marker))
(def ^:icon cap-circle-marker (icon-xref :cap-circle-marker))
(def ^:icon cap-diamond-marker (icon-xref :cap-diamond-marker))
(def ^:icon cap-round (icon-xref :cap-round))
(def ^:icon cap-square (icon-xref :cap-square))
(def ^:icon wrap-refactor (icon-xref :wrap-refactor))
(def ^:icon v2-icon-1 (icon-xref :v2-icon-1))
(def ^:icon v2-icon-2 (icon-xref :v2-icon-2))

View file

@ -71,7 +71,7 @@
[:div.modal-header
[:div.modal-close-button
{:on-click close-fn
:data-test "close-templates-btn"} i/close]]
:data-test "close-templates-btn"} i/close-refactor]]
[:div.modal-content
[:h3 (tr "onboarding.templates.title")]

View file

@ -69,15 +69,11 @@
(case val
:start i/align-items-column-start-refactor
:end i/align-items-column-end-refactor
:center i/align-items-column-center-refactor
:stretch i/align-items-column-strech
:baseline i/align-items-column-baseline)
(case val ;; TODO Check strech and baseline icons
:center i/align-items-column-center-refactor)
(case val
:start i/align-items-row-start-refactor
:end i/align-items-row-end-refactor
:center i/align-items-row-center-refactor
:stretch i/align-items-row-strech
:baseline i/align-items-row-baseline))
:center i/align-items-row-center-refactor))
:justify-content
(if column?
@ -122,16 +118,12 @@
:auto i/remove-refactor
:start i/align-self-row-left-refactor
:end i/align-self-row-right-refactor
:center i/align-self-row-center-refactor
:stretch i/align-self-row-strech
:baseline i/align-self-row-baseline)
:center i/align-self-row-center-refactor)
(case val
:auto i/remove-refactor
:start i/align-self-column-top-refactor
:end i/align-self-column-bottom-refactor
:center i/align-self-column-center-refactor
:stretch i/align-self-column-strech
:baseline i/align-self-column-baseline))))
:center i/align-self-column-center-refactor))))
(defn get-layout-grid-icon
[type val ^boolean column?]
@ -142,16 +134,12 @@
:auto i/remove-refactor
:start i/align-self-row-left-refactor
:end i/align-self-row-right-refactor
:center i/align-self-row-center-refactor
:stretch i/align-self-row-strech
:baseline i/align-self-row-baseline)
:center i/align-self-row-center-refactor)
(case val
:auto i/remove-refactor
:start i/align-self-column-top-refactor
:end i/align-self-column-bottom-refactor
:center i/align-self-column-center-refactor
:stretch i/align-self-column-strech
:baseline i/align-self-column-baseline))
:center i/align-self-column-center-refactor))
:justify-items
(if (not column?)