@orangesk/orange-design-system 2.0.0-alpha.0 → 2.0.0-alpha.2

package/build/components/tag.txt

@@ -0,0 +1,30 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["728","static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[9157,["728","static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js"],"TagClientWrapper"]
+7:I[593,["728","static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js"],"Icon"]
+8:I[9665,[],"OutletBoundary"]
+b:I[4911,[],"AsyncMetadataOutlet"]
+d:I[9665,[],"ViewportBoundary"]
+f:I[9665,[],"MetadataBoundary"]
+11:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/05c85c9ea7e2ea58.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","tag"],"i":false,"f":[[["",{"children":["components",{"children":["tag",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["tag",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","ul",null,{"className":"list-unstyled","children":[["$","li",null,{"children":["$","span",null,{"className":"tag","ref":"$undefined","children":["default"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--orange","ref":"$undefined","children":["orange"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--black","ref":"$undefined","children":["black"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--yellow","ref":"$undefined","children":["yellow"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--green","ref":"$undefined","children":["green"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--blue","ref":"$undefined","children":["blue"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--success","ref":"$undefined","children":["success"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--danger","ref":"$undefined","children":["danger"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--info","ref":"$undefined","children":["info"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--warning","ref":"$undefined","children":["warning"," ","$undefined"]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","ul",null,{"className":"list-unstyled","children":[["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse","ref":"$undefined","children":["default"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--orange","ref":"$undefined","children":["orange"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--black","ref":"$undefined","children":["black"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--yellow","ref":"$undefined","children":["yellow"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--green","ref":"$undefined","children":["green"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--blue","ref":"$undefined","children":["blue"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--success","ref":"$undefined","children":["success"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--danger","ref":"$undefined","children":["danger"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--info","ref":"$undefined","children":["info"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--inverse tag--warning","ref":"$undefined","children":["warning"," ","$undefined"]}]}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","ul",null,{"className":"list-unstyled","children":[["$","li",null,{"children":["$","span",null,{"className":"tag tag--info tag--small","ref":"$undefined","children":["Small Tag"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--success","ref":"$undefined","children":["Default Tag"," ","$undefined"]}]}],["$","li",null,{"children":["$","span",null,{"className":"tag tag--warning tag--large","ref":"$undefined","children":["Large Tag"," ","$undefined"]}]}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{}],["$","$L6",null,{"isDisabled":true}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"isInverse":true}],["$","$L6",null,{"isInverse":true,"isDisabled":true}]]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--large","aria-disabled":"$undefined","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action tag__action--large","onClick":"$undefined","disabled":"$undefined","aria-disabled":"$undefined","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"medium","name":"close"}]}]]}],["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--large","aria-disabled":"$undefined","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action tag__action--large","onClick":"$undefined","disabled":"$undefined","aria-disabled":"$undefined","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"medium","name":"close"}]}]]}],["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--large","aria-disabled":"true","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action tag__action--large","onClick":"$undefined","disabled":true,"aria-disabled":"true","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"medium","name":"close"}]}]]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--inverse","aria-disabled":"$undefined","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action","onClick":"$undefined","disabled":"$undefined","aria-disabled":"$undefined","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"small","name":"close"}]}]]}],["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--inverse","aria-disabled":"$undefined","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action","onClick":"$undefined","disabled":"$undefined","aria-disabled":"$undefined","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"small","name":"close"}]}]]}],["$","div",null,{"ref":"$undefined","className":"tag__wrapper","children":[["$","span",null,{"className":"tag tag--inverse","aria-disabled":"true","children":"Label with Action"}],["$","button",null,{"type":"button","className":"tag__action","onClick":"$undefined","disabled":true,"aria-disabled":"true","aria-label":"$undefined","ref":"$undefined","children":["$","$L7",null,{"size":"small","name":"close"}]}]]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/05c85c9ea7e2ea58.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L8",null,{"children":["$L9","$La",["$","$Lb",null,{"promise":"$@c"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","zPS2Uf69sLwkdDTprogYav",{"children":[["$","$Ld",null,{"children":"$Le"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Lf",null,{"children":"$L10"}]]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true}
+12:"$Sreact.suspense"
+13:I[4911,[],"AsyncMetadata"]
+10:["$","div",null,{"hidden":true,"children":["$","$12",null,{"fallback":null,"children":["$","$L13",null,{"promise":"$@14"}]}]}]
+a:null
+e:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+9:null
+c:{"metadata":[],"error":null,"digest":"$undefined"}
+14:{"metadata":"$c:metadata","error":null,"digest":"$undefined"}

package/build/components/testimonial.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1b3f28cfd13039ad.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/testimonial/page-a3615b0a32c32fe1.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><h1>Testimonial</h1><p class="testimonial">Esse velit magna mollit ex duis esse cupidatat eu qui anim minim in. Deserunt minim ut laboris nulla. Adipisicing do incididunt laboris commodo tempor cillum consequat qui occaecat.</p><h1>Orange</h1><p class="testimonial testimonial--orange">I&#x27;m orange....</p><h1>Div with p</h1><div class="testimonial"><p>Esse velit magna mollit ex duis esse cupidatat eu qui anim minim in. Deserunt minim ut laboris nulla. Adipisicing do incididunt laboris commodo tempor cillum consequat qui occaecat.</p><p class="align-right">Albert Einstein (probably)</p></div></div></div><div class="section bg-black"><div class="container"><h1>Testimonial</h1><p class="testimonial">Esse velit magna mollit ex duis esse cupidatat eu qui anim minim in. Deserunt minim ut laboris nulla. Adipisicing do incididunt laboris commodo tempor cillum consequat qui occaecat.</p><h1>Orange</h1><p class="testimonial testimonial--orange">I&#x27;m orange....</p><h1>Div with p</h1><div class="testimonial"><p>Esse velit magna mollit ex duis esse cupidatat eu qui anim minim in. Deserunt minim ut laboris nulla. Adipisicing do incididunt laboris commodo tempor cillum consequat qui occaecat.</p><p class="align-right">Albert Einstein (probably)</p></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[378,[\"5239\",\"static/chunks/app/components/testimonial/page-a3615b0a32c32fe1.js\"],\"TestimonialClientWrapper\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/1b3f28cfd13039ad.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"testimonial\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"testimonial\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"testimonial\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L6\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1b3f28cfd13039ad.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"FTPZaTg7QJHYQyFCP5e81v\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/testimonial.txt

@@ -0,0 +1,28 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[378,["5239","static/chunks/app/components/testimonial/page-a3615b0a32c32fe1.js"],"TestimonialClientWrapper"]
+7:I[9665,[],"OutletBoundary"]
+a:I[4911,[],"AsyncMetadataOutlet"]
+c:I[9665,[],"ViewportBoundary"]
+e:I[9665,[],"MetadataBoundary"]
+10:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/1b3f28cfd13039ad.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","testimonial"],"i":false,"f":[[["",{"children":["components",{"children":["testimonial",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["testimonial",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[["$","$L6",null,{}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/1b3f28cfd13039ad.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","FTPZaTg7QJHYQyFCP5e81v",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
+11:"$Sreact.suspense"
+12:I[4911,[],"AsyncMetadata"]
+f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
+9:null
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+8:null
+b:{"metadata":[],"error":null,"digest":"$undefined"}
+13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/tile.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://picsum.photos/seed/1/400/300"/><link rel="preload" as="image" href="https://picsum.photos/seed/5/400/300"/><link rel="preload" as="image" href="https://picsum.photos/seed/2/400/300"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7d4c59347b15c45f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/62680b6eacd53665.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b853a4f8d045643a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7c62e057927bfe3a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/75e15d3944ffd4f3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ef46db3751d8e999.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f2867b2bd265a443.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/tile/page-b354dd7941df8670.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><h1>Tile</h1>
+<p>Tile fills container and allows us to set background image, icon or to align children. Used mostly in Carousel or Grid components.</p>
+<div class="section"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--12 grid__col--md-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--12 grid__col--md-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div></div></div></div>
+<div class="section bg-black"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile block-action" data-block-action="true"><div class="tile__body align-items-center tile__body--space-small"><svg class="icon icon--large icon--orange mb-xsmall" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block bold block-action__control">Paušály</a></div></div></div></div></div></div>
+<div class="section bg-gray"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div></div></div></div>
+<div class="section bg-black"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tv"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--white block-action" data-block-action="true"><div class="tile__body justify-content-space-between"><svg class="icon icon--xlarge icon--orange mb-large" aria-hidden="true"><use xlink:href="/sprite.svg#device-tablet"></use></svg><a href="#" class="link d-block h4 bold block-action__control">Faktúry a platby</a></div></div></div></div></div></div>
+<div class="section bg-gray"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--action block-action" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold block-action__control">Ostatné možnosti dobitia</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--action block-action" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold block-action__control">Ostatné možnosti dobitia</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--action block-action" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold block-action__control">Ostatné možnosti dobitia</a></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--action block-action" data-block-action="true"><div class="tile__body"><svg class="icon icon--medium icon--orange" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-right"></use></svg><a href="#" class="link d-block bold block-action__control">Ostatné možnosti dobitia</a></div></div></div></div></div></div>
+<h2>Color</h2>
+<div class="section bg-gray"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body">White (default) color</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--black"><div class="tile__body">Black color</div></div></div></div></div></div>
+<h2>Background</h2>
+<p>You can set background image or icon aligned to bottom and center of tile.</p>
+<div class="section bg-gray"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--image block-action block-action" data-block-action="true"><div class="tile__body justify-content-end"><a href="#" class="link d-block mb color-white block-action__control"><h3 class="h3">Background Image</h3></a><p>Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak,
+        ako to potrebujete.</p></div><img class="img tile__bg" src="https://picsum.photos/seed/1/400/300" alt="Gray square with dimensions"/></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--image"><div class="tile__body"><h3 class="h3">Telefóny a zariadenia</h3></div><img class="img tile__bg" src="https://picsum.photos/seed/5/400/300" alt="Gray square with dimensions"/></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile tile--image"><div class="tile__body"><h3 class="h3">Výhodné balíčky</h3><p>Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú
+        rodinu s balíkmi Love.</p></div><img class="img tile__bg" src="https://picsum.photos/seed/2/400/300" alt="Gray square with dimensions"/></div></div></div></div></div>
+<h2>Alignment</h2>
+<p>Children can be aligned using hAlign and vAlign props.</p>
+<div class="section bg-gray"><div class="container"><div class="grid grid-row-gap--medium"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body">Default (left)</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body justify-content-center">Center vertical</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body align-items-center">Center horizontal</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body justify-content-end">End</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body justify-content-space-between"><p>Space</p><p>between</p></div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body justify-content-center align-items-center">Center center alignment</div></div></div><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile"><div class="tile__body justify-content-space-between align-items-center"><p>Center</p><p>space-between</p></div></div></div></div></div></div>
+<h2>Block Link example</h2>
+<div class="section bg-gray"><div class="container"><div class="grid"><div class="grid__col grid__col--6 grid__col--md-4 grid__col--lg-3"><div class="tile block-action" data-block-action="true"><div class="tile__body"><h3><a href="#" class="link block-action__control">Block heading</a></h3><p>Lorem Ipsum</p><button type="button" class="btn block-action__override">Override button</button></div></div></div></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"8924\",\"static/chunks/app/components/tile/page-b354dd7941df8670.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[5505,[\"8924\",\"static/chunks/app/components/tile/page-b354dd7941df8670.js\"],\"Provider\"]\n7:I[593,[\"8924\",\"static/chunks/app/components/tile/page-b354dd7941df8670.js\"],\"Icon\"]\n8:I[480,[\"8924\",\"static/chunks/app/components/tile/page-b354dd7941df8670.js\"],\"BlockActionControl\"]\n9:I[9665,[],\"OutletBoundary\"]\nc:I[4911,[],\"AsyncMetadataOutlet\"]\ne:I[9665,[],\"ViewportBoundary\"]\n10:I[9665,[],\"MetadataBoundary\"]\n12:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/7d4c59347b15c45f.css\",\"style\"]\n:HL[\"/_next/static/css/62680b6eacd53665.css\",\"style\"]\n:HL[\"/_next/static/css/b853a4f8d045643a.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/7c62e057927bfe3a.css\",\"style\"]\n:HL[\"/_next/static/css/75e15d3944ffd4f3.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/ef46db3751d8e999.css\",\"style\"]\n:HL[\"/_next/static/css/f2867b2bd265a443.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"tile\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tile\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"tile\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"h1\",null,{\"children\":\"Tile\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Tile fills container and allows us to set background image, icon or to align children. Used mostly in Carousel or Grid components.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"grid__col grid__col--12 grid__col--md-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--12 grid__col--md-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tv\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--12 grid__col--md-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"2\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-smart-phone\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--12 grid__col--md-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tv\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"2\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-smart-phone\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center tile__body--space-small\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"large\",\"color\":\"orange\",\"className\":\"mb-xsmall\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Paušály\"}]}]]]}],\"$undefined\"]}]]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tv\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"2\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-smart-phone\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tv\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"2\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-smart-phone\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"tile tile--white block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"$L7\",null,{\"name\":\"device-tablet\",\"size\":\"xlarge\",\"color\":\"orange\",\"className\":\"mb-large\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block h4 bold\",\"children\":\"Faktúry a platby\"}]}]]]}],\"$undefined\"]}]]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"tile tile--action block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[[\"$\",\"$L7\",null,{\"name\":\"chevron-right\",\"size\":\"medium\",\"color\":\"orange\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Ostatné možnosti dobitia\"}]}]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"tile tile--action block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[[\"$\",\"$L7\",null,{\"name\":\"chevron-right\",\"size\":\"medium\",\"color\":\"orange\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Ostatné možnosti dobitia\"}]}]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"2\",{\"className\":\"tile tile--action block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[[\"$\",\"$L7\",null,{\"name\":\"chevron-right\",\"size\":\"medium\",\"color\":\"orange\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Ostatné možnosti dobitia\"}]}]]}],\"$undefined\"]}]]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"tile tile--action block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[[\"$\",\"$L7\",null,{\"name\":\"chevron-right\",\"size\":\"medium\",\"color\":\"orange\"}],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block bold\",\"children\":\"Ostatné možnosti dobitia\"}]}]]}],\"$undefined\"]}]]}]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Color\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,\"White (default) color\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile tile--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,\"Black color\"]}],\"$undefined\"]}]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Background\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"You can set background image or icon aligned to bottom and center of tile.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"tile tile--image block-action block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-end\",\"children\":[null,[[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link d-block mb color-white\",\"children\":[\"$\",\"h3\",null,{\"className\":\"h3\",\"children\":\"Background Image\"}]}]}],[\"$\",\"p\",null,{\"children\":\"Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak,\\n        ako to potrebujete.\"}]]]}],[\"$\",\"img\",null,{\"className\":\"img tile__bg\",\"src\":\"https://picsum.photos/seed/1/400/300\",\"alt\":\"Gray square with dimensions\"}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile tile--image\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,[\"$\",\"h3\",null,{\"className\":\"h3\",\"children\":\"Telefóny a zariadenia\"}]]}],[\"$\",\"img\",null,{\"className\":\"img tile__bg\",\"src\":\"https://picsum.photos/seed/5/400/300\",\"alt\":\"Gray square with dimensions\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile tile--image\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,[[\"$\",\"h3\",null,{\"className\":\"h3\",\"children\":\"Výhodné balíčky\"}],[\"$\",\"p\",null,{\"children\":\"Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú\\n        rodinu s balíkmi Love.\"}]]]}],[\"$\",\"img\",null,{\"className\":\"img tile__bg\",\"src\":\"https://picsum.photos/seed/2/400/300\",\"alt\":\"Gray square with dimensions\"}]]}]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Alignment\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Children can be aligned using hAlign and vAlign props.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-row-gap--medium\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,\"Default (left)\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-center\",\"children\":[null,\"Center vertical\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body align-items-center\",\"children\":[null,\"Center horizontal\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-end\",\"children\":[null,\"End\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between\",\"children\":[null,[[\"$\",\"p\",null,{\"children\":\"Space\"}],[\"$\",\"p\",null,{\"children\":\"between\"}]]]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-center align-items-center\",\"children\":[null,\"Center center alignment\"]}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"tile\",\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body justify-content-space-between align-items-center\",\"children\":[null,[[\"$\",\"p\",null,{\"children\":\"Center\"}],[\"$\",\"p\",null,{\"children\":\"space-between\"}]]]}],\"$undefined\"]}]}]]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Block Link example\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3\",\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"tile block-action\",\"data-block-action\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"tile__body\",\"children\":[null,[[\"$\",\"h3\",null,{\"children\":[\"$\",\"$L8\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"link\",\"children\":\"Block heading\"}]}]}],[\"$\",\"p\",null,{\"children\":\"Lorem Ipsum\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"btn block-action__override\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":\"Override button\"}]]]}],\"$undefined\"]}]}]}]}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7d4c59347b15c45f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/62680b6eacd53665.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b853a4f8d045643a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7c62e057927bfe3a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ef46db3751d8e999.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"9\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f2867b2bd265a443.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$La\",\"$Lb\",[\"$\",\"$Lc\",null,{\"promise\":\"$@d\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"ZEOXC87XR8GOxXGhfNZRuv\",{\"children\":[[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$L10\",null,{\"children\":\"$L11\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"13:\"$Sreact.suspense\"\n14:I[4911,[],\"AsyncMetadata\"]\n11:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$13\",null,{\"fallback\":null,\"children\":[\"$\",\"$L14\",null,{\"promise\":\"$@15\"}]}]}]\nb:null\n"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\na:null\n"])</script><script>self.__next_f.push([1,"d:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n15:{\"metadata\":\"$d:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/tile.txt

@@ -0,0 +1,37 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["8924","static/chunks/app/components/tile/page-b354dd7941df8670.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[5505,["8924","static/chunks/app/components/tile/page-b354dd7941df8670.js"],"Provider"]
+7:I[593,["8924","static/chunks/app/components/tile/page-b354dd7941df8670.js"],"Icon"]
+8:I[480,["8924","static/chunks/app/components/tile/page-b354dd7941df8670.js"],"BlockActionControl"]
+9:I[9665,[],"OutletBoundary"]
+c:I[4911,[],"AsyncMetadataOutlet"]
+e:I[9665,[],"ViewportBoundary"]
+10:I[9665,[],"MetadataBoundary"]
+12:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/7d4c59347b15c45f.css","style"]
+:HL["/_next/static/css/62680b6eacd53665.css","style"]
+:HL["/_next/static/css/b853a4f8d045643a.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/7c62e057927bfe3a.css","style"]
+:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/ef46db3751d8e999.css","style"]
+:HL["/_next/static/css/f2867b2bd265a443.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","tile"],"i":false,"f":[[["",{"children":["components",{"children":["tile",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["tile",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","h1",null,{"children":"Tile"}],"\n",["$","p",null,{"children":"Tile fills container and allows us to set background image, icon or to align children. Used mostly in Carousel or Grid components."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div","0",{"className":"grid__col grid__col--12 grid__col--md-3","children":["$","$L6",null,{"children":[["$","div","0",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","1",{"className":"grid__col grid__col--12 grid__col--md-3","children":["$","$L6",null,{"children":[["$","div","1",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tv","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","2",{"className":"grid__col grid__col--12 grid__col--md-3","children":["$","$L6",null,{"children":[["$","div","2",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-smart-phone","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","3",{"className":"grid__col grid__col--12 grid__col--md-3","children":["$","$L6",null,{"children":[["$","div","3",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div","0",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","0",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","1",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","1",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tv","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","2",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","2",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-smart-phone","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}],["$","div","3",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","3",{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body align-items-center tile__body--space-small","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"large","color":"orange","className":"mb-xsmall"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Paušály"}]}]]]}],"$undefined"]}]]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div","0",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","0",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","1",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","1",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tv","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","2",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","2",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-smart-phone","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","3",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","3",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div","0",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","0",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","1",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","1",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tv","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","2",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","2",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-smart-phone","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}],["$","div","3",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","3",{"className":"tile tile--white block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","$L7",null,{"name":"device-tablet","size":"xlarge","color":"orange","className":"mb-large"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block h4 bold","children":"Faktúry a platby"}]}]]]}],"$undefined"]}]]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div","0",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","0",{"className":"tile tile--action block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body","children":[["$","$L7",null,{"name":"chevron-right","size":"medium","color":"orange"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Ostatné možnosti dobitia"}]}]]}],"$undefined"]}]]}]}],["$","div","1",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","1",{"className":"tile tile--action block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body","children":[["$","$L7",null,{"name":"chevron-right","size":"medium","color":"orange"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Ostatné možnosti dobitia"}]}]]}],"$undefined"]}]]}]}],["$","div","2",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","2",{"className":"tile tile--action block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body","children":[["$","$L7",null,{"name":"chevron-right","size":"medium","color":"orange"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Ostatné možnosti dobitia"}]}]]}],"$undefined"]}]]}]}],["$","div","3",{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":[["$","div","3",{"className":"tile tile--action block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body","children":[["$","$L7",null,{"name":"chevron-right","size":"medium","color":"orange"}],["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block bold","children":"Ostatné možnosti dobitia"}]}]]}],"$undefined"]}]]}]}]]}]}]}],"\n",["$","h2",null,{"children":"Color"}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body","children":[null,"White (default) color"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile tile--black","children":[["$","div",null,{"className":"tile__body","children":[null,"Black color"]}],"$undefined"]}]}]]}]}]}],"\n",["$","h2",null,{"children":"Background"}],"\n",["$","p",null,{"children":"You can set background image or icon aligned to bottom and center of tile."}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":["$","div",null,{"className":"tile tile--image block-action block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body justify-content-end","children":[null,[["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link d-block mb color-white","children":["$","h3",null,{"className":"h3","children":"Background Image"}]}]}],["$","p",null,{"children":"Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak,\n        ako to potrebujete."}]]]}],["$","img",null,{"className":"img tile__bg","src":"https://picsum.photos/seed/1/400/300","alt":"Gray square with dimensions"}]]}]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile tile--image","children":[["$","div",null,{"className":"tile__body","children":[null,["$","h3",null,{"className":"h3","children":"Telefóny a zariadenia"}]]}],["$","img",null,{"className":"img tile__bg","src":"https://picsum.photos/seed/5/400/300","alt":"Gray square with dimensions"}]]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile tile--image","children":[["$","div",null,{"className":"tile__body","children":[null,[["$","h3",null,{"className":"h3","children":"Výhodné balíčky"}],["$","p",null,{"children":"Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú\n        rodinu s balíkmi Love."}]]]}],["$","img",null,{"className":"img tile__bg","src":"https://picsum.photos/seed/2/400/300","alt":"Gray square with dimensions"}]]}]}]]}]}]}],"\n",["$","h2",null,{"children":"Alignment"}],"\n",["$","p",null,{"children":"Children can be aligned using hAlign and vAlign props."}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid grid-row-gap--medium","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body","children":[null,"Default (left)"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body justify-content-center","children":[null,"Center vertical"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body align-items-center","children":[null,"Center horizontal"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body justify-content-end","children":[null,"End"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body justify-content-space-between","children":[null,[["$","p",null,{"children":"Space"}],["$","p",null,{"children":"between"}]]]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body justify-content-center align-items-center","children":[null,"Center center alignment"]}],"$undefined"]}]}],["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","div",null,{"className":"tile","children":[["$","div",null,{"className":"tile__body justify-content-space-between align-items-center","children":[null,[["$","p",null,{"children":"Center"}],["$","p",null,{"children":"space-between"}]]]}],"$undefined"]}]}]]}]}]}],"\n",["$","h2",null,{"children":"Block Link example"}],"\n",["$","div",null,{"className":"section bg-gray","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col grid__col--6 grid__col--md-4 grid__col--lg-3","children":["$","$L6",null,{"children":["$","div",null,{"className":"tile block-action","data-block-action":true,"children":[["$","div",null,{"className":"tile__body","children":[null,[["$","h3",null,{"children":["$","$L8",null,{"children":["$","a",null,{"href":"#","className":"link","children":"Block heading"}]}]}],["$","p",null,{"children":"Lorem Ipsum"}],["$","button",null,{"type":"button","className":"btn block-action__override","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":"Override button"}]]]}],"$undefined"]}]}]}]}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/7d4c59347b15c45f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/62680b6eacd53665.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/b853a4f8d045643a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/7c62e057927bfe3a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","7",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","8",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","9",{"rel":"stylesheet","href":"/_next/static/css/f2867b2bd265a443.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L9",null,{"children":["$La","$Lb",["$","$Lc",null,{"promise":"$@d"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","ZEOXC87XR8GOxXGhfNZRuv",{"children":[["$","$Le",null,{"children":"$Lf"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$L10",null,{"children":"$L11"}]]}],false]],"m":"$undefined","G":["$12","$undefined"],"s":false,"S":true}
+13:"$Sreact.suspense"
+14:I[4911,[],"AsyncMetadata"]
+11:["$","div",null,{"hidden":true,"children":["$","$13",null,{"fallback":null,"children":["$","$L14",null,{"promise":"$@15"}]}]}]
+b:null
+f:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+a:null
+d:{"metadata":[],"error":null,"digest":"$undefined"}
+15:{"metadata":"$d:metadata","error":null,"digest":"$undefined"}

package/build/components/tooltip.html

@@ -0,0 +1,4 @@
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Service number</label> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-4-tooltip" aria-owns="id-4-tooltip"><svg class="icon icon--info info-tooltip__icon form-field__tooltip" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-4-tooltip" class="tooltip" role="tooltip" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Your service number is shown on the first page of your contract and each
+      invoice.</span></span></div><input type="text" class="text-input form-field__control" id="id-4" aria-describedby="id-4-tooltip" name="id-4"/></div></div></div>
+<div class="section bg-black"><div class="container"><div class="form-field"><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Service number</label> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-5-tooltip" aria-owns="id-5-tooltip"><svg class="icon icon--info info-tooltip__icon form-field__tooltip" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-5-tooltip" class="tooltip is-dark" role="tooltip" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Your service number is shown on the first page of your contract and each
+      invoice.</span></span></div><input type="text" class="text-input form-field__control" id="id-5" aria-describedby="id-5-tooltip" name="id-5"/></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[9665,[],\"OutletBoundary\"]\n9:I[4911,[],\"AsyncMetadataOutlet\"]\nb:I[9665,[],\"ViewportBoundary\"]\nd:I[9665,[],\"MetadataBoundary\"]\nf:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"tooltip\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tooltip\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"tooltip\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"form-field\",\"children\":[[\"$\",\"div\",null,{\"className\":\"form-field__description\",\"children\":[[\"$\",\"label\",null,{\"htmlFor\":\"id-4\",\"className\":\"label form-field__label\",\"id\":\"id-4-label\",\"children\":\"Service number\"}],\" \",[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"info-tooltip\",\"data-tooltip-trigger\":\"true\",\"aria-describedby\":\"id-4-tooltip\",\"aria-owns\":\"id-4-tooltip\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"icon icon--info info-tooltip__icon form-field__tooltip\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"use\",null,{\"xlinkHref\":\"/sprite.svg#assistance\"}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Info\"}]]}],[\"$\",\"span\",null,{\"id\":\"id-4-tooltip\",\"className\":\"tooltip\",\"role\":\"tooltip\",\"hidden\":\"\",\"data-tooltip\":\"true\",\"data-tooltip-placement\":\"right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tooltip__arrow\"}],[\"$\",\"span\",null,{\"className\":\"tooltip__dialog\",\"children\":\"Your service number is shown on the first page of your contract and each\\n      invoice.\"}]]}]]}],[\"$\",\"input\",null,{\"type\":\"text\",\"className\":\"text-input form-field__control\",\"id\":\"id-4\",\"name\":\"id-4\",\"aria-describedby\":\"id-4-tooltip\"}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"form-field\",\"children\":[[\"$\",\"div\",null,{\"className\":\"form-field__description\",\"children\":[[\"$\",\"label\",null,{\"htmlFor\":\"id-5\",\"className\":\"label form-field__label\",\"id\":\"id-5-label\",\"children\":\"Service number\"}],\" \",[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"info-tooltip\",\"data-tooltip-trigger\":\"true\",\"aria-describedby\":\"id-5-tooltip\",\"aria-owns\":\"id-5-tooltip\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"icon icon--info info-tooltip__icon form-field__tooltip\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"use\",null,{\"xlinkHref\":\"/sprite.svg#assistance\"}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Info\"}]]}],[\"$\",\"span\",null,{\"id\":\"id-5-tooltip\",\"className\":\"tooltip is-dark\",\"role\":\"tooltip\",\"hidden\":\"\",\"data-tooltip\":\"true\",\"data-tooltip-placement\":\"right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tooltip__arrow\"}],[\"$\",\"span\",null,{\"className\":\"tooltip__dialog\",\"children\":\"Your service number is shown on the first page of your contract and each\\n      invoice.\"}]]}]]}],[\"$\",\"input\",null,{\"type\":\"text\",\"className\":\"text-input form-field__control\",\"id\":\"id-5\",\"name\":\"id-5\",\"aria-describedby\":\"id-5-tooltip\"}]]}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"1C9bQr3JEqPVWGjXQa0ucv\",{\"children\":[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"10:\"$Sreact.suspense\"\n11:I[4911,[],\"AsyncMetadata\"]\ne:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$10\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{\"promise\":\"$@12\"}]}]}]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script><script>self.__next_f.push([1,"a:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n12:{\"metadata\":\"$a:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/tooltip.txt

@@ -0,0 +1,26 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[9665,[],"OutletBoundary"]
+9:I[4911,[],"AsyncMetadataOutlet"]
+b:I[9665,[],"ViewportBoundary"]
+d:I[9665,[],"MetadataBoundary"]
+f:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","tooltip"],"i":false,"f":[[["",{"children":["components",{"children":["tooltip",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["tooltip",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"form-field","children":[["$","div",null,{"className":"form-field__description","children":[["$","label",null,{"htmlFor":"id-4","className":"label form-field__label","id":"id-4-label","children":"Service number"}]," ",["$","button",null,{"type":"button","className":"info-tooltip","data-tooltip-trigger":"true","aria-describedby":"id-4-tooltip","aria-owns":"id-4-tooltip","children":[["$","svg",null,{"className":"icon icon--info info-tooltip__icon form-field__tooltip","aria-hidden":"true","children":["$","use",null,{"xlinkHref":"/sprite.svg#assistance"}]}],["$","span",null,{"className":"sr-only","children":"Info"}]]}],["$","span",null,{"id":"id-4-tooltip","className":"tooltip","role":"tooltip","hidden":"","data-tooltip":"true","data-tooltip-placement":"right","children":[["$","span",null,{"className":"tooltip__arrow"}],["$","span",null,{"className":"tooltip__dialog","children":"Your service number is shown on the first page of your contract and each\n      invoice."}]]}]]}],["$","input",null,{"type":"text","className":"text-input form-field__control","id":"id-4","name":"id-4","aria-describedby":"id-4-tooltip"}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"form-field","children":[["$","div",null,{"className":"form-field__description","children":[["$","label",null,{"htmlFor":"id-5","className":"label form-field__label","id":"id-5-label","children":"Service number"}]," ",["$","button",null,{"type":"button","className":"info-tooltip","data-tooltip-trigger":"true","aria-describedby":"id-5-tooltip","aria-owns":"id-5-tooltip","children":[["$","svg",null,{"className":"icon icon--info info-tooltip__icon form-field__tooltip","aria-hidden":"true","children":["$","use",null,{"xlinkHref":"/sprite.svg#assistance"}]}],["$","span",null,{"className":"sr-only","children":"Info"}]]}],["$","span",null,{"id":"id-5-tooltip","className":"tooltip is-dark","role":"tooltip","hidden":"","data-tooltip":"true","data-tooltip-placement":"right","children":[["$","span",null,{"className":"tooltip__arrow"}],["$","span",null,{"className":"tooltip__dialog","children":"Your service number is shown on the first page of your contract and each\n      invoice."}]]}]]}],["$","input",null,{"type":"text","className":"text-input form-field__control","id":"id-5","name":"id-5","aria-describedby":"id-5-tooltip"}]]}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L6",null,{"children":["$L7","$L8",["$","$L9",null,{"promise":"$@a"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","1C9bQr3JEqPVWGjXQa0ucv",{"children":[["$","$Lb",null,{"children":"$Lc"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Ld",null,{"children":"$Le"}]]}],false]],"m":"$undefined","G":["$f","$undefined"],"s":false,"S":true}
+10:"$Sreact.suspense"
+11:I[4911,[],"AsyncMetadata"]
+e:["$","div",null,{"hidden":true,"children":["$","$10",null,{"fallback":null,"children":["$","$L11",null,{"promise":"$@12"}]}]}]
+8:null
+c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+7:null
+a:{"metadata":[],"error":null,"digest":"$undefined"}
+12:{"metadata":"$a:metadata","error":null,"digest":"$undefined"}