npm - @orangesk/orange-design-system - Versions diffs - 2.0.0-alpha.2 → 2.0.0-alpha.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (826) hide show

package/build/components/pagination.html DELETED Viewed

@@ -1 +0,0 @@

- <!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/3632d2fdde580dcb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.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/pagination/page-dd52f805ef5196de.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>Light:</h1><nav aria-label="Výber stránok"><ul class="pagination is-light"><li class="pagination__item"><a href="/?page=1" class="pagination__link btn btn--square" aria-label="Strana 1">1</a></li><li class="pagination__separator">…</li><li class="pagination__item hide"><a href="/?page=2" class="pagination__link btn btn--square" aria-label="Strana 2">2</a></li><li class="pagination__item hide"><a href="/?page=3" class="pagination__link btn btn--square" aria-label="Strana 3">3</a></li><li class="pagination__item"><a href="/?page=4" class="pagination__link btn btn--square" aria-label="Strana 4">4</a></li><li class="pagination__item"><a href="/?page=5" class="pagination__link btn btn--square pagination__link--active" aria-current="page" aria-label="Strana 5">5</a></li><li class="pagination__item"><a href="/?page=6" class="pagination__link btn btn--square" aria-label="Strana 6">6</a></li><li class="pagination__item hide"><a href="/?page=7" class="pagination__link btn btn--square" aria-label="Strana 7">7</a></li><li class="pagination__item hide"><a href="/?page=8" class="pagination__link btn btn--square" aria-label="Strana 8">8</a></li><li class="pagination__item hide"><a href="/?page=9" class="pagination__link btn btn--square" aria-label="Strana 9">9</a></li><li class="pagination__separator">…</li><li class="pagination__item"><a href="/?page=10" class="pagination__link btn btn--square" aria-label="Strana 10">10</a></li></ul></nav></div></div><div class="section bg-black"><div class="container"><h1>Dark:</h1><nav aria-label="Výber stránok"><ul class="pagination is-dark"><li class="pagination__item"><a href="/?page=1" class="pagination__link btn btn--square" aria-label="Strana 1">1</a></li><li class="pagination__separator">…</li><li class="pagination__item hide"><a href="/?page=2" class="pagination__link btn btn--square" aria-label="Strana 2">2</a></li><li class="pagination__item hide"><a href="/?page=3" class="pagination__link btn btn--square" aria-label="Strana 3">3</a></li><li class="pagination__item"><a href="/?page=4" class="pagination__link btn btn--square" aria-label="Strana 4">4</a></li><li class="pagination__item"><a href="/?page=5" class="pagination__link btn btn--square pagination__link--active" aria-current="page" aria-label="Strana 5">5</a></li><li class="pagination__item"><a href="/?page=6" class="pagination__link btn btn--square" aria-label="Strana 6">6</a></li><li class="pagination__item hide"><a href="/?page=7" class="pagination__link btn btn--square" aria-label="Strana 7">7</a></li><li class="pagination__item hide"><a href="/?page=8" class="pagination__link btn btn--square" aria-label="Strana 8">8</a></li><li class="pagination__item hide"><a href="/?page=9" class="pagination__link btn btn--square" aria-label="Strana 9">9</a></li><li class="pagination__separator">…</li><li class="pagination__item"><a href="/?page=10" class="pagination__link btn btn--square" aria-label="Strana 10">10</a></li></ul></nav></div></div><div class="section"><div class="container"><h1>Pagination</h1><nav aria-label="Výber stránok"><ul class="pagination is-light"><li class="pagination__item"><a href="/?page=1" class="pagination__link btn btn--square" aria-label="Strana 1">1</a></li><li class="pagination__item"><a href="/?page=2" class="pagination__link btn btn--square" aria-label="Strana 2">2</a></li><li class="pagination__item"><a href="/?page=3" class="pagination__link btn btn--square pagination__link--active" aria-current="page" aria-label="Strana 3">3</a></li><li class="pagination__item"><a href="/?page=4" class="pagination__link btn btn--square" aria-label="Strana 4">4</a></li><li class="pagination__item hide"><a href="/?page=5" class="pagination__link btn btn--square" aria-label="Strana 5">5</a></li><li class="pagination__item hide"><a href="/?page=6" class="pagination__link btn btn--square" aria-label="Strana 6">6</a></li><li class="pagination__item hide"><a href="/?page=7" class="pagination__link btn btn--square" aria-label="Strana 7">7</a></li><li class="pagination__item hide"><a href="/?page=8" class="pagination__link btn btn--square" aria-label="Strana 8">8</a></li><li class="pagination__item hide"><a href="/?page=9" class="pagination__link btn btn--square" aria-label="Strana 9">9</a></li><li class="pagination__separator">…</li><li class="pagination__item"><a href="/?page=10" class="pagination__link btn btn--square" aria-label="Strana 10">10</a></li></ul></nav><nav aria-label="Výber stránok"><ul class="pagination is-light"><li class="pagination__item"><a href="/?page=1" class="pagination__link btn btn--square" aria-label="Strana 1">1</a></li><li class="pagination__separator">…</li><li class="pagination__item hide"><a href="/?page=2" class="pagination__link btn btn--square" aria-label="Strana 2">2</a></li><li class="pagination__item hide"><a href="/?page=3" class="pagination__link btn btn--square" aria-label="Strana 3">3</a></li><li class="pagination__item"><a href="/?page=4" class="pagination__link btn btn--square" aria-label="Strana 4">4</a></li><li class="pagination__item"><a href="/?page=5" class="pagination__link btn btn--square pagination__link--active" aria-current="page" aria-label="Strana 5">5</a></li><li class="pagination__item"><a href="/?page=6" class="pagination__link btn btn--square" aria-label="Strana 6">6</a></li><li class="pagination__item hide"><a href="/?page=7" class="pagination__link btn btn--square" aria-label="Strana 7">7</a></li><li class="pagination__item hide"><a href="/?page=8" class="pagination__link btn btn--square" aria-label="Strana 8">8</a></li><li class="pagination__item hide"><a href="/?page=9" class="pagination__link btn btn--square" aria-label="Strana 9">9</a></li><li class="pagination__separator">…</li><li class="pagination__item"><a href="/?page=10" class="pagination__link btn btn--square" aria-label="Strana 10">10</a></li></ul></nav><nav aria-label="Výber stránok"><ul class="pagination is-light"><li class="pagination__item"><a href="/?page=1" class="pagination__link btn btn--square" aria-label="Strana 1">1</a></li><li class="pagination__separator">…</li><li class="pagination__item hide"><a href="/?page=2" class="pagination__link btn btn--square" aria-label="Strana 2">2</a></li><li class="pagination__item hide"><a href="/?page=3" class="pagination__link btn btn--square" aria-label="Strana 3">3</a></li><li class="pagination__item hide"><a href="/?page=4" class="pagination__link btn btn--square" aria-label="Strana 4">4</a></li><li class="pagination__item hide"><a href="/?page=5" class="pagination__link btn btn--square" aria-label="Strana 5">5</a></li><li class="pagination__item hide"><a href="/?page=6" class="pagination__link btn btn--square" aria-label="Strana 6">6</a></li><li class="pagination__item"><a href="/?page=7" class="pagination__link btn btn--square" aria-label="Strana 7">7</a></li><li class="pagination__item"><a href="/?page=8" class="pagination__link btn btn--square" aria-label="Strana 8">8</a></li><li class="pagination__item"><a href="/?page=9" class="pagination__link btn btn--square pagination__link--active" aria-current="page" aria-label="Strana 9">9</a></li><li class="pagination__item"><a href="/?page=10" class="pagination__link btn btn--square" aria-label="Strana 10">10</a></li></ul></nav></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,[\"9424\",\"static/chunks/app/components/pagination/page-dd52f805ef5196de.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/3632d2fdde580dcb.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.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\",\"pagination\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"pagination\",{\"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\":[\"pagination\",[\"$\",\"$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\":[[\"$\",\"h1\",null,{\"children\":\"Light:\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Výber stránok\",\"children\":[\"$\",\"ul\",null,{\"className\":\"pagination is-light\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=1\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 1\",\"children\":[false,\"1\",false]}]}],false]}],[\"$\",\"$1\",\"1\",{\"children\":[[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}],[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=2\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 2\",\"children\":[false,\"2\",false]}]}],false]}],[\"$\",\"$1\",\"2\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=3\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 3\",\"children\":[false,\"3\",false]}]}],false]}],[\"$\",\"$1\",\"3\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=4\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 4\",\"children\":[false,\"4\",false]}]}],false]}],[\"$\",\"$1\",\"4\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=5\",\"className\":\"pagination__link btn btn--square pagination__link--active\",\"aria-current\":\"page\",\"aria-label\":\"Strana 5\",\"children\":[false,\"5\",false]}]}],false]}],[\"$\",\"$1\",\"5\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=6\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 6\",\"children\":[false,\"6\",false]}]}],false]}],[\"$\",\"$1\",\"6\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=7\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 7\",\"children\":[false,\"7\",false]}]}],false]}],[\"$\",\"$1\",\"7\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=8\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 8\",\"children\":[false,\"8\",false]}]}],false]}],[\"$\",\"$1\",\"8\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=9\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 9\",\"children\":[false,\"9\",false]}]}],[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}]]}],[\"$\",\"$1\",\"9\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=10\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 10\",\"children\":[false,\"10\",false]}]}],false]}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Dark:\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Výber stránok\",\"children\":[\"$\",\"ul\",null,{\"className\":\"pagination is-dark\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=1\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 1\",\"children\":[false,\"1\",false]}]}],false]}],[\"$\",\"$1\",\"1\",{\"children\":[[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}],[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=2\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 2\",\"children\":[false,\"2\",false]}]}],false]}],[\"$\",\"$1\",\"2\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=3\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 3\",\"children\":[false,\"3\",false]}]}],false]}],[\"$\",\"$1\",\"3\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=4\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 4\",\"children\":[false,\"4\",false]}]}],false]}],[\"$\",\"$1\",\"4\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=5\",\"className\":\"pagination__link btn btn--square pagination__link--active\",\"aria-current\":\"page\",\"aria-label\":\"Strana 5\",\"children\":[false,\"5\",false]}]}],false]}],[\"$\",\"$1\",\"5\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=6\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 6\",\"children\":[false,\"6\",false]}]}],false]}],[\"$\",\"$1\",\"6\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=7\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 7\",\"children\":[false,\"7\",false]}]}],false]}],[\"$\",\"$1\",\"7\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=8\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 8\",\"children\":[false,\"8\",false]}]}],false]}],[\"$\",\"$1\",\"8\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=9\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 9\",\"children\":[false,\"9\",false]}]}],[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}]]}],[\"$\",\"$1\",\"9\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=10\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 10\",\"children\":[false,\"10\",false]}]}],false]}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Pagination\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Výber stránok\",\"children\":[\"$\",\"ul\",null,{\"className\":\"pagination is-light\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=1\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 1\",\"children\":[false,\"1\",false]}]}],false]}],[\"$\",\"$1\",\"1\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=2\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 2\",\"children\":[false,\"2\",false]}]}],false]}],[\"$\",\"$1\",\"2\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=3\",\"className\":\"pagination__link btn btn--square pagination__link--active\",\"aria-current\":\"page\",\"aria-label\":\"Strana 3\",\"children\":[false,\"3\",false]}]}],false]}],[\"$\",\"$1\",\"3\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=4\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 4\",\"children\":[false,\"4\",false]}]}],false]}],[\"$\",\"$1\",\"4\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=5\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 5\",\"children\":[false,\"5\",false]}]}],false]}],[\"$\",\"$1\",\"5\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=6\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 6\",\"children\":[false,\"6\",false]}]}],false]}],[\"$\",\"$1\",\"6\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=7\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 7\",\"children\":[false,\"7\",false]}]}],false]}],[\"$\",\"$1\",\"7\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=8\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 8\",\"children\":[false,\"8\",false]}]}],false]}],[\"$\",\"$1\",\"8\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=9\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 9\",\"children\":[false,\"9\",false]}]}],[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}]]}],[\"$\",\"$1\",\"9\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=10\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 10\",\"children\":[false,\"10\",false]}]}],false]}]]}]}],[\"$\",\"nav\",null,{\"aria-label\":\"Výber stránok\",\"children\":[\"$\",\"ul\",null,{\"className\":\"pagination is-light\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=1\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 1\",\"children\":[false,\"1\",false]}]}],false]}],[\"$\",\"$1\",\"1\",{\"children\":[[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}],[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=2\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 2\",\"children\":[false,\"2\",false]}]}],false]}],[\"$\",\"$1\",\"2\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=3\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 3\",\"children\":[false,\"3\",false]}]}],false]}],[\"$\",\"$1\",\"3\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=4\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 4\",\"children\":[false,\"4\",false]}]}],false]}],[\"$\",\"$1\",\"4\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=5\",\"className\":\"pagination__link btn btn--square pagination__link--active\",\"aria-current\":\"page\",\"aria-label\":\"Strana 5\",\"children\":[false,\"5\",false]}]}],false]}],[\"$\",\"$1\",\"5\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=6\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 6\",\"children\":[false,\"6\",false]}]}],false]}],[\"$\",\"$1\",\"6\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=7\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 7\",\"children\":[false,\"7\",false]}]}],false]}],[\"$\",\"$1\",\"7\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=8\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 8\",\"children\":[false,\"8\",false]}]}],false]}],[\"$\",\"$1\",\"8\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=9\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 9\",\"children\":[false,\"9\",false]}]}],[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}]]}],[\"$\",\"$1\",\"9\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=10\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 10\",\"children\":[false,\"10\",false]}]}],false]}]]}]}],[\"$\",\"nav\",null,{\"aria-label\":\"Výber stránok\",\"children\":[\"$\",\"ul\",null,{\"className\":\"pagination is-light\",\"children\":[[\"$\",\"$1\",\"0\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=1\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 1\",\"children\":[false,\"1\",false]}]}],false]}],[\"$\",\"$1\",\"1\",{\"children\":[[\"$\",\"li\",null,{\"className\":\"pagination__separator\",\"children\":\"…\"}],[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=2\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 2\",\"children\":[false,\"2\",false]}]}],false]}],[\"$\",\"$1\",\"2\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=3\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 3\",\"children\":[false,\"3\",false]}]}],false]}],[\"$\",\"$1\",\"3\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=4\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 4\",\"children\":[false,\"4\",false]}]}],false]}],[\"$\",\"$1\",\"4\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=5\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 5\",\"children\":[false,\"5\",false]}]}],false]}],[\"$\",\"$1\",\"5\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item hide\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=6\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 6\",\"children\":[false,\"6\",false]}]}],false]}],[\"$\",\"$1\",\"6\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=7\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 7\",\"children\":[false,\"7\",false]}]}],false]}],[\"$\",\"$1\",\"7\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=8\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 8\",\"children\":[false,\"8\",false]}]}],false]}],[\"$\",\"$1\",\"8\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=9\",\"className\":\"pagination__link btn btn--square pagination__link--active\",\"aria-current\":\"page\",\"aria-label\":\"Strana 9\",\"children\":[false,\"9\",false]}]}],false]}],[\"$\",\"$1\",\"9\",{\"children\":[false,[\"$\",\"li\",null,{\"className\":\"pagination__item\",\"children\":[\"$\",\"a\",null,{\"href\":\"/?page=10\",\"className\":\"pagination__link btn btn--square\",\"aria-current\":\"$undefined\",\"aria-label\":\"Strana 10\",\"children\":[false,\"10\",false]}]}],false]}]]}]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/3632d2fdde580dcb.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/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\",\"T0ISm0nHQIxy9poiSrGEfv\",{\"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/pagination.txt DELETED Viewed

@@ -1,27 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["9424","static/chunks/app/components/pagination/page-dd52f805ef5196de.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/3632d2fdde580dcb.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","pagination"],"i":false,"f":[[["",{"children":["components",{"children":["pagination",{"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":["pagination",["$","$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":[["$","h1",null,{"children":"Light:"}],["$","nav",null,{"aria-label":"Výber stránok","children":["$","ul",null,{"className":"pagination is-light","children":[["$","$1","0",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=1","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 1","children":[false,"1",false]}]}],false]}],["$","$1","1",{"children":[["$","li",null,{"className":"pagination__separator","children":"…"}],["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=2","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 2","children":[false,"2",false]}]}],false]}],["$","$1","2",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=3","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 3","children":[false,"3",false]}]}],false]}],["$","$1","3",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=4","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 4","children":[false,"4",false]}]}],false]}],["$","$1","4",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=5","className":"pagination__link btn btn--square pagination__link--active","aria-current":"page","aria-label":"Strana 5","children":[false,"5",false]}]}],false]}],["$","$1","5",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=6","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 6","children":[false,"6",false]}]}],false]}],["$","$1","6",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=7","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 7","children":[false,"7",false]}]}],false]}],["$","$1","7",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=8","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 8","children":[false,"8",false]}]}],false]}],["$","$1","8",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=9","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 9","children":[false,"9",false]}]}],["$","li",null,{"className":"pagination__separator","children":"…"}]]}],["$","$1","9",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=10","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 10","children":[false,"10",false]}]}],false]}]]}]}]]}]}],["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Dark:"}],["$","nav",null,{"aria-label":"Výber stránok","children":["$","ul",null,{"className":"pagination is-dark","children":[["$","$1","0",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=1","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 1","children":[false,"1",false]}]}],false]}],["$","$1","1",{"children":[["$","li",null,{"className":"pagination__separator","children":"…"}],["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=2","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 2","children":[false,"2",false]}]}],false]}],["$","$1","2",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=3","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 3","children":[false,"3",false]}]}],false]}],["$","$1","3",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=4","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 4","children":[false,"4",false]}]}],false]}],["$","$1","4",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=5","className":"pagination__link btn btn--square pagination__link--active","aria-current":"page","aria-label":"Strana 5","children":[false,"5",false]}]}],false]}],["$","$1","5",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=6","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 6","children":[false,"6",false]}]}],false]}],["$","$1","6",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=7","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 7","children":[false,"7",false]}]}],false]}],["$","$1","7",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=8","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 8","children":[false,"8",false]}]}],false]}],["$","$1","8",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=9","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 9","children":[false,"9",false]}]}],["$","li",null,{"className":"pagination__separator","children":"…"}]]}],["$","$1","9",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=10","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 10","children":[false,"10",false]}]}],false]}]]}]}]]}]}],["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Pagination"}],["$","nav",null,{"aria-label":"Výber stránok","children":["$","ul",null,{"className":"pagination is-light","children":[["$","$1","0",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=1","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 1","children":[false,"1",false]}]}],false]}],["$","$1","1",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=2","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 2","children":[false,"2",false]}]}],false]}],["$","$1","2",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=3","className":"pagination__link btn btn--square pagination__link--active","aria-current":"page","aria-label":"Strana 3","children":[false,"3",false]}]}],false]}],["$","$1","3",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=4","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 4","children":[false,"4",false]}]}],false]}],["$","$1","4",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=5","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 5","children":[false,"5",false]}]}],false]}],["$","$1","5",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=6","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 6","children":[false,"6",false]}]}],false]}],["$","$1","6",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=7","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 7","children":[false,"7",false]}]}],false]}],["$","$1","7",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=8","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 8","children":[false,"8",false]}]}],false]}],["$","$1","8",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=9","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 9","children":[false,"9",false]}]}],["$","li",null,{"className":"pagination__separator","children":"…"}]]}],["$","$1","9",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=10","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 10","children":[false,"10",false]}]}],false]}]]}]}],["$","nav",null,{"aria-label":"Výber stránok","children":["$","ul",null,{"className":"pagination is-light","children":[["$","$1","0",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=1","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 1","children":[false,"1",false]}]}],false]}],["$","$1","1",{"children":[["$","li",null,{"className":"pagination__separator","children":"…"}],["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=2","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 2","children":[false,"2",false]}]}],false]}],["$","$1","2",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=3","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 3","children":[false,"3",false]}]}],false]}],["$","$1","3",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=4","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 4","children":[false,"4",false]}]}],false]}],["$","$1","4",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=5","className":"pagination__link btn btn--square pagination__link--active","aria-current":"page","aria-label":"Strana 5","children":[false,"5",false]}]}],false]}],["$","$1","5",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=6","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 6","children":[false,"6",false]}]}],false]}],["$","$1","6",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=7","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 7","children":[false,"7",false]}]}],false]}],["$","$1","7",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=8","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 8","children":[false,"8",false]}]}],false]}],["$","$1","8",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=9","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 9","children":[false,"9",false]}]}],["$","li",null,{"className":"pagination__separator","children":"…"}]]}],["$","$1","9",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=10","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 10","children":[false,"10",false]}]}],false]}]]}]}],["$","nav",null,{"aria-label":"Výber stránok","children":["$","ul",null,{"className":"pagination is-light","children":[["$","$1","0",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=1","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 1","children":[false,"1",false]}]}],false]}],["$","$1","1",{"children":[["$","li",null,{"className":"pagination__separator","children":"…"}],["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=2","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 2","children":[false,"2",false]}]}],false]}],["$","$1","2",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=3","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 3","children":[false,"3",false]}]}],false]}],["$","$1","3",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=4","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 4","children":[false,"4",false]}]}],false]}],["$","$1","4",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=5","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 5","children":[false,"5",false]}]}],false]}],["$","$1","5",{"children":[false,["$","li",null,{"className":"pagination__item hide","children":["$","a",null,{"href":"/?page=6","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 6","children":[false,"6",false]}]}],false]}],["$","$1","6",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=7","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 7","children":[false,"7",false]}]}],false]}],["$","$1","7",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=8","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 8","children":[false,"8",false]}]}],false]}],["$","$1","8",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=9","className":"pagination__link btn btn--square pagination__link--active","aria-current":"page","aria-label":"Strana 9","children":[false,"9",false]}]}],false]}],["$","$1","9",{"children":[false,["$","li",null,{"className":"pagination__item","children":["$","a",null,{"href":"/?page=10","className":"pagination__link btn btn--square","aria-current":"$undefined","aria-label":"Strana 10","children":[false,"10",false]}]}],false]}]]}]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/3632d2fdde580dcb.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/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","T0ISm0nHQIxy9poiSrGEfv",{"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"}

