mirror of
https://github.com/penpot/penpot.git
synced 2025-05-27 20:56:10 +02:00
91fbe8f8ef
* 🎉 Cap in the colorpicker the amount of stops a gradient can have * 🎉 Cap the stops amount in gradient handlers * 🎉 Disable add stop in gradient handlers (viewport + colorpicker) * ✨ Add integration test for gradient limits * 💄 Address PR suggestion
279 lines
No EOL
11 KiB
JSON
279 lines
No EOL
11 KiB
JSON
{
|
|
"~:id": "~u66697432-c33d-8055-8006-2c62de27d653",
|
|
"~:file-id": "~u66697432-c33d-8055-8006-2c62cc084cac",
|
|
"~:created-at": "~m1747053122715",
|
|
"~:data": {
|
|
"~:options": {},
|
|
"~:objects": {
|
|
"~u00000000-0000-0000-0000-000000000000": {
|
|
"~#shape": {
|
|
"~:y": 0,
|
|
"~:hide-fill-on-export": false,
|
|
"~:transform": {
|
|
"~#matrix": {
|
|
"~:a": 1.0,
|
|
"~:b": 0.0,
|
|
"~:c": 0.0,
|
|
"~:d": 1.0,
|
|
"~:e": 0.0,
|
|
"~:f": 0.0
|
|
}
|
|
},
|
|
"~:rotation": 0,
|
|
"~:name": "Root Frame",
|
|
"~:width": 0.01,
|
|
"~:type": "~:frame",
|
|
"~:points": [
|
|
{
|
|
"~#point": {
|
|
"~:x": 0.0,
|
|
"~:y": 0.0
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 0.01,
|
|
"~:y": 0.0
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 0.01,
|
|
"~:y": 0.01
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 0.0,
|
|
"~:y": 0.01
|
|
}
|
|
}
|
|
],
|
|
"~:r2": 0,
|
|
"~:proportion-lock": false,
|
|
"~:transform-inverse": {
|
|
"~#matrix": {
|
|
"~:a": 1.0,
|
|
"~:b": 0.0,
|
|
"~:c": 0.0,
|
|
"~:d": 1.0,
|
|
"~:e": 0.0,
|
|
"~:f": 0.0
|
|
}
|
|
},
|
|
"~:r3": 0,
|
|
"~:r1": 0,
|
|
"~:id": "~u00000000-0000-0000-0000-000000000000",
|
|
"~:parent-id": "~u00000000-0000-0000-0000-000000000000",
|
|
"~:frame-id": "~u00000000-0000-0000-0000-000000000000",
|
|
"~:strokes": [],
|
|
"~:x": 0,
|
|
"~:proportion": 1.0,
|
|
"~:r4": 0,
|
|
"~:selrect": {
|
|
"~#rect": {
|
|
"~:x": 0,
|
|
"~:y": 0,
|
|
"~:width": 0.01,
|
|
"~:height": 0.01,
|
|
"~:x1": 0,
|
|
"~:y1": 0,
|
|
"~:x2": 0.01,
|
|
"~:y2": 0.01
|
|
}
|
|
},
|
|
"~:fills": [
|
|
{
|
|
"~:fill-color": "#FFFFFF",
|
|
"~:fill-opacity": 1
|
|
}
|
|
],
|
|
"~:flip-x": null,
|
|
"~:height": 0.01,
|
|
"~:flip-y": null,
|
|
"~:shapes": [
|
|
"~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0"
|
|
]
|
|
}
|
|
},
|
|
"~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0": {
|
|
"~#shape": {
|
|
"~:y": 303,
|
|
"~:transform": {
|
|
"~#matrix": {
|
|
"~:a": 1.0,
|
|
"~:b": 0.0,
|
|
"~:c": 0.0,
|
|
"~:d": 1.0,
|
|
"~:e": 0.0,
|
|
"~:f": 0.0
|
|
}
|
|
},
|
|
"~:rotation": 0,
|
|
"~:hide-in-viewer": false,
|
|
"~:name": "Rectangle",
|
|
"~:width": 100,
|
|
"~:type": "~:rect",
|
|
"~:points": [
|
|
{
|
|
"~#point": {
|
|
"~:x": 205,
|
|
"~:y": 303
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 305,
|
|
"~:y": 303
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 305,
|
|
"~:y": 403
|
|
}
|
|
},
|
|
{
|
|
"~#point": {
|
|
"~:x": 205,
|
|
"~:y": 403
|
|
}
|
|
}
|
|
],
|
|
"~:r2": 0,
|
|
"~:proportion-lock": false,
|
|
"~:transform-inverse": {
|
|
"~#matrix": {
|
|
"~:a": 1.0,
|
|
"~:b": 0.0,
|
|
"~:c": 0.0,
|
|
"~:d": 1.0,
|
|
"~:e": 0.0,
|
|
"~:f": 0.0
|
|
}
|
|
},
|
|
"~:r3": 0,
|
|
"~:r1": 0,
|
|
"~:id": "~u4a1d24c0-c794-80ff-8006-2c62cd7f23e0",
|
|
"~:parent-id": "~u00000000-0000-0000-0000-000000000000",
|
|
"~:frame-id": "~u00000000-0000-0000-0000-000000000000",
|
|
"~:strokes": [],
|
|
"~:x": 205,
|
|
"~:proportion": 1,
|
|
"~:r4": 0,
|
|
"~:selrect": {
|
|
"~#rect": {
|
|
"~:x": 205,
|
|
"~:y": 303,
|
|
"~:width": 100,
|
|
"~:height": 100,
|
|
"~:x1": 205,
|
|
"~:y1": 303,
|
|
"~:x2": 305,
|
|
"~:y2": 403
|
|
}
|
|
},
|
|
"~:fills": [
|
|
{
|
|
"~:fill-color-gradient": {
|
|
"~:start-x": 0.5,
|
|
"~:start-y": 0,
|
|
"~:end-x": 0.5,
|
|
"~:end-y": 1,
|
|
"~:width": 1,
|
|
"~:type": "~:linear",
|
|
"~:stops": [
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0,
|
|
"~:opacity": 1
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.07,
|
|
"~:opacity": 0.9299999999999999
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.13,
|
|
"~:opacity": 0.87
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.2,
|
|
"~:opacity": 0.8
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.27,
|
|
"~:opacity": 0.73
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.33,
|
|
"~:opacity": 0.6699999999999999
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.4,
|
|
"~:opacity": 0.6
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.47,
|
|
"~:opacity": 0.53
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.53,
|
|
"~:opacity": 0.47
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.6,
|
|
"~:opacity": 0.4
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.67,
|
|
"~:opacity": 0.32999999999999996
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.73,
|
|
"~:opacity": 0.27
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.8,
|
|
"~:opacity": 0.19999999999999996
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.87,
|
|
"~:opacity": 0.13
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 0.93,
|
|
"~:opacity": 0.06999999999999995
|
|
},
|
|
{
|
|
"~:color": "#003fff",
|
|
"~:offset": 1,
|
|
"~:opacity": 0
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"~:flip-x": null,
|
|
"~:height": 100,
|
|
"~:flip-y": null
|
|
}
|
|
}
|
|
},
|
|
"~:id": "~u66697432-c33d-8055-8006-2c62cc084cad",
|
|
"~:name": "Page 1"
|
|
}
|
|
} |