Move gradient picking into the color picker (#1778)

* Gradient picker

* Fix up color picker layout CSS problems

* Begin hooking up SpectrumInput for gradient in the ColorPicker

* Working gradient picking on the frontend only

* Plumb FillColorChoice into the backend

* Hook everything else up, just with a weird bug remaining

* Fix some svelty reactivity issues

* Add and remove stops

* Cleanup

* Rename type

* Fill node document format upgrading

* Fix lint

* Polish the color picker UX and fix a bug

---------

Co-authored-by: 0hypercube <0hypercube@gmail.com>
This commit is contained in:
Keavon Chambers 2024-06-09 22:55:13 -07:00 committed by GitHub
parent 449729f1e1
commit a9a4b5cd19
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
48 changed files with 1380 additions and 664 deletions

View file

@ -38,7 +38,8 @@ import Link from "@graphite-frontend/assets/icon-12px-solid/link.svg";
import Overlays from "@graphite-frontend/assets/icon-12px-solid/overlays.svg";
import Remove from "@graphite-frontend/assets/icon-12px-solid/remove.svg";
import Snapping from "@graphite-frontend/assets/icon-12px-solid/snapping.svg";
import Swap from "@graphite-frontend/assets/icon-12px-solid/swap.svg";
import SwapHorizontal from "@graphite-frontend/assets/icon-12px-solid/swap-horizontal.svg";
import SwapVertical from "@graphite-frontend/assets/icon-12px-solid/swap-vertical.svg";
import VerticalEllipsis from "@graphite-frontend/assets/icon-12px-solid/vertical-ellipsis.svg";
import Warning from "@graphite-frontend/assets/icon-12px-solid/warning.svg";
import WindowButtonWinClose from "@graphite-frontend/assets/icon-12px-solid/window-button-win-close.svg";
@ -78,7 +79,8 @@ const SOLID_12PX = {
Overlays: { svg: Overlays, size: 12 },
Remove: { svg: Remove, size: 12 },
Snapping: { svg: Snapping, size: 12 },
Swap: { svg: Swap, size: 12 },
SwapHorizontal: { svg: SwapHorizontal, size: 12 },
SwapVertical: { svg: SwapVertical, size: 12 },
VerticalEllipsis: { svg: VerticalEllipsis, size: 12 },
Warning: { svg: Warning, size: 12 },
WindowButtonWinClose: { svg: WindowButtonWinClose, size: 12 },