package/build/components/progress.html DELETED Viewed

@@ -1 +0,0 @@

- <!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/77590e66868bf291.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ae4b3848536f0c88.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ef46db3751d8e999.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8ed102a331809889.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.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/9186-7ca86a881bc0fae7.js" async=""></script><script src="/_next/static/chunks/1206-59e86c9be0c6edc8.js" async=""></script><script src="/_next/static/chunks/app/components/progress/page-4ac45801c7ec5663.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>Progress</h1><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator" style="width:12.19%"></div></div><div class="progress__value">0.1219 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--green" style="width:99.98%"></div></div><div class="progress__value">0.9998 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--red" style="width:4.06%"></div></div><div class="progress__value">0.0406 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--blue" style="width:24.169999999999998%"></div></div><div class="progress__value">0.2417 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--yellow" style="width:26.229999999999997%"></div></div><div class="progress__value">0.2623 / 1</div></div></div></div><div class="section"><div class="container"><h1>Complex description of Progress bar</h1><div class="progress"><div class="progress__label"><div class="bar bar--space-small justify-content-space-between mb-none"><div class="bar__item bar__item--shrinkable"><div class="bar align-items-start bar--space-small mb-none"><div class="bar__item"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#data-traffic"></use></svg></div><div class="bar__item bar__item--shrinkable"><p class="text-nowrap mb-none"><span class="text-wrap">Label with icon and tooltip</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes.</span></span></p></div></div></div><div class="bar__item"><div class="bar bar--space-small mb-none"><div class="bar__item"><p class="reset-font-weight mb-none">breaks to left</p></div><div class="bar__item"><svg class="icon icon--medium icon--danger" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg></div></div></div></div></div><div class="progress__bar"><div class="progress__indicator progress__indicator--red" style="width:40%"></div></div><div class="progress__value"><p class="mb-small"><span class="reset-font-weight">Avaible:</span> 4<span class="reset-font-weight"> / 8 GB</span></p><div class="bar align-items-start bar--space-small mb-none"><div class="bar__item"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#info"></use></svg></div><div class="bar__item bar__item--shrinkable"><p class="mb-none"><span class="reset-font-weight">Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in</span> paragraph <span class="reset-font-weight"> so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon.</span></p></div></div></div></div></div></div><div class="section bg-black"><div class="container"><h1>Progress</h1><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator" style="width:12.19%"></div></div><div class="progress__value">0.1219 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--green" style="width:99.98%"></div></div><div class="progress__value">0.9998 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--red" style="width:4.06%"></div></div><div class="progress__value">0.0406 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--blue" style="width:24.169999999999998%"></div></div><div class="progress__value">0.2417 / 1</div></div><div class="progress"><div class="progress__label">Example label</div><div class="progress__bar"><div class="progress__indicator progress__indicator--yellow" style="width:26.229999999999997%"></div></div><div class="progress__value">0.2623 / 1</div></div></div></div><div class="section bg-black"><div class="container"><h1>Complex description of Progress bar</h1><div class="progress"><div class="progress__label"><div class="bar bar--space-small justify-content-space-between mb-none"><div class="bar__item bar__item--shrinkable"><div class="bar align-items-start bar--space-small mb-none"><div class="bar__item"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#data-traffic"></use></svg></div><div class="bar__item bar__item--shrinkable"><p class="text-nowrap mb-none"><span class="text-wrap">Label with icon and tooltip</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes.</span></span></p></div></div></div><div class="bar__item"><div class="bar bar--space-small mb-none"><div class="bar__item"><p class="reset-font-weight mb-none">breaks to left</p></div><div class="bar__item"><svg class="icon icon--medium icon--danger" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg></div></div></div></div></div><div class="progress__bar"><div class="progress__indicator progress__indicator--red" style="width:40%"></div></div><div class="progress__value"><p class="mb-small"><span class="reset-font-weight">Avaible:</span> 4<span class="reset-font-weight"> / 8 GB</span></p><div class="bar align-items-start bar--space-small mb-none"><div class="bar__item"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#info"></use></svg></div><div class="bar__item bar__item--shrinkable"><p class="mb-none"><span class="reset-font-weight">Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in</span> paragraph <span class="reset-font-weight"> so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon.</span></p></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,[\"9186\",\"static/chunks/9186-7ca86a881bc0fae7.js\",\"1206\",\"static/chunks/1206-59e86c9be0c6edc8.js\",\"5891\",\"static/chunks/app/components/progress/page-4ac45801c7ec5663.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[593,[\"9186\",\"static/chunks/9186-7ca86a881bc0fae7.js\",\"1206\",\"static/chunks/1206-59e86c9be0c6edc8.js\",\"5891\",\"static/chunks/app/components/progress/page-4ac45801c7ec5663.js\"],\"Icon\"]\n7:I[6771,[\"9186\",\"static/chunks/9186-7ca86a881bc0fae7.js\",\"1206\",\"static/chunks/1206-59e86c9be0c6edc8.js\",\"5891\",\"static/chunks/app/components/progress/page-4ac45801c7ec5663.js\"],\"InfoTooltip\"]\n8:I[9665,[],\"OutletBoundary\"]\nb:I[4911,[],\"AsyncMetadataOutlet\"]\nd:I[9665,[],\"ViewportBoundary\"]\nf:I[9665,[],\"MetadataBoundary\"]\n11: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/77590e66868bf291.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/ae4b3848536f0c88.css\",\"style\"]\n:HL[\"/_next/static/css/ef46db3751d8e999.css\",\"style\"]\n:HL[\"/_next/static/css/8ed102a331809889.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"progress\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"progress\",{\"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\":[\"progress\",[\"$\",\"$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\":[[\"$\",\"h1\",null,{\"children\":\"Progress\"}],[\"$\",\"div\",\"orange\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator\",\"style\":{\"width\":\"12.19%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.1219 / 1\"}]]}],[\"$\",\"div\",\"green\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--green\",\"style\":{\"width\":\"99.98%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.9998 / 1\"}]]}],[\"$\",\"div\",\"red\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--red\",\"style\":{\"width\":\"4.06%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.0406 / 1\"}]]}],[\"$\",\"div\",\"blue\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--blue\",\"style\":{\"width\":\"24.169999999999998%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.2417 / 1\"}]]}],[\"$\",\"div\",\"yellow\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--yellow\",\"style\":{\"width\":\"26.229999999999997%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.2623 / 1\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Complex description of Progress bar\"}],[\"$\",\"div\",null,{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar bar--space-small justify-content-space-between mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar align-items-start bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"data-traffic\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-nowrap mb-none\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-wrap\",\"children\":\"Label with icon and tooltip\"}],\" \",[\"$\",\"$L7\",null,{\"children\":\"Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes.\"}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"reset-font-weight mb-none\",\"children\":\"breaks to left\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"color\":\"danger\",\"name\":\"error-severe\",\"size\":\"medium\"}]}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--red\",\"style\":{\"width\":\"40%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-small\",\"children\":[[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\"Avaible:\"}],\" 4\",[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\" / 8 GB\"}]]}],[\"$\",\"div\",null,{\"className\":\"bar align-items-start bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"info\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"mb-none\",\"children\":[[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\"Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in\"}],\" \",\"paragraph\",\" \",[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":[\" \",\"so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon.\"]}]]}]}]]}]]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Progress\"}],[\"$\",\"div\",\"orange\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator\",\"style\":{\"width\":\"12.19%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.1219 / 1\"}]]}],[\"$\",\"div\",\"green\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--green\",\"style\":{\"width\":\"99.98%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.9998 / 1\"}]]}],[\"$\",\"div\",\"red\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--red\",\"style\":{\"width\":\"4.06%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.0406 / 1\"}]]}],[\"$\",\"div\",\"blue\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--blue\",\"style\":{\"width\":\"24.169999999999998%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.2417 / 1\"}]]}],[\"$\",\"div\",\"yellow\",{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":\"Example label\"}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--yellow\",\"style\":{\"width\":\"26.229999999999997%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":\"0.2623 / 1\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Complex description of Progress bar\"}],[\"$\",\"div\",null,{\"className\":\"progress\",\"children\":[[\"$\",\"div\",null,{\"className\":\"progress__label\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar bar--space-small justify-content-space-between mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar align-items-start bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"data-traffic\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-nowrap mb-none\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-wrap\",\"children\":\"Label with icon and tooltip\"}],\" \",[\"$\",\"$L7\",null,{\"children\":\"Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes.\"}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"bar bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"reset-font-weight mb-none\",\"children\":\"breaks to left\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"color\":\"danger\",\"name\":\"error-severe\",\"size\":\"medium\"}]}]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"progress__bar\",\"children\":[\"$\",\"div\",null,{\"className\":\"progress__indicator progress__indicator--red\",\"style\":{\"width\":\"40%\"}}]}],[\"$\",\"div\",null,{\"className\":\"progress__value\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-small\",\"children\":[[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\"Avaible:\"}],\" 4\",[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\" / 8 GB\"}]]}],[\"$\",\"div\",null,{\"className\":\"bar align-items-start bar--space-small mb-none\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bar__item\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"info\"}]}],[\"$\",\"div\",null,{\"className\":\"bar__item bar__item--shrinkable\",\"ref\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"mb-none\",\"children\":[[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":\"Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in\"}],\" \",\"paragraph\",\" \",[\"$\",\"span\",null,{\"className\":\"reset-font-weight\",\"children\":[\" \",\"so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon.\"]}]]}]}]]}]]}]]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/77590e66868bf291.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ae4b3848536f0c88.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ef46db3751d8e999.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8ed102a331809889.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.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\",\"XKEk9qGnd20W-O6pNeLNuv\",{\"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}\n"])</script><script>self.__next_f.push([1,"12:\"$Sreact.suspense\"\n13:I[4911,[],\"AsyncMetadata\"]\n10:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]}]\na:null\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"c:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n14:{\"metadata\":\"$c:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/progress.txt DELETED Viewed

