mirror of
https://github.com/penpot/penpot.git
synced 2025-05-28 22:06:13 +02:00
🎉 Add new gradients UI
This commit is contained in:
parent
bc250c962d
commit
838c1324b9
21 changed files with 1490 additions and 281 deletions
|
@ -15,6 +15,7 @@
|
|||
(def ^:private schema:icon-button
|
||||
[:map
|
||||
[:class {:optional true} :string]
|
||||
[:icon-class {:optional true} :string]
|
||||
[:icon
|
||||
[:and :string [:fn #(contains? icon-list %)]]]
|
||||
[:aria-label :string]
|
||||
|
@ -24,7 +25,7 @@
|
|||
(mf/defc icon-button*
|
||||
{::mf/props :obj
|
||||
::mf/schema schema:icon-button}
|
||||
[{:keys [class icon variant aria-label children] :rest props}]
|
||||
[{:keys [class icon icon-class variant aria-label children] :rest props}]
|
||||
(let [variant (or variant "primary")
|
||||
class (dm/str class " " (stl/css-case :icon-button true
|
||||
:icon-button-primary (= variant "primary")
|
||||
|
@ -33,4 +34,4 @@
|
|||
:icon-button-action (= variant "action")
|
||||
:icon-button-destructive (= variant "destructive")))
|
||||
props (mf/spread-props props {:class class :title aria-label})]
|
||||
[:> "button" props [:> icon* {:id icon :aria-label aria-label}] children]))
|
||||
[:> "button" props [:> icon* {:id icon :aria-label aria-label :class icon-class}] children]))
|
||||
|
|
|
@ -50,10 +50,10 @@
|
|||
(def ^:icon-id align-top "align-top")
|
||||
(def ^:icon-id align-vertical-center "align-vertical-center")
|
||||
(def ^:icon-id arrow "arrow")
|
||||
(def ^:icon-id arrow-up "arrow-up")
|
||||
(def ^:icon-id arrow-down "arrow-down")
|
||||
(def ^:icon-id arrow-left "arrow-left")
|
||||
(def ^:icon-id arrow-right "arrow-right")
|
||||
(def ^:icon-id arrow-up "arrow-up")
|
||||
(def ^:icon-id asc-sort "asc-sort")
|
||||
(def ^:icon-id board "board")
|
||||
(def ^:icon-id boards-thumbnail "boards-thumbnail")
|
||||
|
@ -93,27 +93,27 @@
|
|||
(def ^:icon-id clip-content "clip-content")
|
||||
(def ^:icon-id clipboard "clipboard")
|
||||
(def ^:icon-id clock "clock")
|
||||
(def ^:icon-id close-small "close-small")
|
||||
(def ^:icon-id close "close")
|
||||
(def ^:icon-id close-small "close-small")
|
||||
(def ^:icon-id code "code")
|
||||
(def ^:icon-id column-reverse "column-reverse")
|
||||
(def ^:icon-id column "column")
|
||||
(def ^:icon-id column-reverse "column-reverse")
|
||||
(def ^:icon-id comments "comments")
|
||||
(def ^:icon-id component-copy "component-copy")
|
||||
(def ^:icon-id component "component")
|
||||
(def ^:icon-id component-copy "component-copy")
|
||||
(def ^:icon-id constraint-horizontal "constraint-horizontal")
|
||||
(def ^:icon-id constraint-vertical "constraint-vertical")
|
||||
(def ^:icon-id corner-bottom "corner-bottom")
|
||||
(def ^:icon-id corner-bottom-left "corner-bottom-left")
|
||||
(def ^:icon-id corner-bottom-right "corner-bottom-right")
|
||||
(def ^:icon-id corner-bottom "corner-bottom")
|
||||
(def ^:icon-id corner-center "corner-center")
|
||||
(def ^:icon-id corner-radius "corner-radius")
|
||||
(def ^:icon-id corner-top "corner-top")
|
||||
(def ^:icon-id corner-top-left "corner-top-left")
|
||||
(def ^:icon-id corner-top-right "corner-top-right")
|
||||
(def ^:icon-id curve "curve")
|
||||
(def ^:icon-id delete-text "delete-text")
|
||||
(def ^:icon-id delete "delete")
|
||||
(def ^:icon-id delete-text "delete-text")
|
||||
(def ^:icon-id desc-sort "desc-sort")
|
||||
(def ^:icon-id detach "detach")
|
||||
(def ^:icon-id detached "detached")
|
||||
|
@ -122,33 +122,34 @@
|
|||
(def ^:icon-id document "document")
|
||||
(def ^:icon-id download "download")
|
||||
(def ^:icon-id drop "drop")
|
||||
(def ^:icon-id easing-ease-in-out "easing-ease-in-out")
|
||||
(def ^:icon-id easing-ease-in "easing-ease-in")
|
||||
(def ^:icon-id easing-ease-out "easing-ease-out")
|
||||
(def ^:icon-id easing-ease "easing-ease")
|
||||
(def ^:icon-id easing-ease-in "easing-ease-in")
|
||||
(def ^:icon-id easing-ease-in-out "easing-ease-in-out")
|
||||
(def ^:icon-id easing-ease-out "easing-ease-out")
|
||||
(def ^:icon-id easing-linear "easing-linear")
|
||||
(def ^:icon-id effects "effects")
|
||||
(def ^:icon-id elipse "elipse")
|
||||
(def ^:icon-id exit "exit")
|
||||
(def ^:icon-id expand "expand")
|
||||
(def ^:icon-id external-link "external-link")
|
||||
(def ^:icon-id feedback "feedback")
|
||||
(def ^:icon-id fill-content "fill-content")
|
||||
(def ^:icon-id filter "filter")
|
||||
(def ^:icon-id fixed-width "fixed-width")
|
||||
(def ^:icon-id flex "flex")
|
||||
(def ^:icon-id flex-grid "flex-grid")
|
||||
(def ^:icon-id flex-horizontal "flex-horizontal")
|
||||
(def ^:icon-id flex-vertical "flex-vertical")
|
||||
(def ^:icon-id flex "flex")
|
||||
(def ^:icon-id flip-horizontal "flip-horizontal")
|
||||
(def ^:icon-id flip-vertical "flip-vertical")
|
||||
(def ^:icon-id gap-horizontal "gap-horizontal")
|
||||
(def ^:icon-id gap-vertical "gap-vertical")
|
||||
(def ^:icon-id graphics "graphics")
|
||||
(def ^:icon-id grid "grid")
|
||||
(def ^:icon-id grid-column "grid-column")
|
||||
(def ^:icon-id grid-columns "grid-columns")
|
||||
(def ^:icon-id grid-gutter "grid-gutter")
|
||||
(def ^:icon-id grid-margin "grid-margin")
|
||||
(def ^:icon-id grid "grid")
|
||||
(def ^:icon-id grid-row "grid-row")
|
||||
(def ^:icon-id grid-rows "grid-rows")
|
||||
(def ^:icon-id grid-square "grid-square")
|
||||
|
@ -165,7 +166,6 @@
|
|||
(def ^:icon-id info "info")
|
||||
(def ^:icon-id interaction "interaction")
|
||||
(def ^:icon-id join-nodes "join-nodes")
|
||||
(def ^:icon-id external-link "external-link")
|
||||
(def ^:icon-id justify-content-column-around "justify-content-column-around")
|
||||
(def ^:icon-id justify-content-column-between "justify-content-column-between")
|
||||
(def ^:icon-id justify-content-column-center "justify-content-column-center")
|
||||
|
@ -216,6 +216,7 @@
|
|||
(def ^:icon-id rectangle "rectangle")
|
||||
(def ^:icon-id reload "reload")
|
||||
(def ^:icon-id remove "remove")
|
||||
(def ^:icon-id reorder "reorder")
|
||||
(def ^:icon-id rgba "rgba")
|
||||
(def ^:icon-id rgba-complementary "rgba-complementary")
|
||||
(def ^:icon-id rotation "rotation")
|
||||
|
@ -285,7 +286,7 @@
|
|||
|
||||
(def ^:private schema:icon
|
||||
[:map
|
||||
[:class {:optional true} :string]
|
||||
[:class {:optional true} [:maybe :string]]
|
||||
[:id [:and :string [:fn #(contains? icon-list %)]]]
|
||||
[:size {:optional true}
|
||||
[:maybe [:enum "s" "m"]]]])
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue