@carbon-labs/react-animated-header 0.1.0 → 0.2.0

package/assets/animated/header_illustration_container_wxbia_dark_05.json

@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":1500,"w":1312,"h":738,"nm":"header_illustration_container_wxbia_dark_05","ddd":0,"assets":[{"id":"comp_0","nm":"wxbia_header_illustration_dark_03","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"circle-a-inner","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-2.001,330.001,0],"ix":2,"l":2},"a":{"a":0,"k":[-2,250,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[40,40,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[80,80,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[500,500],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[0,-995.879],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,-250]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.17},"t":0,"s":[0,-260.371],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,280]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-a-inner 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"circle-a-outer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.21]},"t":0,"s":[-180]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[0]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[45]},{"t":1499,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[556,74,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":300,"s":[937,74,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":900,"s":[977,74,0],"to":[0,0,0],"ti":[0,0,0]},{"t":1499,"s":[937,74,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[50,50,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[85,85,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[660,660],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[0,-1263.68],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,-330]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.165},"t":0,"s":[0,-331.297],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,454.754]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-a-outer 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"circle-b-inner","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,0.002,0],"ix":2,"l":2},"a":{"a":0,"k":[165,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[125,125,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[105,105,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[330,330],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[-604.992,-8.8],"to":[0,0],"ti":[0,0]},{"t":300,"s":[-165.484,0]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.165},"t":0,"s":[-177.631,-4.393],"to":[0,0],"ti":[0,0]},{"t":300,"s":[193.008,0]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 1","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-b-inner 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"circle-b-outer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-270]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[0]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[-45]},{"t":1499,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[347,322,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":300,"s":[687,322,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":900,"s":[620,322,0],"to":[0,0,0],"ti":[0,0,0]},{"t":1499,"s":[687,322,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[63.7,63.7,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[85,85,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[500,500],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[21.868,832.914],"to":[0,0],"ti":[0,0]},{"t":300,"s":[-250,0]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[-44.751,274.026],"to":[0,0],"ti":[0,0]},{"t":300,"s":[334.75,0]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 1","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-b-outer 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"line-a","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-198]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[476]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[556]},{"t":1499,"s":[476]}],"ix":3},"y":{"a":0,"k":85,"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[172.5,-1],[-800.5,-1]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":0,"k":[-563.93,0],"ix":4},"e":{"a":0,"k":[131.123,0],"ix":5},"t":2,"h":{"a":0,"k":0,"ix":6},"a":{"a":0,"k":0,"ix":7},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"line-a 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"line-b","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-198]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[306]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[276]},{"t":1499,"s":[306]}],"ix":3},"y":{"a":0,"k":326,"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-800.5,-1],[172.5,-1]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10},"g":{"p":5,"k":{"a":0,"k":[0,0.286,0.114,0.545,0.375,0.143,0.171,0.486,0.75,0,0.227,0.427,0.875,0.043,0.157,0.257,1,0.086,0.086,0.086,0,0.98,0.375,0.99,0.75,1,0.875,1,1,1],"ix":8}},"s":{"a":0,"k":[-446.652,0],"ix":4},"e":{"a":0,"k":[131.123,0],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"line-a 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"wxbia_header_illustration_dark_03","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[656,369,0],"ix":2,"l":2},"a":{"a":0,"k":[656,369,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":1312,"h":738,"ip":0,"op":1500,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"load_anim","dr":0},{"tm":300,"cm":"loop_anim","dr":0}],"props":{}}

package/assets/animated/header_illustration_container_wxbia_light_08.json

@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":1500,"w":1312,"h":738,"nm":"header_illustration_container_wxbia_light_08","ddd":0,"assets":[{"id":"comp_0","nm":"wxbia_header_illustration_light_09","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"circle-a-inner","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-2.001,330.001,0],"ix":2,"l":2},"a":{"a":0,"k":[-2,250,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[40,40,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[80,80,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[500,500],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[0,-995.879],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,-250]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.17},"t":0,"s":[0,-260.371],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,280]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-a-inner 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"circle-a-outer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.21]},"t":0,"s":[-180]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[0]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[45]},{"t":1499,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[556,74,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":300,"s":[937,74,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":900,"s":[977,74,0],"to":[0,0,0],"ti":[0,0,0]},{"t":1499,"s":[937,74,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[50,50,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[85,85,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[660,660],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[0,-1263.68],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,-330]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.165},"t":0,"s":[0,-331.297],"to":[0,0],"ti":[0,0]},{"t":300,"s":[0,454.754]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-a-outer 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"circle-b-inner","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,0.002,0],"ix":2,"l":2},"a":{"a":0,"k":[165,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[125,125,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[105,105,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[330,330],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[-604.992,-8.8],"to":[0,0],"ti":[0,0]},{"t":300,"s":[-165.484,0]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.165},"t":0,"s":[-177.631,-4.393],"to":[0,0],"ti":[0,0]},{"t":300,"s":[193.008,0]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 1","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-b-inner 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"circle-b-outer","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-270]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[0]},{"i":{"x":[0.67],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[-45]},{"t":1499,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[347,322,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":300,"s":[687,322,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.67,"y":1},"o":{"x":0.33,"y":0},"t":900,"s":[620,322,0],"to":[0,0,0],"ti":[0,0,0]},{"t":1499,"s":[687,322,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.3],"y":[1,1,1]},"o":{"x":[0.4,0.4,0.4],"y":[0.14,0.14,0]},"t":0,"s":[63.7,63.7,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":300,"s":[100,100,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":900,"s":[85,85,100]},{"t":1499,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[500,500],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10,"x":"var $bm_rt;\n$bm_rt = $bm_div(value, length(toComp([\n    0,\n    0\n]), toComp([\n    0.7071,\n    0.7071\n]))) || 0.001;"},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[21.868,832.914],"to":[0,0],"ti":[0,0]},{"t":300,"s":[-250,0]}],"ix":4},"e":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.4,"y":0.14},"t":0,"s":[-44.751,274.026],"to":[0,0],"ti":[0,0]},{"t":300,"s":[334.75,0]}],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 1","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"circle-b-outer 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"line-a","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-198]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[476]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[556]},{"t":1499,"s":[476]}],"ix":3},"y":{"a":0,"k":85,"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[172.5,-1],[-800.5,-1]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":0,"k":[-563.93,0],"ix":4},"e":{"a":0,"k":[131.123,0],"ix":5},"t":2,"h":{"a":0,"k":0,"ix":6},"a":{"a":0,"k":0,"ix":7},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"line-a 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"line-b","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.4],"y":[0.14]},"t":0,"s":[-198]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":300,"s":[306]},{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":900,"s":[276]},{"t":1499,"s":[306]}],"ix":3},"y":{"a":0,"k":326,"ix":4}},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-800.5,-1],[172.5,-1]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":2,"ix":10},"g":{"p":5,"k":{"a":0,"k":[0,0.831,0.733,1,0.375,0.671,0.773,1,0.75,0.51,0.812,1,0.875,0.733,0.884,0.978,1,0.957,0.957,0.957],"ix":8}},"s":{"a":0,"k":[-446.652,0],"ix":4},"e":{"a":0,"k":[131.123,0],"ix":5},"t":1,"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":13},"bm":0,"nm":"Gradient Stroke 2","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"line-a 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1844,"st":0,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"wxbia_header_illustration_light_09","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[656,369,0],"ix":2,"l":2},"a":{"a":0,"k":[656,369,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":1312,"h":738,"ip":0,"op":1500,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"load_anim","dr":0},{"tm":300,"cm":"loop_anim","dr":0}],"props":{}}

package/assets/index.js

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import dataFabricAnimatedLight from './animated/header_1312x738_data_fabric_light_03.json';
+import dataFabricAnimatedDark from './animated/header_1312x738_data_fabric_dark_06.json';
+import dataFabricStaticLight from './static/illustration_data_fabric_light_04.svg';
+import dataFabricStaticDark from './static/illustration_data_fabric_dark_05.svg';
+import watsonXAnimatedLight from './animated/header_1312x738_watsonx_data_light_03.json';
+import watsonXAnimatedDark from './animated/header_1312x738_watsonx_data_dark_02.json';
+import watsonXStaticLight from './static/illustration_watson_x_data_light_03.svg';
+import watsonXStaticDark from './static/illustration_watson_x_data_dark_03.svg';
+import wxbiaAnimatedLight from './animated/header_illustration_container_wxbia_light_08.json';
+import wxbiaAnimatedDark from './animated/header_illustration_container_wxbia_dark_05.json';
+
+export {
+  dataFabricAnimatedLight,
+  dataFabricAnimatedDark,
+  dataFabricStaticLight,
+  dataFabricStaticDark,
+  watsonXAnimatedLight,
+  watsonXAnimatedDark,
+  watsonXStaticLight,
+  watsonXStaticDark,
+  wxbiaAnimatedLight,
+  wxbiaAnimatedDark,
+};

package/assets/static/illustration_data_fabric_dark_03.svg

@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="illustrations" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1312 738">
+  <!-- Generator: Adobe Illustrator 29.0.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 192)  -->
+  <defs>
+    <style>
+      .st0, .st1 {
+        fill: none;
+      }
+
+      .st1 {
+        stroke: #003a6d;
+        stroke-miterlimit: 10;
+      }
+
+      .st2 {
+        fill: #081a1c;
+        stroke: #005d5d;
+      }
+
+      .st3 {
+        clip-path: url(#clippath);
+      }
+
+      .st4 {
+        fill: #161616;
+      }
+    </style>
+    <clipPath id="clippath">
+      <rect class="st0" width="1312" height="738"/>
+    </clipPath>
+  </defs>
+  <rect class="st4" width="1312" height="738"/>
+  <g id="data_fabric_-_dark">
+    <g class="st3">
+      <g id="data_fabric_-_dark1">
+        <path class="st1" d="M0,162.6h824"/>
+        <path class="st1" d="M0,217.7h823.8"/>
+        <path class="st1" d="M0,272.6h823.8"/>
+        <path class="st1" d="M0,327.5h823.8"/>
+        <path class="st1" d="M0,382.5h823.8"/>
+        <path class="st1" d="M395.8,0v738"/>
+        <path class="st1" d="M456.9,0v738"/>
+        <path class="st1" d="M640.3,0v738"/>
+        <path class="st1" d="M701.5,0v738"/>
+        <path class="st1" d="M762.6,0v738"/>
+        <path class="st1" d="M823.8-112.1v850.1"/>
+        <path class="st1" d="M0,107.6h824"/>
+        <g>
+          <path class="st1" d="M1247.6,162.8s0-.1,0-.2"/>
+          <path class="st1" d="M1247.9,163.4c0-.2-.3-.4-.4-.6"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.4h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <line class="st1" x1="1247.4" y1="162.5" x2="1247.4" y2="162.5"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.4c-84.6-131.2-242.6-219.4-423.5-219.4"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.5,162.7h0"/>
+          <path class="st1" d="M1247.4,162.4h0"/>
+          <path class="st1" d="M1247.5,162.7c0,.3.3.6.4.9"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.4C1162.8-1.6,1004.8-112.1,823.8-112.1"/>
+          <path class="st1" d="M1247.3,162.4C1162.7,64.1,1004.7-2,823.8-2"/>
+          <path class="st1" d="M1247.5,162.7h0"/>
+          <path class="st1" d="M1247.3,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.9,163.2c0-.1-.3-.3-.4-.4"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.3,162.4h0"/>
+          <path class="st1" d="M1247.3,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <line class="st1" x1="1247.3" y1="162.5" x2="1247.3" y2="162.5"/>
+          <path class="st1" d="M1247.2,162.4h0"/>
+          <path class="st1" d="M1247.2,162.4c-84.6-65.5-242.6-109.5-423.4-109.5"/>
+          <path class="st1" d="M1247.9,163c-.2-.1-.3-.3-.5-.4"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.9,162.7c-.2,0-.3-.1-.5-.2"/>
+          <path class="st1" d="M1247.2,162.4c-84.6-32.7-242.6-54.6-423.4-54.6"/>
+          <line class="st1" x1="1247.4" y1="162.5" x2="1247.4" y2="162.5"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <line class="st1" x1="1247.3" y1="162.5" x2="1247.3" y2="162.5"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.2,162.4h0"/>
+          <line class="st1" x1="1247.9" y1="162.4" x2="1247.7" y2="162.4"/>
+          <line class="st1" x1="1247.7" y1="162.4" x2="1247.5" y2="162.4"/>
+          <line class="st1" x1="1247.4" y1="162.4" x2="1247.5" y2="162.4"/>
+          <line class="st1" x1="1247.5" y1="162.4" x2="1247.5" y2="162.4"/>
+          <line class="st1" x1="1247.5" y1="162.4" x2="1247.5" y2="162.4"/>
+          <line class="st1" x1="1247.4" y1="162.4" x2="1247.3" y2="162.4"/>
+          <line class="st1" x1="1247.4" y1="162.4" x2="1247.4" y2="162.4"/>
+          <line class="st1" x1="1247.3" y1="162.4" x2="1247.3" y2="162.4"/>
+          <line class="st1" x1="1247.2" y1="162.4" x2="1247.2" y2="162.4"/>
+          <line class="st1" x1="1247.3" y1="162.4" x2="1247.2" y2="162.4"/>
+          <line class="st1" x1="1247.2" y1="162.4" x2="823.8" y2="162.6"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.9,162.3h-.3"/>
+          <path class="st1" d="M1247.3,162.6h0"/>
+          <path class="st1" d="M1247.3,162.6c-84.6,32.9-242.6,55.1-423.5,55.1"/>
+          <path class="st1" d="M1247.4,162.5h.3"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.3,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.6c-84.6,65.7-242.6,110-423.5,110"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.9,162.1c0,.1-.3.2-.4.3"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <line class="st1" x1="1247.4" y1="162.5" x2="1247.4" y2="162.5"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.6c-84.6,98.5-242.6,164.9-423.5,164.9"/>
+          <path class="st1" d="M1247.4,162.4h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.5,162.4s0-.1.2-.2"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.9,161.8c0,.1-.2.2-.3.3"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.7c-84.6,164.1-242.6,274.7-423.5,274.7"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.9,161.5c0,.3-.3.6-.5.9"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.6v.2"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.3,162.7c-84.6,131.3-242.6,219.8-423.5,219.8"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.4,162.5h0"/>
+          <path class="st1" d="M1247.7,162.1s0,.2-.2.3"/>
+          <path class="st1" d="M1247.9,161.7c0,.1-.2.3-.3.4"/>
+          <path class="st1" d="M1247.4,162.6h0"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.5,162.4h0"/>
+          <path class="st1" d="M1247.3,162.7h0"/>
+          <line class="st1" x1="1247.9" y1="162.7" x2="1247.9" y2="163"/>
+          <line class="st1" x1="1247.9" y1="162.3" x2="1247.9" y2="162.4"/>
+          <line class="st1" x1="1247.9" y1="161.8" x2="1247.9" y2="162.1"/>
+          <line class="st1" x1="1247.9" y1="161.5" x2="1247.9" y2="161.7"/>
+          <line class="st1" x1="1247.9" y1="161.8" x2="1247.9" y2="161.7"/>
+          <line class="st1" x1="1247.9" y1="162.3" x2="1247.9" y2="162.1"/>
+          <line class="st1" x1="1247.9" y1="162.7" x2="1247.9" y2="162.4"/>
+          <line class="st1" x1="1247.9" y1="163.6" x2="1247.9" y2="163.4"/>
+          <line class="st1" x1="1247.9" y1="163.2" x2="1247.9" y2="163.4"/>
+          <line class="st1" x1="1247.9" y1="163.2" x2="1247.9" y2="163"/>
+        </g>
+        <path class="st2" d="M1255.1,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.2-3.2-7.2-7.1,3.2-7.1,7.2-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M647.5,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M402.9,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M708.6,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M525.2,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M586.3,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M647.5,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M708.6,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M769.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.2-3.2-7.2-7.1,3.2-7.1,7.2-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M964.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1075.6,122.5c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1167.2,223.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1129,258c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z"/>
+        <path class="st2" d="M1011.7,351.3c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M951.4,420.2c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/static/illustration_data_fabric_dark_05.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="illustrations" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1312 738">
+  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->
+  <defs>
+    <style>
+      .st0, .st1 {
+        fill: none;
+      }
+
+      .st1 {
+        stroke: #003a6d;
+        stroke-miterlimit: 10;
+      }
+
+      .st2 {
+        fill: #081a1c;
+        stroke: #005d5d;
+      }
+
+      .st3 {
+        clip-path: url(#clippath);
+      }
+    </style>
+    <clipPath id="clippath">
+      <rect class="st0" width="1312" height="738"/>
+    </clipPath>
+  </defs>
+  <g id="data_fabric_-_light">
+    <g class="st3">
+      <g id="data_fabric_-_light1">
+        <g>
+          <path class="st1" d="M0,162.6h824"/>
+          <path class="st1" d="M0,217.7h823.8"/>
+          <path class="st1" d="M0,272.6h823.8"/>
+          <path class="st1" d="M0,327.5h823.8"/>
+          <path class="st1" d="M0,382.5h823.8"/>
+          <path class="st1" d="M395.8,0v738"/>
+          <path class="st1" d="M456.9,0v738"/>
+          <path class="st1" d="M640.3,0v738"/>
+          <path class="st1" d="M701.5,0v738"/>
+          <path class="st1" d="M762.6,0v738"/>
+          <path class="st1" d="M823.8-112.1v850.1"/>
+          <path class="st1" d="M0,107.6h824"/>
+        </g>
+        <g>
+          <path class="st1" d="M1247.4,162.4c-84.6-131.2-242.7-219.4-423.6-219.4"/>
+          <path class="st1" d="M1247.4,162.4C1162.8-1.6,1004.8-112.1,823.8-112.1"/>
+          <path class="st1" d="M1247.4,162.4C1162.8,64.1,1004.7-2,823.8-2"/>
+          <path class="st1" d="M1247.4,162.4c-84.6-65.5-242.8-109.5-423.6-109.5"/>
+          <path class="st1" d="M1247.4,162.4c-84.6-32.7-242.8-54.6-423.6-54.6"/>
+          <line class="st1" x1="1247.4" y1="162.4" x2="823.8" y2="162.6"/>
+          <path class="st1" d="M1247.4,162.4c-84.6,32.9-242.7,55.3-423.6,55.3"/>
+          <path class="st1" d="M1247.4,162.4c-84.6,65.7-242.7,110.2-423.6,110.2"/>
+          <path class="st1" d="M1247.4,162.4c-84.6,98.5-242.7,165.1-423.6,165.1"/>
+          <path class="st1" d="M1247.4,162.4c-84.3,163.6-242.7,275-423.6,275"/>
+          <path class="st1" d="M1247.4,162.4c-84.3,130.8-242.8,220.1-423.6,220.1"/>
+        </g>
+        <path class="st2" d="M1254.4,162.5c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M647.5,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M402.9,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M708.6,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M464.1,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M525.2,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M586.3,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M647.5,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M708.6,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M769.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.2-3.2-7.2-7.1,3.2-7.1,7.2-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M964.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1075.6,122.5c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1167.2,223.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z"/>
+        <path class="st2" d="M1129,258c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z"/>
+        <path class="st2" d="M951.4,420.2c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z"/>
+      </g>
+    </g>
+  </g>
+</svg>