@@ -1,33 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["9186","static/chunks/9186-7ca86a881bc0fae7.js","1206","static/chunks/1206-59e86c9be0c6edc8.js","5891","static/chunks/app/components/progress/page-4ac45801c7ec5663.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[593,["9186","static/chunks/9186-7ca86a881bc0fae7.js","1206","static/chunks/1206-59e86c9be0c6edc8.js","5891","static/chunks/app/components/progress/page-4ac45801c7ec5663.js"],"Icon"]
-7:I[6771,["9186","static/chunks/9186-7ca86a881bc0fae7.js","1206","static/chunks/1206-59e86c9be0c6edc8.js","5891","static/chunks/app/components/progress/page-4ac45801c7ec5663.js"],"InfoTooltip"]
-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/77590e66868bf291.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/ae4b3848536f0c88.css","style"]
-:HL["/_next/static/css/ef46db3751d8e999.css","style"]
-:HL["/_next/static/css/8ed102a331809889.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","progress"],"i":false,"f":[[["",{"children":["components",{"children":["progress",{"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":["progress",["$","$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":[["$","h1",null,{"children":"Progress"}],["$","div","orange",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator","style":{"width":"12.19%"}}]}],["$","div",null,{"className":"progress__value","children":"0.1219 / 1"}]]}],["$","div","green",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--green","style":{"width":"99.98%"}}]}],["$","div",null,{"className":"progress__value","children":"0.9998 / 1"}]]}],["$","div","red",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--red","style":{"width":"4.06%"}}]}],["$","div",null,{"className":"progress__value","children":"0.0406 / 1"}]]}],["$","div","blue",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--blue","style":{"width":"24.169999999999998%"}}]}],["$","div",null,{"className":"progress__value","children":"0.2417 / 1"}]]}],["$","div","yellow",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--yellow","style":{"width":"26.229999999999997%"}}]}],["$","div",null,{"className":"progress__value","children":"0.2623 / 1"}]]}]]}]}],["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Complex description of Progress bar"}],["$","div",null,{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":["$","div",null,{"className":"bar bar--space-small justify-content-space-between mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","div",null,{"className":"bar align-items-start bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"name":"data-traffic"}]}],["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","p",null,{"className":"text-nowrap mb-none","children":[["$","span",null,{"className":"text-wrap","children":"Label with icon and tooltip"}]," ",["$","$L7",null,{"children":"Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes."}]]}]}]]}]}],["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","div",null,{"className":"bar bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","p",null,{"className":"reset-font-weight mb-none","children":"breaks to left"}]}],["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"color":"danger","name":"error-severe","size":"medium"}]}]]}]}]]}]}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--red","style":{"width":"40%"}}]}],["$","div",null,{"className":"progress__value","children":[["$","p",null,{"className":"mb-small","children":[["$","span",null,{"className":"reset-font-weight","children":"Avaible:"}]," 4",["$","span",null,{"className":"reset-font-weight","children":" / 8 GB"}]]}],["$","div",null,{"className":"bar align-items-start bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"name":"info"}]}],["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","p",null,{"className":"mb-none","children":[["$","span",null,{"className":"reset-font-weight","children":"Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in"}]," ","paragraph"," ",["$","span",null,{"className":"reset-font-weight","children":[" ","so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon."]}]]}]}]]}]]}]]}]]}]}],["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Progress"}],["$","div","orange",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator","style":{"width":"12.19%"}}]}],["$","div",null,{"className":"progress__value","children":"0.1219 / 1"}]]}],["$","div","green",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--green","style":{"width":"99.98%"}}]}],["$","div",null,{"className":"progress__value","children":"0.9998 / 1"}]]}],["$","div","red",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--red","style":{"width":"4.06%"}}]}],["$","div",null,{"className":"progress__value","children":"0.0406 / 1"}]]}],["$","div","blue",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--blue","style":{"width":"24.169999999999998%"}}]}],["$","div",null,{"className":"progress__value","children":"0.2417 / 1"}]]}],["$","div","yellow",{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":"Example label"}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--yellow","style":{"width":"26.229999999999997%"}}]}],["$","div",null,{"className":"progress__value","children":"0.2623 / 1"}]]}]]}]}],["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Complex description of Progress bar"}],["$","div",null,{"className":"progress","children":[["$","div",null,{"className":"progress__label","children":["$","div",null,{"className":"bar bar--space-small justify-content-space-between mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","div",null,{"className":"bar align-items-start bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"name":"data-traffic"}]}],["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","p",null,{"className":"text-nowrap mb-none","children":[["$","span",null,{"className":"text-wrap","children":"Label with icon and tooltip"}]," ",["$","$L7",null,{"children":"Tooltip should always be next to label, so we use combination of .text-nowrap and .text-wrap classes."}]]}]}]]}]}],["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","div",null,{"className":"bar bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","p",null,{"className":"reset-font-weight mb-none","children":"breaks to left"}]}],["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"color":"danger","name":"error-severe","size":"medium"}]}]]}]}]]}]}],["$","div",null,{"className":"progress__bar","children":["$","div",null,{"className":"progress__indicator progress__indicator--red","style":{"width":"40%"}}]}],["$","div",null,{"className":"progress__value","children":[["$","p",null,{"className":"mb-small","children":[["$","span",null,{"className":"reset-font-weight","children":"Avaible:"}]," 4",["$","span",null,{"className":"reset-font-weight","children":" / 8 GB"}]]}],["$","div",null,{"className":"bar align-items-start bar--space-small mb-none","ref":"$undefined","children":[["$","div",null,{"className":"bar__item","ref":"$undefined","children":["$","$L6",null,{"name":"info"}]}],["$","div",null,{"className":"bar__item bar__item--shrinkable","ref":"$undefined","children":["$","p",null,{"className":"mb-none","children":[["$","span",null,{"className":"reset-font-weight","children":"Yes we need to use another bar element in label, so icon and text stays on same line. Also this text in"}]," ","paragraph"," ",["$","span",null,{"className":"reset-font-weight","children":[" ","so it has set max-width. If you have label with longer text, you should also use paragraph in there. And one last last think - yes we need to have that many bars in label, so the text doesnt break to newline without icon."]}]]}]}]]}]]}]]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/77590e66868bf291.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/ae4b3848536f0c88.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/8ed102a331809889.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.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","XKEk9qGnd20W-O6pNeLNuv",{"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/skeleton.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!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/412dd278760dc9fc.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="stylesheet" href="/_next/static/css/e6a4dfa3d63d18c0.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7d4c59347b15c45f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ef46db3751d8e999.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"><h1>Skeleton</h1>
-<p>Basic loading indicator used as placeholder of the loaded component</p>
-<div class="section"><div class="container"><span class="skeleton">‌</span></div></div>
-<div class="section bg-black"><div class="container"><span class="skeleton">‌</span></div></div>
-<h2>Usage</h2>
-<p>Feel free to adjust the size of the skeleton with <a href="/components/grid">Grid component</a>.</p>
-<div class="section"><div class="container"><div class="grid"><div class="grid__col grid__col--6"><span class="skeleton h2">‌</span></div></div><h2><span class="skeleton">‌</span></h2></div></div>
-<div class="section bg-black"><div class="container"><div class="grid"><div class="grid__col grid__col--6"><span class="skeleton h2">‌</span></div></div><h2><span class="skeleton">‌</span></h2></div></div>
-<p>To simulate the structure of the component being loaded, mix up some skeletons</p>
-<div class="section"><div class="container"><div class="card"><div class="card__section"><div class="grid"><div class="grid__col grid__col--8"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div>
-<div class="section bg-black"><div class="container"><div class="card"><div class="card__section"><div class="grid"><div class="grid__col grid__col--8"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div>
-<div class="section"><div class="container"><div class="grid"><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div></div></div></div></div>
-<div class="section bg-black"><div class="container"><div class="grid"><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></div></div></div><div class="grid__col grid__col--md-6 grid__col--lg-4"><div class="card"><div class="card__section"><div class="grid grid--justify-height"><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div><div class="grid__col grid__col--auto"><div class="grid"><div class="grid__col"><span class="skeleton h2">‌</span></div></div><div class="grid"><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col"><span class="skeleton">‌</span></div><div class="grid__col grid__col--6"><span class="skeleton">‌</span></div></div></div></div></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,[\"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/412dd278760dc9fc.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/e6a4dfa3d63d18c0.css\",\"style\"]\n:HL[\"/_next/static/css/7d4c59347b15c45f.css\",\"style\"]\n:HL[\"/_next/static/css/ef46db3751d8e999.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"skeleton\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"skeleton\",{\"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\":[\"skeleton\",[\"$\",\"$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\":\"Skeleton\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Basic loading indicator used as placeholder of the loaded component\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Usage\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Feel free to adjust the size of the skeleton with \",[\"$\",\"a\",null,{\"href\":\"/components/grid\",\"children\":\"Grid component\"}],\".\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"h2\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"h2\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"To simulate the structure of the component being loaded, mix up some skeletons\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--8\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--8\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col grid__col--md-6 grid__col--lg-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"card\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"card__section\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid--justify-height\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton h2\",\"children\":\"‌\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid\",\"ref\":\"$undefined\",\"children\":[[[\"$\",\"div\",\"1\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"2\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"3\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"4\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"5\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"6\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}],[\"$\",\"div\",\"7\",{\"className\":\"grid__col\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]],[\"$\",\"div\",null,{\"className\":\"grid__col grid__col--6\",\"children\":[\"$\",\"span\",null,{\"className\":\"skeleton\",\"children\":\"‌\"}]}]]}]]}]]}]}]}]}]]}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/412dd278760dc9fc.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\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e6a4dfa3d63d18c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7d4c59347b15c45f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ef46db3751d8e999.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\",\"sIUtQZxQ0OrxXHvdHwL4Yv\",{\"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>