From fe2ab0943c19ef25a4b65e2009bba9742dabd50a Mon Sep 17 00:00:00 2001
From: Vadim Kudriavtsev <x.kydrik.x@gmail.com>
Date: Wed, 18 Dec 2024 14:44:55 +0300
Subject: [PATCH] feat(*): Flow component

---
 ... -- flexhorizontalalignmentcenter.snap.png | Bin 0 -> 5521 bytes
 ...low -- flexhorizontalalignmentend.snap.png | Bin 0 -> 5483 bytes
 ...w -- flexhorizontalalignmentstart.snap.png | Bin 0 -> 5509 bytes
 ...- flexhorizontalarrangementcenter.snap.png | Bin 0 -> 5521 bytes
 ...w -- flexhorizontalarrangementend.snap.png | Bin 0 -> 5478 bytes
 ...xhorizontalarrangementspaceAround.snap.png | Bin 0 -> 5524 bytes
 ...horizontalarrangementspaceBetween.snap.png | Bin 0 -> 5527 bytes
 ...-- flexhorizontalarrangementstart.snap.png | Bin 0 -> 5497 bytes
 ...ow -- flexverticalalignmentcenter.snap.png | Bin 0 -> 5540 bytes
 ... Flow -- flexverticalalignmentend.snap.png | Bin 0 -> 5431 bytes
 ...low -- flexverticalalignmentstart.snap.png | Bin 0 -> 5466 bytes
 ... -- flexverticalarrangementcenter.snap.png | Bin 0 -> 5540 bytes
 ...low -- flexverticalarrangementend.snap.png | Bin 0 -> 5500 bytes
 ...lexverticalarrangementspaceAround.snap.png | Bin 0 -> 5515 bytes
 ...exverticalarrangementspaceBetween.snap.png | Bin 0 -> 5507 bytes
 ...w -- flexverticalarrangementstart.snap.png | Bin 0 -> 5510 bytes
 ... -- gridhorizontalalignmentcenter.snap.png | Bin 0 -> 5375 bytes
 ...low -- gridhorizontalalignmentend.snap.png | Bin 0 -> 5353 bytes
 ...w -- gridhorizontalalignmentstart.snap.png | Bin 0 -> 5374 bytes
 ...- gridhorizontalarrangementcenter.snap.png | Bin 0 -> 5375 bytes
 ...w -- gridhorizontalarrangementend.snap.png | Bin 0 -> 4855 bytes
 ...dhorizontalarrangementspaceAround.snap.png | Bin 0 -> 4833 bytes
 ...horizontalarrangementspaceBetween.snap.png | Bin 0 -> 5157 bytes
 ...-- gridhorizontalarrangementstart.snap.png | Bin 0 -> 5363 bytes
 ...ow -- gridverticalalignmentcenter.snap.png | Bin 0 -> 5499 bytes
 ... Flow -- gridverticalalignmentend.snap.png | Bin 0 -> 5488 bytes
 ...low -- gridverticalalignmentstart.snap.png | Bin 0 -> 5506 bytes
 ... -- gridverticalarrangementcenter.snap.png | Bin 0 -> 5499 bytes
 ...low -- gridverticalarrangementend.snap.png | Bin 0 -> 5494 bytes
 ...ridverticalarrangementspaceAround.snap.png | Bin 0 -> 5468 bytes
 ...idverticalarrangementspaceBetween.snap.png | Bin 0 -> 5468 bytes
 ...w -- gridverticalarrangementstart.snap.png | Bin 0 -> 5515 bytes
 .../components/ElasticGrid/ElasticGrid.tsx    |   1 +
 .../src/components/ElasticGrid/index.ts       |   1 +
 .../src/components/Flow/Flow.styles.ts        | 135 ++++++++++++++++++
 .../src/components/Flow/Flow.tsx              |  67 +++++++++
 .../src/components/Flow/Flow.types.ts         |  35 +++++
 .../src/components/Flow/index.ts              |   2 +
 .../plasma_b2c/components/Flow/Flow.config.ts |   4 +
 .../components/Flow/Flow.stories.tsx          | 114 +++++++++++++++
 .../plasma_b2c/components/Flow/Flow.ts        |   8 ++
 packages/plasma-new-hope/src/index.ts         |   1 +
 .../components/Flow/Flow.component-test.tsx   |  85 +++++++++++
 .../plasma-web/src/components/Flow/Flow.ts    |   5 +
 .../plasma-web/src/components/Flow/index.ts   |   3 +
 packages/plasma-web/src/index.ts              |   1 +
 46 files changed, 462 insertions(+)
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceAround.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceBetween.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceAround.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceBetween.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceAround.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceBetween.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentstart.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementcenter.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementend.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceAround.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceBetween.snap.png
 create mode 100644 cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementstart.snap.png
 create mode 100644 packages/plasma-new-hope/src/components/ElasticGrid/ElasticGrid.tsx
 create mode 100644 packages/plasma-new-hope/src/components/ElasticGrid/index.ts
 create mode 100644 packages/plasma-new-hope/src/components/Flow/Flow.styles.ts
 create mode 100644 packages/plasma-new-hope/src/components/Flow/Flow.tsx
 create mode 100644 packages/plasma-new-hope/src/components/Flow/Flow.types.ts
 create mode 100644 packages/plasma-new-hope/src/components/Flow/index.ts
 create mode 100644 packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.config.ts
 create mode 100644 packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.stories.tsx
 create mode 100644 packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.ts
 create mode 100644 packages/plasma-web/src/components/Flow/Flow.component-test.tsx
 create mode 100644 packages/plasma-web/src/components/Flow/Flow.ts
 create mode 100644 packages/plasma-web/src/components/Flow/index.ts

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..05f699702e9a2e1b5790af23bacd3290ba343e96
GIT binary patch
literal 5521
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
ACIA2c

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..baf09e3fd572b2866745cfc913ff10ba4a24b12a
GIT binary patch
literal 5483
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalalignmentstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..587b8e72ba7b1ab62d42d7609bebbb091f63075e
GIT binary patch
literal 5509
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
O_kF1E3cm^X=|2J454kS@

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..05f699702e9a2e1b5790af23bacd3290ba343e96
GIT binary patch
literal 5521
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
ACIA2c

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..06cbb72af04b756dc9b5abad13f09aca78f9857e
GIT binary patch
literal 5478
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceAround.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceAround.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..5615cd9617e87022884a8f9b585395f180b9cd52
GIT binary patch
literal 5524
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
F{{|X6{X_r&

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceBetween.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementspaceBetween.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..d31f05b7d08ca862357c579756a8ab6ee12a3770
GIT binary patch
literal 5527
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexhorizontalarrangementstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8ce504a8d99d66de02ae237fb0076bf0b5d37e1
GIT binary patch
literal 5497
zcmeHLeK=d$y5DGPS}pU;RB7v@=XR!gQM6iwpi^xf!!SK9s?<kYQd5M4L<p(VmeX<Q
zRNA8Q(T-C_Nu$0sLeTmO(L;R`6p0X@L4-u^ik{vx(|hip_j&Glp84b5&sux!z4rTi
z-*>IwZ|%F^yE^XLv2O<iLA#v(c=}Heq_m{4&$fX(?C#+oAxQJ2)9G(6L@UkI#{Fb~
zxvW1go)fLlnDohJOp=>352c5o(!;+}f|-BS6#Vqqg}<HDJYu)osQ-uLOSIDS<YT?7
z-|G~1C;gC1n}KxowU_U4N-pU~7hNYmci3_z?z8dtk7JMhp>J?TrE=Z2YyF_P6AL|;
z#t@3*={@;q;p<z(i8ps3Xy!QtwdMaG+w@jS&N4Au2WHXQz&o7fJ+?D3xZlN8V0vNC
z`jC*Blm2ib48kycN0d_<nwerUM|R_u3reEBlekPAE1>G|6S8j&R#+2NEZd%0EA^Jf
zB&db|aP<LW4rlB=K=k1pa#E-7T6|ldty2|h;+#AL?^<g<m#VWr=qma_8!cj6J?lb-
z;A`2PmMb+`%$}v9qQPD56!0}2+oP@BD_?b9xr!!b8zg#N67nLlBT#d3xoCO+0U~Q@
z@4xh5)a&~MQOU;S;iR5znHJyzD?Qrcm21%`p~)E!>w)jeE@?Wx`^U=(SQ~JAv?HH|
zvqs@Ff=e;iGKy36^sn8B{bHoq!lDrtga6!wxr3B@et))0K5ZtVTVHo#zW)FVfsGFR
z>3r5$c(D5jJT%np7|o)r0fxeBj|_I}Y2S9vSLO$sk*-}L!_1rWQqJ8(5A^FLfxD!1
z+KdzE_3r!7s}28RWROG3RJ;Klr+;ecYK8Hr2L~Gy`+9W((Kkr7W<F<wVw?z1i+bmR
z=1wpRjIk=L*={yYJB1iKXG2~Gh;OsI{4+pS5VCPA4ISO_hOSJVieQtj?GWRFsZHcR
z6JuukX=0$l^$VEE$-4n%Wd;G(p&_a0rPpSV(DkA2MMC5Q5IM6UkV(`JS9e1gYKyuK
z%x)(M#7uj$N9xz!%IWXdQ@uHqTciRK&+^*uJ+?WezZq!@#~K~<1$b}=^tMW2zN<G<
z8prUHD)v;dY$|p!RX>hUu@o;%lAqIyTY742VrS}|HI1vK`Tb-mWzMw<2Q>q%<D}U&
znc|Jsf#QlKm|!^wwf2&R@AKR!#&c^ux8$5NC3VV@=9=jni*EeCFRK<;R_al7>qid^
z%N^tg5ur%rc<8X~+1{P5{ORh^^}5KI$)^V;KhoD;3@&u^j2CEB&+!+>>=)Z`{Cm~*
zo->tpW}$|p&WE19Sx8wbwROf+k~S~I&7?EGzL!PyYo(b=>+nJiyWKfGQ&Tk9{GV+W
zD+c@)%guF29D`Y=jaf>}C}~eRMT-(w&cz&dJFa)HW4bL-5Y;I{wtu-R=@#jPea-HS
zvzpi6-nW-`R!zP!)qu}B=&x25a98U#yDr(jPmWTn#Ix|l`Il01kDSQ5S1r=#HK`CD
zPfQqz+J+Yo3NWz=!SB?LUmJUOP=cIW<KowAR@-s2Eff|uuAPDER`@cvnm})}#CHy$
z`E1|)85Ww?UpM4AF6zg>A6Se+RvW4MhC7bj4U6BHkyPEHH_<m*2-{t<cO3VZ-LGjP
zNSo)HvbcCp^+6P3BpXXO;O5@--610D_|#TRrK6r5ML&MszA3$mx4(F!>285N>Obzq
z)*dl!Q)F!ozv@tvkwulK884-yyANvUw>!#593%|nYOca>eq?*29m!t0nj|tHNMrlB
z+$IKL&2OU8h?><?Gdci5b~_n4)4t)Csw+Fq75NQ6&RxUWO9m=`Xpah56EXz;+y&%D
zyoZOK<=BGNJ=?NOdi0omd%mx18O#sEysvFue1D2F;mNJp3t8#Y<J|3itTmx0xR3Tw
zH-kL0h4UC(HjCF;wu4mqj{c!`gI_8mjvVoTdgBaj!eyoAg2=iD(-`73oeWl#TcGM5
zo{{QG`yBzsUmgP5kkIa-Zhv_{yW`3oLCHJ%VEB*=)JrzBc_)ZOO{PkO-ee~Omt@zp
zxO{V1Bp+{0b_K&RFpZ&a!zytmo^yhUrk4R07LI*``w(V3)9+{ccKH2byu#><{m#^g
zJp>gpmQhL`j~HHFv)iCvT|?-k=r_i~Wda;l<$Zmw6(xo&oY$1+O|<uv=ZDUv0*GH$
za&ffdISU8yUc1!B!4$p1T6Arn_nh=lw0tgUTDdvPT1qZWdGhF!<C1m0G9IHE_P9-|
zN#5M=Ks0i?I<8C<00>@SLbtL_m?0HQhT)VKHJC$W*BsaKEFZ#*3uh`a%>mnr7@l&m
zR<d?lp>f9Fl0_hd#ZR=X+|)!5Ro3~722?mX81*51_oh8i>^5{|jGL)r>aOCKuohmo
z)vW-3!`7v=jZ=XyhugR}VgU3+gqvx&(h6+_B{WrR@SNipr#!<d!VXc}T2PjXIKi_F
z!<9gE)rXE!fun-)#V)5JWYnRgS(00B=XO?DmzvL$u&>Jp;pzF}CDeGY+5W8TkgybU
z?VMn9=HF_*_Yz`@#gBbKsFiwWViIzL11qx>Oc=d#0lLX^|9@c1$}AX-s`HzIA>8?-
zV8Vl!lv#)q`wYZfthJcF>)3XiquPh24H~`dVH_1l)yjydLm<1(QFUj!)gbEVyN1Kq
zVbMiE0i$&vc=BnIBP@Er=g}U<==(fqes3y8I|wi&r8=c80<;s8^Oae|0(<M0(b8|C
zc?xC)bNIkDA<B5uLO?W+rn@&WITt(wDB=!++r477IjCS+3J!2Y_`(G!It@@E1&83c
z)V(>c1U>cy*2CU<(H_=v|7v|mNNQ2#368(ENx~=SAeI-Cl=OG2N^x~(B_Z@Dr;2ym
z>aPLn0|0R&lLstcaK>5Rq4Qj!3=~uN7I5)wHUDKus9RkzGHo1CxrQygrFMW<RMNW(
z>dY^4aCF;QTxz?W!EWGLfwl@OGGEAA%gzR{ZVw5-3%M3&mHcDeF(Uw5?@)Itcx36h
zkOgM$9V#np+#K@<&@kmGv<N7}mnmfVTWx0yWSSHIhwy<2!8z$mT87E8uod4<HmKaU
zuY4<nfBmP-QilI8Y<@gn%ftw%m&)}qDhH?}mfx@NXxSNnJ*?!Hy1<Fag>OJAl{oDR
zJohw|Y0ty^{=w#u7H<<zW5OQyiVy{x&o33&nti5tZw#c6)d?b@uIOD=2qHmW?>^N_
z7e<SYYP%}KZ9%G(k9?G;(}CZ9WLL>!OXdk|wXifHdE!ekm#i=4T8`&!$OvmPI5yC2
z<P?0R*CT#`Kb&dLkW*UQO#|a(ri<==>$bQBJ|QB*mFbd4jT2v%ymN3=POlr5dLvue
z)$?r8Y1sx^MQbWIUg(XU;bw{Gg!vkNL9E@%C|sJC9T2m8>`wf&CE-5_WBsxO=ZWXG
zJ^VXV@tFifoqoKuT;xbtwZXB=<)`(;KWo*%iOpZR&|4nBBBUGAT1PImr)pMT^~o81
z3Db|gk)@t9ObDa=(kZwt=wk2QtF9{P6XX4=1xMr-WLJamJn8J5v>jf!(g?IfZckP-
zyJj^XJ-_0)&E)mVY^sYjSz6c5JV>ZsafC@G9bn;XXHf%Pl8)nOss&gtA3GB-VA_*B
znQLtdmj3J6de*Z-dCo0K0#=F&3gV%<sT&J(6J(_PRn^2myzyo<Mau#=WYE(Z67V#u
zs01Hq;cA;UM;J&)Siy-%DNlb#XWp@|XC=K!=6V_*e0lb~rM1;Z4?FV620bsTv8s{O
zih+m1L3B}JA?ewK5xV<*hiI|GfzEb}m-o~!O$C07ABnRkG6-_Z#cBEUW!%rywFP9G
zTKt&WVmBlH58-*nNBlCcI?k#2{3ZXzD-#X7RX*<LcsZ`mYWa_ch)!U?&9Gy-+_j98
ziFv#HBxKxRG`!_9GA^!q?K@<f^DI7U<O*(>&NQG$PxM^FtiW)Cc|>Z<L(j|mD?Tr;
zo>UXv$I4<7Z<!0)T6qO-$jzZF*W532&If+$Q_5c};6{6UAghk#TXG*wBP&iIE=P57
z@v~i)TTC7~_UO09QKi@Qu+rW*$*Q9q>$^N<scQ1t*>C05l9uP<Q;lj%M9SHE{L-uj
zFWGmY!HgNBWb%Ca1>u|cl_Bf|j*14VCW1r486zbt)TY`2zr7Wo7Z<lTi>qe%BJ;Uw
zBSK`myjjpm<<Lyw4|)iF<)A`7kr>gheAl1HS6KaqmVGRO5H?B_3ZUgDXEaUrgY`MT
zWV~$j_U9exDbL<0I!8P<NAhD4=gE-PFW${l+`f~^hCUV_Y1k(N9I=8ne%zeFXx#%*
zRB{ol>_63@>Z6JiJlrb^BCVUB+VF}2&5<Dj`Bx(2WN}Pi0{FJ#tTA*0Q$}ozGOC>5
zRr)Y<(|>)wVEH}%<S171B3&17tKD+bVWBV31?OqT*kW)*gVJkS)Pc{vLyz_tL0~PZ
zD+u43T<9FdXkPB&Y`H0L?@PENX-SZw1F+VG1Pe8hCY0kDm;_iGI39on%0$7~kV|=s
zdXzO;=ham^fT?49d)coX2OD=7*x~;rQ71b4f3kf-;U1=1{{JBAn?q0k`#{AawsJ6a
z=15H0mnM`QkXz9^`h2TG6-66D@MfUZ5L|HCWT_7@=66ng5P4c|TW=b8Wzcnc?X@T{
zAoYR*sudhHVlMQa2@HN&*IE8S<yBM|Lij}2T;fN;GkPjA4ahx^5q>9-Ja4)Hy}FmD
zd52NhU9mARR7gfj+c}H!hP^xM{Q^D#;<Jwlg}VYBqd4L*ytYEueSf##WAJ+o{9Xh9
fCN;p7tD0t<>ol-?^8ox(g`Cc~o_=x4|IhygREf$?

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c3c206293307a6f2560c84997ce170b02fea404
GIT binary patch
literal 5540
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
S0DOIg9RI`RtMaqH-~SiGzpjh`

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..bacb1bd8f2056683ad7809b69f5990f6eb56e340
GIT binary patch
literal 5431
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalalignmentstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f1160e41a596cb021e2912390b096e8c47e0cf8
GIT binary patch
literal 5466
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c3c206293307a6f2560c84997ce170b02fea404
GIT binary patch
literal 5540
zcmeI0do-KrzQ<oWYN}QHw8x-Y>FiGFMjOLa>Qb53oEnERyQmsz$W%g$(5Op<gfZAt
zMR!$0UD8=LM%68f(nOG{TM!*paaWh5Dg+@!M9vfK*}JD}&L8KmS?jF%<9XMc=bq>N
zeLuhN`~LWii-V@d0SyR(G#$VG>H-9*tSHOJJ3$TS<@ikq(hhX|>Wq7o%6#+g%A*mN
zVT&SZUf9CXwHo|kr~9MA^AY>0AAkI3$6&v#=lc#{yQXJTbL7}r^`XgvTeUy`?eJ92
z)&5WP9EQ&XR`tK(eQSfgX<pd=xaQZxA02P?>vM`gn0#74$kd8hV+<Wi&JH+vQIh|3
zjj|vR&*oamN;=|ao<Y$3LkQ|F{hi7j7Iq1V=q#~d2L+|k>reLh>f*j;QB99uyhm-Y
zBG|*#wQlUF9A7bKpPQQAQit<@sySnbxu}`cu~C2hB{x;PIC}<<o)`RbTwLM;Nm9|c
z7t++fE-*!BYio@#imcD9>Mh#~(o>f={ki_wdi^;01FBy5hS1D=IHM979F!IY?oBwO
zz4@zQ1-aH1U9J3MIo?xyk}x_eq>f*|!xBq!jv!VDi(euh7f|&cZ~b!2XkaIXVgsgq
zHAnLDT1c|I)!HG~LU-8*COEg?_4j0~hD|-9=?h-<C5$kJxIcRH-ST?lI`>$wwwr|x
z4wYa6*kFrfF)L(ddgyRQXwCUMxhVZ<dsa=JSihih%>&m9+9&8`^Vb8|v(@aNVAqy0
zdX-fVxZiGlDfujPu=V9BVeFjiEdn9<Pm-dHz=Yg!-9%=YdBRS%;{@G_YKRfpfCYuY
zfyGIfkWvVR6(G)GLWYM7l9^?yp_#$TS!=6K?j?CAW?LAfi?@6zu8rbh^uB;*-&4Ct
z!-Y;6m36Bv&cxT#u|yGNeb%;Wt0V|tt{x}<3DmY)>=kH^Z}c!G65*PV%pozG&L9Ls
zJc=>&rTDi>G^S`|?YS0z3MTWlTVicF)Yc)EEs*ldQbq!|>vY9>(Mq%&GRpz|Y}bhJ
zo-o?lB;+|Dk(?V_E}{xTn9JSuQx!2--yvg2_+)LfYj}Cq!Bs87NiFWsY7T6@aI=uz
zw&Q7uYEzn(tleJPuGmZ+k$Y5V35z=S+|QZ&=tK^<L~ue+wUfval324s-gv`0uL=LK
z>p^Cr2CA0s9zVM5q}Vt_?BJmDxHeJ8Du<0N0<iU})G|{~Uxae^I9mh06u!RP)Zfe5
zV;%j3mTYI$?zc};g-2LLKY{TyMT%8QHi;sOmAWdHMu~LV`VwN=OC-C)kOs4Kvx?BT
z-pR8wzbr{(CgW2u3hV1JCsKB6^E4|qlSCaRjr>&Uqot_3bxdh~%)H5XuFlvJz3K6)
zc|ls4guvHQw_<(1SH|tUFjJ&2iytM7{!~DuKM%;_ls{egI-e*%AAhy9>t~nZ44V+2
z_NsoeHHP*2GppJmZeFD6Kl)}r@@2ioCWV{S&%czSC_hu({F4TG2eDy+xy@!>x5;p?
zZy%Y$!^5VN(0dJD?<}vy*HLM*XEjauSuE^S)PtM^^@jQ(AUeXEE;Id{f*^dVg>KPR
zIhy|Xk{9|7zg?4g(6(0-@^pYZj|Sw9C?=lSKDKQCton+XGZ<A(#^)xxY7xZOkVg1y
z*KpOQ6LX0r)~wGvnQNEZK~Pr*-I)f8NVl`>6w^-AGH37*@3eN&o0UNf5c441(z4Ae
zHbNJQ@JuZ6qI`E31icUe)Cdkm1A1EA@*+3dFH3%H{)HJN%-3)WBVV~IzZOV32t~Li
zmJAN%`>}?22h`(6-7wdHNF=2|Br3jZ?ob@x11hK2*SqkB`F!iQVli>jmehi<AbG1z
z7<+q_SJr_T;0+r?o`cWX@*CEe^fwV11<A6vy;F8)?r#&Y$8Jonqdw6w76xm_ou1%b
zgPU-)CHFE5JI^B|>@iOj-VW<Lmjy=br)?Kyvp<xUWlZy~AtT4CZo3rkmo%aw$=~ot
z>qf0<b6TtKA92#<UeQsfl+2kzeA-Aar+LR{ZyGv|Uq;iPd6A8=v~(C8IpA-$XEX6%
zRP5+W==%PH2a3D6s`^FX7cL8w#qSKh)%V*s;d<aVVbzt3jx)>~KPVVWk2M6GgeZ-U
zcfeuWZt#wADLs93x_kCf?FWv<Fg?FO(!L2e?n+p0U-};NK;tjNUea`xSZfmS!Bv20
zQ}(nfHqhJo#5_<-%iIZc=?S@|ipmCf!#S!2^neH7lsU*d;D66Oj=v`<1M=kmTIh&#
zgm>MAk=n+4_Pg5NpP31)uBp%Wk8P$-Yg49DvvXL6P**uR>o4qAheH(26dFfKlY0oJ
zZ9?-i#v6SW;%&2!w4Z{Y)l^pI!lQbq`~sMiOYBFGL*izm+q7b0?Y644_#KVH3i4&N
zcmt;4><w0hM@jOCbf7|X$cd&Ek8p93XiI84SmVmFtJDW{%G;P03F^6|>v6MlH>`<0
zI*rFdPr7G$X^l`q3@Ae9#>srveh3Gq`bVlbUEsrzk(Q5-Z@B@^C967*`<eIHP*z0P
zFAQ*}bf;SjxSgYGj1wj%u3E~~bCp9bE2eXnA9}Km8|8<S;zpOs!06dELEr2R!qQ~K
z)}ZSan=vKx$*fcKRum4;s}+^BID1hxwZs{s&6kYj{t(WO!wVl*lKA}mdjJL;zCdTW
zzheDf3}JqaupFPhv#3l5*E*Gc`cC9#(}18bl4UrTPV3&7@)vt?8|LBu_^tcUQ~#N!
zzOccmbmYFQT6C6Pph6ZI#$SO=`zxe5Vk7xfB>C9Dp@z?!ZlD-X^0dekRKkFgo7R+t
zDwO1w|G~Y=|8onzF-e^kkgp$aT9~^Chi#Ru@yn@9YwCH!42Fm)>RIw;9Yeq<Xy2h|
zm5H0H8)5ar`Ehx_m(}7e)RW3g`{XqK@Yu?NyN9xauS3j$H|5jNnzy1=3Kx_(eph!m
zh$x`o?TG5Up!USv#3|G3g3A4BI!dLytCN6LM%N>QY^QM5n6!pWaK|w%fx5k(6lHLc
zcCd-Cu*rM%rl`ISP<!4Q5VMn@ww~hU^>F0I6bg4<E#N|N#t2b%7I3(4*P>wdUsUbr
znpF$9Sa)X_pT}KIj<yQNWu<oi)v~TtZ_kcRpAX>J{pgKaz!*?40A)8B5b^H&4Bph+
zVESFHqBCA}|6M=YD(Zng&It~s>ZNALV2rHfmpik6P{0x}bO2J|F>GU^Z|8W*tgdrn
z9`46|1&1^N2>+X<F?d5qmvYVJ*H;Q`6@y}>Pmy>)2MBMSPw31$mg4Ny9{k%o7ZK6Z
zQF8`p^Q_DmN<F3Y4vZQ%c5kDGn+0N^gM1P(uuJ$@=}^SAwQWDeY8T<KC3K%MQxD%_
zrJ3j%<{e0ucx2troarRj&{6Sumbxx2Jx_03-8bZkxt3<IP~6wi*f($JptZK6X`#gI
z<XdW1kLRAUqdrUAM!5SS?|Ce?p6>I=)C1p81>0u*n;X{kVoBmb@A=}4!G1?VPz}vS
zbm{BjzFpAMQk|l5?~dTQ9>In^^L_tz_1h0!WK;ih&Rt;4{s%NIaR1CruK5N(Ab<UU
zv=9hlo1pig$)oIK`^iU6%?VnG>nn#56%r6RQg<WBt&g+!y=3;Kxg)S<w;f>mGg59o
z2qy&8_s!s$V(#ARn$x=$+um7EsPDqyr|%xXgli-i0Ztflw#O!eWTrb&QkHjMr|$t{
zo9WHgV@+<ry{RjIZDY42I4E_8nP%o8b6poz+Ztsy%SzIKdKv#)K|{RHVG3UIaw%)s
zwQpWxu8ZoLoQ#hdj%3)F1v8<_BV@&XRvs;SKwtb)B&(}m=uNE`8j*#X@uS}W?QP~z
zR@uboDJ(;!?rEz@EX96h%f!t*<l5|Jvxstv8#|UF_VWOSh6#l}>&Yb_rk-9@hjqxt
z*Ya(*c-dXumorG{rS5HNngwe^<vf48>TFKhNYtOlS6U-yf{}}*#O8T;cluU);I_dl
zDpPIJ&dGUdNIfmiE-iV8lFURh&DpOCV^$*V{*+a#0eK1=>=AtW>Z<EZ^@dz(JAc10
z7rAx`00UFBxsHs!Y#@KZwu)NJ9^_r(R!wm^<C_hl_LBpqYFYXAT-*EpsK_fWcI!6V
zo1&(kV=KWkS8lV-y}wXTkPXKbM?~jA_$Kc5CUSBXdIG*^5A;#6Rf^{FSzAe)LoAXf
zdSiKD`s#ow{|Ia=)%1ix`)+iU=k^vxR+mGZ!C<T_Y3RFrc`m$LBwwKHHjDL<+^OJz
zDW%UN8I~N*04{Lu$IS%M=Afx*`A14bck0A0IW7CKpPTJYF;R(V8}(UjP+HpE!deZB
zxhhv$M=VSZm)<0yVcYp8mxSD$llJ=%{q0th1BtVv72Uf<QA8*!m}wS<UTk@~{JqXt
zW{OUoI7~ziY*du_WQfQzc=5oTdfcEp2G`AnPggJ}bHo!nSQ+E8b&4ibUE0#MzEV&u
zUK}!7_VdU@n(x}K<Bg!W$#&};B3+B2&>_tCg|r{1DW0kLMy$4UT>|j74OK9u&2^OE
zPd>R9_NoQE&e8HkQ5>#624l6IoAn0Jq}WD*jC>RlBDJ9h#Q$@NI|sPm(gSS$4@$OG
z(cLiufTI8(z%<~zBE~uiiOPoSE1}3d7v7msJOSK2uAtiko2QaLG=egUSpas;D2<z(
z7xvb=DO)ezGj4M8_IenK1+=HrQLj3|tV$Z;fGi)Gdd3ykDl5Uu!#^_uEyd-|l~VZ#
zvF$9dcv+fE;cZ|JiLWyfoDEgB{{8LBsQTZwcS!pWP{j_K#U`7caCbRK;~E(}(Vb9)
zzcZG(z=A9D!r>C(gDa&><z|q0Yzd(+RSr2jVb#Om+f(oRq-=V;LT5K*jzrAGlp|ko
z-hbcb>3o=V;;znN{}a3d@F(K&P~7bA^=;sfb$`F_GJl-?A7}snEe2%BGq<k(9a{P*
S0DOIg9RI`RtMaqH-~SiGzpjh`

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c5ef6ad725ddebd18447ac5889ef472890c3092
GIT binary patch
literal 5500
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
EZ)GDlAOHXW

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceAround.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceAround.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..5aca8daa17ee504dcc3b50b13bb106b6549d9218
GIT binary patch
literal 5515
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
F{{=uu=;i<b

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceBetween.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementspaceBetween.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..075bc88237cc5f0698171d09038ea7100326743c
GIT binary patch
literal 5507
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- flexverticalarrangementstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..034675d7f84b751d1292a3a70a74f78eb4d4207b
GIT binary patch
literal 5510
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
BkS72D

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..637c32dc1b3ad2dfad1ce90f84a7f92191a4e0de
GIT binary patch
literal 5375
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ab3d41ea496ee3662fb0e6e05961f8df478def9
GIT binary patch
literal 5353
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
T>AnK4Fd^T40ef3_pZNBl+~@D|

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalalignmentstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..56c09c947cca2e883a749394abddc44843877b05
GIT binary patch
literal 5374
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
F{|$#_Z(#rc

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..637c32dc1b3ad2dfad1ce90f84a7f92191a4e0de
GIT binary patch
literal 5375
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..08c66dd0797b652522e8c218fe3a2e7f8d98e12a
GIT binary patch
literal 4855
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceAround.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceAround.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..b11dc02c11e84fbeb36a1577538c95c0dbbd2ce5
GIT binary patch
literal 4833
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceBetween.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementspaceBetween.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f36214c9188e8ff65f27d2edb75b217c5e2cd28
GIT binary patch
literal 5157
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%0AfcX?)JymHl$5hhF&d3cSw
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
U=RWX9AOLuu^!c>zW8_!=1gYkXnE(I)

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridhorizontalarrangementstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..d71680dd42dbbc343808b00f1181df7f722e0211
GIT binary patch
literal 5363
zcmeHLX;@R&y50~qw+^J|TBQ{vo+@BPNe;9!O4M2@g+i-PieLy;Km?hBL53u9Il$vp
zKnX}9LoN@3qB4{@1d<2>LV_TaAqojYNDKrc0TM%|y92h@`kcS_KKDm|d^>xs^{wIi
z)>`lT?p*u9({<bCU7G;_*yi@_iBkYzu&lR#+XU9INBI8<0H3tDojB%w#bDtv{-!1F
zEc}f^x};h#<GzIMB;6ERH}#xtzqLWYxd~*Xwf}I-@W7em{Xf+Y?`${|?!Wu9h~##I
zaQuDTix)-%tE~IPxbopu7O8B6G8b+5>zPzqv(W7GzjMbIAU&Gmx$iA)x7tp>=D~1G
zMN%8O2n!=7x7J4^fur;Tz|p1uZA(nCs>cP9ZAF{>_@9QH!{%!Dd|x0oUxHd~S(-3q
z{F*;o7757dXiR>3sXz-Y=A=H<+`z89g5@-9DSdSI)7g?b&3LU1X{O2S+slSEQ7eY@
z=omctwBpFEzRH-YkePk=d{qg8=Ruz1345+@nP7#oU!(;+D>ONeKS$2&`*Agu)u`_y
zpE`E9sf)66-lVh;f8}OpS|n!hy%{0&p)Hbu7c(7&=!MW1;6pU9t?i(79E21bb1wHZ
zTyq}monrN4%5Fz2;bvGvV#vqjyLBQJcYGJL%6lX3)$}TI=pr`!6LM}tcZNgT3z*08
zjkpWg@WQYLhQnr$UdmD`>#jE@V>LCVe7MYghIKa}0KUnh%#c+)29B}z@(R|K;#L6w
zeGfmd`C#J_>#bPf_?~%_j);h?LHIu(KJ`FQP(S;TrNTFvZ3hvTAuR0(+i0t6j|S#U
zf%>XG%XsKRya{G7c%gkitY|@WJC9<@Tsit+J0Pz>H;Tap-+P_(d4c~7@<^APXSICk
zX=z7c^U~3s#w`XIT}8wYHv<ZWmm#ia{G%6qH^2}dM0BjDC_{`(Y@lAB?*M9a-i=cn
z<*~`yVcXR85;$@+S2(gCkf8D|>4UTO=bLW4s<~IYP4n13nhQp+cLc5qeL!1j4-ETq
z*DOS;N^2F3^75KAV@Vw%UbgNjzkenhm6MhhdLDc3P(NcPEn$MM&El9fTL8Y(rEqO!
zt16U#C#|#Jz1ogsNgd<l6FO1PMAR!`X9l-WpQqlFva2<{{es1Y?9g-P4oNZ}{})xN
zo6_B3H#Uwe-IlISFRQ$S;Y_W{FxuQKLEynqTQP0pnUg*=iAJhas-I*NPV=<qq<xo1
z;ciw3l24AJllJpv3#dGLvF@87Y3r&xKldJ|?~ou%)M^h`YG4~CzpH#Seru+m;p9b|
zR}yVgwIt=3=H6fq`t6OKJE?z@^LED<bMEcROc$?&K%&bc@grxI-l@k>`F(wd%FTCN
z7@(k3GtP<x#7C^V_(?p9n&)3k61hmt!`u)9WE4&3ZI-kgpdAU<1pyYb-8`)#R#<|1
zHaOUzERWJYkE6HM-!;DQbhWcvM&&KGDI1Ba(xv6uc?j|gzH&nPG#F0TdGq9uKvK1?
zt4UaF+~!z$|LEQkgv)K>5{ZAO8b8zKpq0=eZ@AGf>t6Tj(@9wH)qQ>DRLZ7DN8}=9
z6KZ84p~FPlxA;;DE;9M;Zz`GiK}*k-!rRM+s_}E##r@f>D^lTg^vX8BB*_%mDY{rD
zc^P<<3mM&jX>xg+64-mGKapVc3^7~VZFYnT(`lhH^J<kV7-RBD1zwP<OwA@Bb&70)
zoxlHlf~Y^)tC*qYw8}5@@1UbBlI4|Jv95<!2WQi@GX+ax?XZ^yS4G#B1Co*F{$7Gh
zsO9+DRyF6w$x`RVCnp)|72Uq-E3>0z=6}E+wWpd9zn7&`%=vPl7E``_`rpX8n}LDW
z->vsB=NZm0zYlz{w5Pf0oyyGtjrM_SSEFP4_(p60fcxv`{b>m$&M~O>GQH>4*S72J
zk7>P&=b-IzPK1cVP|<<4o8Z_o$euo)Ca$*+q$$fOKn=>Lv0_Lp5KLelT5L$3<ef$P
zTzx}gWyQ2O$0D$Kr4};rT_khiXk;@Z|9t=r_$DN=NBy|BJ=rcJN)nt<VFJjT(72$4
ziUK{FUe%Ns0$*1D$ymkYqJ<4>DD!h+HHbvO*!JsNc7P#E1|$)dLl<$4+sV0k9d#9+
zn9mQ?e0_Z>FRZ~nFvX2RFDHfWcKVq7PtbGvc<`A+*4~($tSZj=m=Z(Z2Zl~@f&mZ5
zB9Ed-JBQc{7D%@u&sf=On(0}Jn`KSXj<J$dY~D<_(fJpqsKW)R*d65hNb@E>ZV#eG
zb;s1<OVVsvuLq)LZyU?n^sIPxoT|Xa;B&)j)^o%P9g>~0W4lkVBE2!jjzylHyd(Lg
zR<>fn+^}10T(E_ul;VDG=pz<kc#GszQ_jmMr<*2K(pe7e*oa*^cg(a5_3hAyxw@*U
zGHyN&4!Q=KynltaAL8%-MR|VXReaDwJ2LdywpzwNI9<a1nqzO>Im<c9)Vwrhq!E9N
z4d!B~${3LU7M(k;W04Y~8>lg3S=v2*bY$;~v>(kJU-loevUMQLr+8bQeh4~pI#+@`
zCln_@?h1<k5acN*cYq%6K;Eip9pouLft63*fqW0hWBuR|<v(t`dL%}u-s8cWqa0f=
z#o#}+h{A^FhIt!cydokqI|P+cSvHyAQNO0em|92&%VI!B-~w822zt#28X(!|!^nVW
zKZFy~)LemjbKWdqA=K1mbT#!n$X(&aClg*ppqd_W1aB*$r-}gNY$CTD<etJ7={5b#
zJQGX(Lic7HVW*!#`~qHWx+?bJme;{xwY0B{RP5ER{h@HP4OhiKans+Cvua2@Ot7wk
zL0HQmr-9sD!>la+40Q3~rh_BbFfT=B8m_eoN9-k0^97{<vMrID4u&Rga?kJLT7?^@
zJ76Pku4D!sKI|%n8LHDLXd7ZpEt20iWs>BFp4;T&pO|uXS5}S+e#Hh>CAT$tBmUO`
zv7W4nnm=TQf%fA6s2XQcm>+my_xWIqpA}0(vEine&=I?n4oM6+xgNZd>stjKD;j#J
z2^jx$qeTUHCBdy?<@w?7!^w9+7jOr!TGi3M+U#*^O_G>S_CAWrG9-DY?4E;l8B}rf
za%7*Li`V$rrtEimOkOeJ6(*sV=Z?<1;B*!0Nd?22`Z`cY=d*|Mt6`F^?OqYWe8SX%
zatJDAkB|Q{GNN@3RDQ)T65$`S+qHx2+*MjUufWSW)*|{V<vej_CE@vX=0WO3f>xX|
zu_}h^ZkswL`)fO4+WY_<-_?ceii$ZbLA805=#>7<LMHCj&yyFi6DzK=!hT&lYoGeD
zE76Jg7Rn^q;a_?Qzv##F+-=OVJG7@MHZUp?$<&o7gg(_usKF#cQNq`(n9^5H2u0Ll
zuVHaqyLO2E$!A+vm9%(#AY<`+olTLaWpsm*&s^fm2Ik;pe4<So&jT&1t?s=>N1Kgh
zVncQN#Bs9gC|#qPI|moG&twbUE+C%HGgqmiuu;>kDtE+bK|WuzH=)ytPrio;q)tVD
z+<ZqrD`D~yGlxQf&?MQqSMf{oCc-7&awV!*pHG%2UPdx;uxIA_wh2w@n&U3%`BzG0
z=LaL3bEDpt!;Mt#!QYK5Zoxvn+$DH&76A*$d~m?l7Anh~Y2uT%2fnFQkEr;&$1=GP
zFZSb9cfWv^!}*5}y6i>REAJ$~QV{m)vv^I>CJM#QDG0XAMLz$Q*UAuT@lb+1ih+z`
zD2yS#1)XK#*w+$B%0%<)mIB#gw$9IGSgp3LB`p4Wqk9IVp&H_{jXCelWq!dZzB69%
zMd@>-f}w0sKCo+b=x2)ZQbyWDqx`&lhWeqcld9f%b~?>V@M7L*BW@;3#IT1ac1N8b
zVCM2T5!NcfNM}IOM2UV>rg!-hP*nBw9*Pf{z3o&N%Pw+=UD{2Pw9FfcD0btf7ba%H
z;r$SzY|437O@qpw!*toL(|J)_C0$$4%Xc`4gCdBO7;kN21XaGNP>8k!uCCVTmJI`T
zL^{eO>TxG&pRJ3u>qd8JK+Ez8-tr|BWqW*^bB#$|ofkWvIcqGdleXFsukdxfBrk$Z
zytC*$T2;n3l~d8>-c2vrL~Z9VYj`>hq0MQ1(;4{h<h!A~njE71h;*|m@OM~S`^8-V
zsdKVdFBbGS>P%rZ;2RRdSTBGQ0W6fP7aW`m<~EF#MVeb>ghKSbciwR;CO(VrSU?MR
zOmTal=Rryjs4vDSoyy)myS_~pm4@^I@jgpwG5dKQCC*Uo<LCzRuRw4FD~>bVKFZb$
zm00nhy(F-%t|+<cvK39!2%$}_qTl}t0*FE7`5gG8gPeHm+b;C&{Fapd+vvui7>4Xx
zcY2TxT(=|-R1aW-0Y>T#Hk7n$8=HSHz$E%KPOVEE>Ku-=HzQ;n7~e@8ZJc^6!swX~
zKt|_XdM9x-!7+^3rSCy4)beMEGZy|QiG!R-<fg340lNS`n}SV!6t%VPSBLM2AG<(5
zq-~)2QU2MV(Q_esxq~6z|Kk&>#xf+-DM$uB))?){baGmce_^#p>1H757cdF|s94rH
zYfY&jk4;3zf^X|p(N(ePu@t03cXpp}G9Y-D4=`ry>YL~na6fu>r^w2V|0OBR#{kn0
z9@@gzBx_Kg4Sqy_{+{;esh<PMakx?-e`zF0pHF(96xsuS`5@;MTpLh>0EI_g>u=j6
zC;xPi-f`t$b?chpuRQ#fhriCi|GP85(?NWkKAEKcU0x3UnF+Xk<9VX$IOae88%*P%
AxBvhE

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbab6168980ff6245fe0d7c5c95d175a57e70d1f
GIT binary patch
literal 5499
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c28a6787ca6802983042644e003705f087109e0
GIT binary patch
literal 5488
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalalignmentstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..a70f21f69e4b8a73de804a03bf1c805681fda516
GIT binary patch
literal 5506
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementcenter.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementcenter.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbab6168980ff6245fe0d7c5c95d175a57e70d1f
GIT binary patch
literal 5499
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementend.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementend.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcb4fc1ed0be38c3f962ea81ab4827d964d682cf
GIT binary patch
literal 5494
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
Xb;+6^_JRLXp#$G~?yGbS{NcX=pMtmY

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceAround.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceAround.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..b491906a9ce66b3a96b08f80dfe521c16ec52c9c
GIT binary patch
literal 5468
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceBetween.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementspaceBetween.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e5c20d71d9e6e729c6c4b378d91e34f863d78d1
GIT binary patch
literal 5468
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementstart.snap.png b/cypress/snapshots/web/components/Flow/Flow.component-test.tsx/plasma-web Flow -- gridverticalarrangementstart.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..536eed75f51225b3ef4efdac9a61d6fa4219fc99
GIT binary patch
literal 5515
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
Lc`W~k$CZBr!_+@r

literal 0
HcmV?d00001

diff --git a/packages/plasma-new-hope/src/components/ElasticGrid/ElasticGrid.tsx b/packages/plasma-new-hope/src/components/ElasticGrid/ElasticGrid.tsx
new file mode 100644
index 0000000000..cb0ff5c3b5
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/ElasticGrid/ElasticGrid.tsx
@@ -0,0 +1 @@
+export {};
diff --git a/packages/plasma-new-hope/src/components/ElasticGrid/index.ts b/packages/plasma-new-hope/src/components/ElasticGrid/index.ts
new file mode 100644
index 0000000000..cb0ff5c3b5
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/ElasticGrid/index.ts
@@ -0,0 +1 @@
+export {};
diff --git a/packages/plasma-new-hope/src/components/Flow/Flow.styles.ts b/packages/plasma-new-hope/src/components/Flow/Flow.styles.ts
new file mode 100644
index 0000000000..ca6d67a64a
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/Flow/Flow.styles.ts
@@ -0,0 +1,135 @@
+import { css } from '@linaria/core';
+
+export const base = css`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    gap: var(--plasma-private-gap);
+
+    border-radius: 0.5rem;
+
+    &.vertical {
+        flex-direction: column;
+    }
+
+    &.grid {
+        display: grid;
+
+        grid-template-columns: repeat(var(--plasma-private-items), auto);
+        grid-auto-flow: row;
+
+        &.elastic {
+            grid-template-columns: repeat(auto-fill, minmax(var(--plasma-private-min-width), auto));
+            grid-auto-flow: row;
+        }
+
+        &:not(.vertical) {
+            &[data-arrangement='start'] {
+                justify-items: start;
+            }
+
+            &[data-arrangement='center'] {
+                justify-items: center;
+            }
+
+            &[data-arrangement='end'] {
+                justify-items: end;
+            }
+
+            &[data-arrangement='spaceBetween'] {
+                justify-content: space-between;
+            }
+
+            &[data-arrangement='spaceAround'] {
+                justify-content: space-around;
+            }
+
+            &[data-alignment='start'] {
+                align-items: start;
+            }
+
+            &[data-alignment='center'] {
+                align-items: center;
+            }
+
+            &[data-alignment='end'] {
+                align-items: end;
+            }
+        }
+
+        &.vertical {
+            grid-template-columns: auto;
+            grid-template-rows: repeat(var(--plasma-private-items), auto);
+            grid-auto-flow: column;
+
+            &[data-arrangement='start'] {
+                align-items: start;
+            }
+
+            &[data-arrangement='center'] {
+                align-items: center;
+            }
+
+            &[data-arrangement='end'] {
+                align-items: end;
+            }
+
+            &[data-arrangement='spaceBetween'] {
+                align-content: space-between;
+                align-items: normal;
+            }
+
+            &[data-arrangement='spaceAround'] {
+                align-content: space-around;
+                align-items: normal;
+            }
+
+            &[data-alignment='start'] {
+                justify-items: start;
+            }
+
+            &[data-alignment='center'] {
+                justify-items: center;
+            }
+
+            &[data-alignment='end'] {
+                justify-items: end;
+            }
+        }
+    }
+
+    &:not(&.grid) {
+        &[data-arrangement='start'] {
+            justify-content: start;
+        }
+
+        &[data-arrangement='center'] {
+            justify-content: center;
+        }
+
+        &[data-arrangement='end'] {
+            justify-content: end;
+        }
+
+        &[data-arrangement='spaceBetween'] {
+            justify-content: space-between;
+        }
+
+        &[data-arrangement='spaceAround'] {
+            justify-content: space-around;
+        }
+
+        &[data-alignment='start'] {
+            align-items: start;
+        }
+
+        &[data-alignment='center'] {
+            align-items: center;
+        }
+
+        &[data-alignment='end'] {
+            align-items: end;
+        }
+    }
+`;
diff --git a/packages/plasma-new-hope/src/components/Flow/Flow.tsx b/packages/plasma-new-hope/src/components/Flow/Flow.tsx
new file mode 100644
index 0000000000..89bada159b
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/Flow/Flow.tsx
@@ -0,0 +1,67 @@
+import React, { CSSProperties, forwardRef } from 'react';
+import cls from 'classnames';
+
+import { RootProps } from '../../engines';
+
+import { base } from './Flow.styles';
+import { FlowProps } from './Flow.types';
+
+export const flowRoot = (Root: RootProps<HTMLDivElement, FlowProps>) =>
+    forwardRef<HTMLDivElement, FlowProps>(
+        (
+            {
+                children,
+                className,
+                style,
+                orientation = 'horizontal',
+                arrangement,
+                alignment,
+                mainAxisGap = '0',
+                crossAxisGap = '0',
+                minColWidth = 'auto',
+                itemsPerLine,
+                ...rest
+            },
+            ref,
+        ) => {
+            const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');
+            const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);
+
+            return (
+                <Root
+                    ref={ref}
+                    className={cls(className, {
+                        vertical: orientation === 'vertical',
+                        grid: needGrid,
+                        elastic: hasMinWidth,
+                    })}
+                    style={
+                        {
+                            ...style,
+                            '--plasma-private-gap': `${mainAxisGap} ${crossAxisGap}`,
+                            '--plasma-private-items': String(itemsPerLine),
+                            '--plasma-private-min-width': String(minColWidth),
+                        } as CSSProperties & {
+                            '--plasma-private-gap': string;
+                            '--plasma-private-items': string;
+                            '--plasma-private-min-width': string;
+                        }
+                    }
+                    data-arrangement={arrangement}
+                    data-alignment={alignment}
+                    {...rest}
+                >
+                    {children}
+                </Root>
+            );
+        },
+    );
+
+export const flowConfig = {
+    name: 'Flow',
+    tag: 'div',
+    layout: flowRoot,
+    base,
+    defaults: {},
+    variations: {},
+};
diff --git a/packages/plasma-new-hope/src/components/Flow/Flow.types.ts b/packages/plasma-new-hope/src/components/Flow/Flow.types.ts
new file mode 100644
index 0000000000..29442b8842
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/Flow/Flow.types.ts
@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+
+export interface FlowProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Расположение элементов относительно выбранной ориентации
+     */
+    arrangement?: 'start' | 'center' | 'end' | 'spaceBetween' | 'spaceAround';
+    /**
+     * Выравнивание элементов внутри строк по вертикали при горизонтальной ориентации,
+     * или внутри столбцов по горизонтали при вертикальной
+     */
+    alignment?: 'start' | 'center' | 'end';
+    /**
+     *  Фиксированный отступ между элементами по главной оси
+     */
+    mainAxisGap?: string;
+    /**
+     *  Фиксированный отступ между элементами по второстепенной оси
+     */
+    crossAxisGap?: string;
+    /**
+     *  Количество элементов по главной оси в отображении grid, при itemsPerLine > 0,
+     *  иначе используется flex и flex-wrap
+     */
+    itemsPerLine?: number;
+    /**
+     *  Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов
+     *  `grid-template-columns: repeat(auto-fill, minmax(${minColWidth}, auto))`
+     */
+    minColWidth?: string;
+}
diff --git a/packages/plasma-new-hope/src/components/Flow/index.ts b/packages/plasma-new-hope/src/components/Flow/index.ts
new file mode 100644
index 0000000000..8a210dfdfd
--- /dev/null
+++ b/packages/plasma-new-hope/src/components/Flow/index.ts
@@ -0,0 +1,2 @@
+export { flowRoot, flowConfig } from './Flow';
+export type { FlowProps } from './Flow.types';
diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.config.ts
new file mode 100644
index 0000000000..0c01f86c85
--- /dev/null
+++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.config.ts
@@ -0,0 +1,4 @@
+export const config = {
+    defaults: {},
+    variations: {},
+};
diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.stories.tsx
new file mode 100644
index 0000000000..7f7f86d8f1
--- /dev/null
+++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.stories.tsx
@@ -0,0 +1,114 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import styled from 'styled-components';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Flow } from './Flow';
+
+const orientations = ['vertical', 'horizontal'];
+const arrangements = ['start', 'center', 'end', 'spaceBetween', 'spaceAround'];
+const alignments = ['start', 'center', 'end'];
+
+const widths = [100, 32, 171, 74, 179, 55];
+const heights = [10, 50, 45, 33, 14, 55];
+
+const Item = styled.div`
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    background: #aab1e9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;
+
+const meta: Meta<typeof Flow> = {
+    title: 'b2c/Data Display/Flow',
+    component: Flow,
+    decorators: [WithTheme],
+    argTypes: {
+        itemsCount: {
+            control: {
+                type: 'number',
+            },
+        },
+        height: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        arrangement: {
+            options: arrangements,
+            control: {
+                type: 'select',
+            },
+        },
+        alignment: {
+            options: alignments,
+            control: {
+                type: 'select',
+            },
+        },
+        mainAxisGap: {
+            control: {
+                type: 'text',
+            },
+        },
+        crossAxisGap: {
+            control: {
+                type: 'text',
+            },
+        },
+        itemsPerLine: {
+            control: {
+                type: 'number',
+            },
+        },
+        minColWidth: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Flow>;
+
+export const Default: Story = {
+    args: {
+        height: '13rem',
+        orientation: 'horizontal',
+        arrangement: 'start',
+        alignment: 'start',
+        mainAxisGap: '0',
+        crossAxisGap: '0',
+        minColWidth: 'auto',
+        itemsCount: 6,
+    },
+    render: ({ itemsCount, height, ...args }: ComponentProps<typeof Flow>) => {
+        return (
+            <Flow {...args} style={{ maxWidth: '28rem', height: height || 'auto' }}>
+                {new Array(itemsCount).fill(null).map((width, index) => (
+                    <Item
+                        key={index}
+                        style={{
+                            minWidth: widths[index % widths.length],
+                            minHeight: heights[index % heights.length],
+                        }}
+                    >
+                        {index + 1}
+                    </Item>
+                ))}
+            </Flow>
+        );
+    },
+};
diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.ts
new file mode 100644
index 0000000000..e5f13d0159
--- /dev/null
+++ b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Flow/Flow.ts
@@ -0,0 +1,8 @@
+import { flowConfig } from '../../../../components/Flow';
+import { component, mergeConfig } from '../../../../engines';
+
+import { config } from './Flow.config';
+
+const mergedConfig = mergeConfig(flowConfig, config);
+
+export const Flow = component(mergedConfig);
diff --git a/packages/plasma-new-hope/src/index.ts b/packages/plasma-new-hope/src/index.ts
index cc4282c914..77159c6b4d 100644
--- a/packages/plasma-new-hope/src/index.ts
+++ b/packages/plasma-new-hope/src/index.ts
@@ -12,6 +12,7 @@ export * from './components/Breadcrumbs';
 export * from './components/Chip';
 export * from './components/ChipGroup';
 export * from './components/Cell';
+export * from './components/Flow';
 export * from './components/Link';
 export * from './components/Spinner';
 export * from './components/Checkbox';
diff --git a/packages/plasma-web/src/components/Flow/Flow.component-test.tsx b/packages/plasma-web/src/components/Flow/Flow.component-test.tsx
new file mode 100644
index 0000000000..f9dc638a50
--- /dev/null
+++ b/packages/plasma-web/src/components/Flow/Flow.component-test.tsx
@@ -0,0 +1,85 @@
+import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils';
+import React from 'react';
+import styled from 'styled-components';
+
+const orientations = ['vertical', 'horizontal'];
+const arrangements = ['start', 'center', 'end', 'spaceBetween', 'spaceAround'];
+const alignments = ['start', 'center', 'end'];
+
+const widths = [100, 32, 171, 74, 179, 55];
+const heights = [10, 50, 45, 33, 14, 55];
+
+const itemsCount = widths.length;
+
+const Item = styled.div`
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    background: #aab1e9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;
+
+describe('plasma-web: Flow', () => {
+    const Flow = getComponent('Flow');
+
+    const Demo: React.FC<any> = (props) => {
+        return (
+            <CypressTestDecorator>
+                <Flow
+                    {...props}
+                    style={{
+                        maxWidth: '28rem',
+                        height: '13rem',
+                    }}
+                >
+                    {new Array(itemsCount).fill(null).map((width, index) => (
+                        <Item
+                            key={index}
+                            style={{
+                                minWidth: widths[index % widths.length],
+                                minHeight: heights[index % heights.length],
+                            }}
+                        >
+                            {index + 1}
+                        </Item>
+                    ))}
+                </Flow>
+            </CypressTestDecorator>
+        );
+    };
+
+    orientations.forEach((orientation) => {
+        arrangements.forEach((arrangement) => {
+            it(`flex:${orientation}:arrangement:${arrangement}`, () => {
+                mount(<Demo orientation={orientation} arrangement={arrangement} alignment="center" />);
+
+                cy.matchImageSnapshot();
+            });
+        });
+        alignments.forEach((alignment) => {
+            it(`flex:${orientation}:alignment:${alignment}`, () => {
+                mount(<Demo orientation={orientation} arrangement="center" alignment={alignment} />);
+
+                cy.matchImageSnapshot();
+            });
+        });
+    });
+
+    orientations.forEach((orientation) => {
+        arrangements.forEach((arrangement) => {
+            it(`grid:${orientation}:arrangement:${arrangement}`, () => {
+                mount(<Demo orientation={orientation} arrangement={arrangement} alignment="center" itemsPerLine={3} />);
+
+                cy.matchImageSnapshot();
+            });
+        });
+        alignments.forEach((alignment) => {
+            it(`grid:${orientation}:alignment:${alignment}`, () => {
+                mount(<Demo orientation={orientation} arrangement="center" alignment={alignment} itemsPerLine={3} />);
+
+                cy.matchImageSnapshot();
+            });
+        });
+    });
+});
diff --git a/packages/plasma-web/src/components/Flow/Flow.ts b/packages/plasma-web/src/components/Flow/Flow.ts
new file mode 100644
index 0000000000..b6ece1bdc9
--- /dev/null
+++ b/packages/plasma-web/src/components/Flow/Flow.ts
@@ -0,0 +1,5 @@
+import { flowConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+
+const mergedConfig = mergeConfig(flowConfig);
+
+export const Flow = component(mergedConfig);
diff --git a/packages/plasma-web/src/components/Flow/index.ts b/packages/plasma-web/src/components/Flow/index.ts
new file mode 100644
index 0000000000..0ef6e7fc11
--- /dev/null
+++ b/packages/plasma-web/src/components/Flow/index.ts
@@ -0,0 +1,3 @@
+export { Flow } from './Flow';
+
+export type { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
diff --git a/packages/plasma-web/src/index.ts b/packages/plasma-web/src/index.ts
index ab09a0a62c..ba54dc1eec 100644
--- a/packages/plasma-web/src/index.ts
+++ b/packages/plasma-web/src/index.ts
@@ -17,6 +17,7 @@ export * from './components/Dropdown';
 export * from './components/Drawer';
 export * from './components/Editable';
 export * from './components/ElasticGrid';
+export * from './components/Flow';
 export * from './components/Grid';
 export * from './components/Image';
 export * from './components/IconButton';