diff --git a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap index df7eef693210..184e8bc688cb 100644 --- a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap +++ b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap @@ -162,6 +162,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -328,6 +334,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { diff --git a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap index be17ed60714a..eff92e4a3c60 100644 --- a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap +++ b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap @@ -203,6 +203,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -392,6 +398,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -876,6 +888,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -1209,6 +1227,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -1397,6 +1421,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -1585,6 +1615,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -1773,6 +1809,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -2066,6 +2108,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -2255,6 +2303,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -2550,6 +2604,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -2842,6 +2902,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -3031,6 +3097,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -3200,6 +3272,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -3510,6 +3588,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -3699,6 +3783,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -4095,6 +4185,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -4457,6 +4553,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -4674,6 +4776,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -4857,6 +4965,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -5074,6 +5188,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -5257,6 +5377,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -5474,6 +5600,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -5657,6 +5789,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -6018,6 +6156,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -6207,6 +6351,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -6824,6 +6974,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -7407,6 +7563,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -7830,6 +7992,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -8219,6 +8387,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -8456,6 +8630,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -8659,6 +8839,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -8896,6 +9082,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -9099,6 +9291,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -9336,6 +9534,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -9539,6 +9743,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -9962,6 +10172,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -10351,6 +10567,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -10588,6 +10810,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -10791,6 +11019,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -11028,6 +11262,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -11231,6 +11471,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -11468,6 +11714,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -11671,6 +11923,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -12094,6 +12352,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -12483,6 +12747,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -12720,6 +12990,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -12923,6 +13199,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -13160,6 +13442,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -13363,6 +13651,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -13600,6 +13894,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -13803,6 +14103,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -14107,6 +14413,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -14296,6 +14608,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -14526,6 +14844,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -14696,6 +15020,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -14866,6 +15196,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -15158,6 +15494,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -15347,6 +15689,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -15629,6 +15977,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -15939,6 +16293,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -16128,6 +16488,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -16541,6 +16907,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -16919,6 +17291,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -17156,6 +17534,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -17393,6 +17777,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -17630,6 +18020,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -17940,6 +18336,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -18129,6 +18531,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -18542,6 +18950,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -18920,6 +19334,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -19157,6 +19577,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -19394,6 +19820,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -19631,6 +20063,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -19935,6 +20373,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -20124,6 +20568,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -20354,6 +20804,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -20524,6 +20980,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -20694,6 +21156,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -20998,6 +21466,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -21187,6 +21661,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -21522,6 +22002,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -21823,6 +22309,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -21994,6 +22486,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -22165,6 +22663,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -22485,6 +22989,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -22689,6 +23199,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -23172,6 +23688,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -23474,6 +23996,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -23793,6 +24321,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -23997,6 +24531,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -24480,6 +25020,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -24782,6 +25328,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -25102,6 +25654,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -25306,6 +25864,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -25840,6 +26404,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -26193,6 +26763,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -26513,6 +27089,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -26717,6 +27299,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -27251,6 +27839,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -27604,6 +28198,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -27895,6 +28495,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -28084,6 +28690,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -28253,6 +28865,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -28667,6 +29285,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -28856,6 +29480,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -30803,6 +31433,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -32296,6 +32932,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -33755,6 +34397,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -34396,6 +35044,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -34765,6 +35419,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -35406,6 +36066,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -35775,6 +36441,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -36416,6 +37088,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -36785,6 +37463,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -37464,6 +38148,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -37875,6 +38565,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -38554,6 +39250,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -38965,6 +39667,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -39644,6 +40352,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -40055,6 +40769,12 @@ export var storyboard = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -40369,6 +41089,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -40558,6 +41284,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -40822,6 +41554,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -41009,6 +41747,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -41196,6 +41940,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -41489,6 +42239,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -41678,6 +42434,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -41914,6 +42676,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -42206,6 +42974,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -42395,6 +43169,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -42735,6 +43515,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -43073,6 +43859,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -43262,6 +44054,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -43559,6 +44357,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -43805,6 +44609,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -44000,6 +44810,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -44320,6 +45136,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -44524,6 +45346,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -44898,6 +45726,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -45094,6 +45928,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -45567,6 +46407,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -45771,6 +46617,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -46147,6 +46999,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -46343,6 +47201,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -46747,6 +47611,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -46935,6 +47805,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -47748,6 +48624,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -47919,6 +48801,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48090,6 +48978,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48261,6 +49155,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48434,6 +49334,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48605,6 +49511,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48776,6 +49688,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -48947,6 +49865,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -49186,6 +50110,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -49386,6 +50316,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -49559,6 +50495,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -49730,6 +50672,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -49901,6 +50849,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50072,6 +51026,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50243,6 +51203,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50414,6 +51380,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50585,6 +51557,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50756,6 +51734,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -50927,6 +51911,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -51098,6 +52088,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -51269,6 +52265,12 @@ export var App = (props) => { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -51579,6 +52581,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -51768,6 +52776,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -52181,6 +53195,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -52559,6 +53579,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -52796,6 +53822,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -53033,6 +54065,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -53270,6 +54308,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -53580,6 +54624,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -53769,6 +54819,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -54181,6 +55237,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -54558,6 +55620,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -54795,6 +55863,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -55032,6 +56106,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -55269,6 +56349,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -55579,6 +56665,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -55768,6 +56860,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -56224,6 +57322,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -56645,6 +57749,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -56882,6 +57992,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -57119,6 +58235,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -57356,6 +58478,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -57672,6 +58800,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -57876,6 +59010,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -58159,6 +59299,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -58355,6 +59501,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -58649,6 +59801,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -58815,6 +59973,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -59029,6 +60193,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -59205,6 +60375,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -59381,6 +60557,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -59662,6 +60844,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -59828,6 +61016,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -60100,6 +61294,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -60314,6 +61514,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -60491,6 +61697,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -60760,6 +61972,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -60926,6 +62144,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -61208,6 +62432,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -61399,6 +62629,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -61668,6 +62904,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -61834,6 +63076,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -62003,6 +63251,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -62280,6 +63534,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -62446,6 +63706,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -62693,6 +63959,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -62889,6 +64161,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -63160,6 +64438,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -63326,6 +64610,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -63670,6 +64960,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -63880,6 +65176,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -64090,6 +65392,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -64360,6 +65668,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -64526,6 +65840,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -64712,6 +66032,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -65027,6 +66353,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -65216,6 +66548,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -65742,6 +67080,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -65918,6 +67262,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -66208,6 +67558,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -66496,6 +67852,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -66708,6 +68070,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -66918,6 +68286,12 @@ export var storyboard = ( "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -67215,6 +68589,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -67404,6 +68784,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -67622,6 +69008,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -67809,6 +69201,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -68104,6 +69502,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -68293,6 +69697,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -68462,6 +69872,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -68787,6 +70203,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -68976,6 +70398,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -69414,6 +70842,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -69817,6 +71251,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -70068,6 +71508,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -70289,6 +71735,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -70476,6 +71928,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -70727,6 +72185,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -70948,6 +72412,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -71135,6 +72605,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -71386,6 +72862,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -71607,6 +73089,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -71794,6 +73282,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -72088,6 +73582,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -72277,6 +73777,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -72446,6 +73952,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -72750,6 +74262,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -72939,6 +74457,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -73176,6 +74700,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -73383,6 +74913,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { @@ -73560,6 +75096,12 @@ Object { "alignItems": null, "alignSelf": null, "borderRadius": null, + "borderWidths": Object { + "bottom": 0, + "left": 0, + "right": 0, + "top": 0, + }, "clientHeight": 0, "clientWidth": 0, "closestOffsetParentPath": Object { diff --git a/editor/src/components/canvas/controls/grid-controls-for-strategies.tsx b/editor/src/components/canvas/controls/grid-controls-for-strategies.tsx index 59a7b34d616b..1cc724bb5556 100644 --- a/editor/src/components/canvas/controls/grid-controls-for-strategies.tsx +++ b/editor/src/components/canvas/controls/grid-controls-for-strategies.tsx @@ -7,7 +7,7 @@ import { isStaticGridRepeat, printGridAutoOrTemplateBase } from '../../inspector import { MetadataUtils } from '../../../core/model/element-metadata-utils' import { mapDropNulls } from '../../../core/shared/array-utils' import * as EP from '../../../core/shared/element-path' -import type { ElementInstanceMetadata } from '../../../core/shared/element-template' +import type { BorderWidths, ElementInstanceMetadata } from '../../../core/shared/element-template' import { type GridAutoOrTemplateBase } from '../../../core/shared/element-template' import type { CanvasRectangle } from '../../../core/shared/math-utils' import { isFiniteRectangle } from '../../../core/shared/math-utils' @@ -76,6 +76,7 @@ export type GridMeasurementHelperData = { padding: Sides columns: number cells: number + border: BorderWidths } export function useGridMeasurentHelperData( @@ -117,6 +118,7 @@ export function useGridMeasurentHelperData( padding: targetGridContainer.specialSizeMeasurements.padding, columns: columns, cells: rows * columns, + border: targetGridContainer.specialSizeMeasurements.borderWidths, } }, 'useGridMeasurentHelperData', @@ -194,6 +196,7 @@ export function useGridData(elementPaths: ElementPath[]): GridData[] { rows: rows, columns: columns, cells: rows * columns, + border: targetGridContainer.specialSizeMeasurements.borderWidths, } }, elementPaths) }, diff --git a/editor/src/components/canvas/controls/grid-controls-helpers.ts b/editor/src/components/canvas/controls/grid-controls-helpers.ts index 3ba65cc81a61..9cd0282c550f 100644 --- a/editor/src/components/canvas/controls/grid-controls-helpers.ts +++ b/editor/src/components/canvas/controls/grid-controls-helpers.ts @@ -21,6 +21,10 @@ export function getGridHelperStyleMatchingTargetGrid( grid.padding == null ? 0 : `${grid.padding.top}px ${grid.padding.right}px ${grid.padding.bottom}px ${grid.padding.left}px`, + borderTop: `${grid.border?.top}px solid transparent`, + borderLeft: `${grid.border?.left}px solid transparent`, + borderBottom: `${grid.border?.bottom}px solid transparent`, + borderRight: `${grid.border?.right}px solid transparent`, } // Gap needs to be set only if the other two are not present or we'll have rendering issues diff --git a/editor/src/components/canvas/dom-walker.ts b/editor/src/components/canvas/dom-walker.ts index 0cabbbfb19f6..56d1f6aaa894 100644 --- a/editor/src/components/canvas/dom-walker.ts +++ b/editor/src/components/canvas/dom-walker.ts @@ -10,6 +10,7 @@ import type { GridElementProperties, DomElementMetadata, GridAutoOrTemplateBase, + BorderWidths, } from '../../core/shared/element-template' import { specialSizeMeasurements, @@ -803,7 +804,7 @@ function getSpecialMeasurements( const borderRightWidth = parseCSSLength(elementStyle.borderRightWidth) const borderBottomWidth = parseCSSLength(elementStyle.borderBottomWidth) const borderLeftWidth = parseCSSLength(elementStyle.borderLeftWidth) - const border = { + const border: BorderWidths = { top: isRight(borderTopWidth) ? borderTopWidth.value.value : 0, right: isRight(borderRightWidth) ? borderRightWidth.value.value : 0, bottom: isRight(borderBottomWidth) ? borderBottomWidth.value.value : 0, @@ -1015,6 +1016,7 @@ function getSpecialMeasurements( parentGridCellGlobalFrames, justifySelf, alignSelf, + border, ) } diff --git a/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts b/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts index d4b0f00ce07c..b02aff443352 100644 --- a/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts +++ b/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts @@ -341,6 +341,12 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, } const newDifferentValue: SpecialSizeMeasurements = { @@ -479,6 +485,12 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, } it('same reference returns the same reference', () => { @@ -672,6 +684,12 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, }, computedStyle: { a: 'a', @@ -842,6 +860,12 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, }, computedStyle: { a: 'a', @@ -1037,6 +1061,12 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, }, computedStyle: { a: 'a', @@ -1209,6 +1239,12 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, }, computedStyle: { a: 'a', @@ -1381,6 +1417,12 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, + borderWidths: { + top: 0, + left: 0, + bottom: 0, + right: 0, + }, }, computedStyle: { a: 'a', diff --git a/editor/src/components/editor/store/store-deep-equality-instances.ts b/editor/src/components/editor/store/store-deep-equality-instances.ts index 6c039e513818..e101258b0e94 100644 --- a/editor/src/components/editor/store/store-deep-equality-instances.ts +++ b/editor/src/components/editor/store/store-deep-equality-instances.ts @@ -151,6 +151,7 @@ import type { GridAutoOrTemplateBase, GridAutoOrTemplateDimensions, GridAutoOrTemplateFallback, + BorderWidths, } from '../../../core/shared/element-template' import { elementInstanceMetadata, @@ -2178,6 +2179,20 @@ export function GridElementPropertiesKeepDeepEquality(): KeepDeepEqualityCall { + return combine4EqualityCalls( + (p) => p.bottom, + NumberKeepDeepEquality, + (p) => p.left, + NumberKeepDeepEquality, + (p) => p.right, + NumberKeepDeepEquality, + (p) => p.top, + NumberKeepDeepEquality, + (bottom, left, right, top) => ({ bottom, left, right, top }), + ) +} + export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall { return (oldSize, newSize) => { const offsetResult = LocalPointKeepDeepEquality(oldSize.offset, newSize.offset) @@ -2298,6 +2313,11 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< arrayDeepEquality(arrayDeepEquality(CanvasRectangleKeepDeepEquality)), )(oldSize.gridCellGlobalFrames, newSize.gridCellGlobalFrames).areEqual + const borderWidthsEqual = BorderWidthsKeepDeepEquality()( + oldSize.borderWidths, + newSize.borderWidths, + ).areEqual + const areEqual = offsetResult.areEqual && coordinateSystemBoundsResult.areEqual && @@ -2352,7 +2372,8 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< justifySelfEquals && alignSelfEquals && gridCellGlobalFramesEqual && - parentGridCellGlobalFramesEqual + parentGridCellGlobalFramesEqual && + borderWidthsEqual if (areEqual) { return keepDeepEqualityResult(oldSize, true) } else { @@ -2412,6 +2433,7 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< newSize.parentGridCellGlobalFrames, newSize.justifySelf, newSize.alignSelf, + newSize.borderWidths, ) return keepDeepEqualityResult(sizeMeasurements, false) } diff --git a/editor/src/core/shared/element-template.ts b/editor/src/core/shared/element-template.ts index 24cdf8dea6ce..fdf067c9b8c6 100644 --- a/editor/src/core/shared/element-template.ts +++ b/editor/src/core/shared/element-template.ts @@ -2783,6 +2783,13 @@ export function gridElementProperties( } } +export type BorderWidths = { + top: number + right: number + bottom: number + left: number +} + export interface SpecialSizeMeasurements { offset: LocalPoint coordinateSystemBounds: CanvasRectangle | null @@ -2839,6 +2846,7 @@ export interface SpecialSizeMeasurements { columnGap: number | null gridCellGlobalFrames: GridCellGlobalFrames | null parentGridCellGlobalFrames: GridCellGlobalFrames | null + borderWidths: BorderWidths } export function specialSizeMeasurements( @@ -2897,6 +2905,7 @@ export function specialSizeMeasurements( parentGridCellGlobalFrames: GridCellGlobalFrames | null, justifySelf: SelfAlignment | null, alignSelf: SelfAlignment | null, + borderWidths: BorderWidths, ): SpecialSizeMeasurements { return { offset, @@ -2954,6 +2963,7 @@ export function specialSizeMeasurements( parentGridCellGlobalFrames, justifySelf, alignSelf, + borderWidths, } } @@ -3050,6 +3060,12 @@ export const emptySpecialSizeMeasurements = specialSizeMeasurements( null, null, null, + { + top: 0, + left: 0, + right: 0, + bottom: 0, + }, ) export function walkElement(