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

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

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 (1122) hide show

package/build/components/sticker.html ADDED Viewed

@@ -0,0 +1 @@

+ <!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d38343a4cf5388d8.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>Sticker</h1><div class="section bg-black"><div class="container"><div class="sticker">Default sticker</div><div class="sticker sticker--black">Black sticker</div><div class="sticker sticker--orange">Orange sticker</div></div></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[9665,[],\"OutletBoundary\"]\n9:I[4911,[],\"AsyncMetadataOutlet\"]\nb:I[9665,[],\"ViewportBoundary\"]\nd:I[9665,[],\"MetadataBoundary\"]\nf:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/d38343a4cf5388d8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"sticker\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"sticker\",{\"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\":[\"sticker\",[\"$\",\"$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\":\"Sticker\"}],[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"sticker\",\"children\":\"Default sticker\"}],[\"$\",\"div\",null,{\"className\":\"sticker sticker--black\",\"children\":\"Black sticker\"}],[\"$\",\"div\",null,{\"className\":\"sticker sticker--orange\",\"children\":\"Orange sticker\"}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d38343a4cf5388d8.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\",\"1w5j1-S8Dnf2sTDA2YHN8v\",{\"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/sticker.txt ADDED Viewed

@@ -0,0 +1,27 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[9665,[],"OutletBoundary"]
+9:I[4911,[],"AsyncMetadataOutlet"]
+b:I[9665,[],"ViewportBoundary"]
+d:I[9665,[],"MetadataBoundary"]
+f:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/d38343a4cf5388d8.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","sticker"],"i":false,"f":[[["",{"children":["components",{"children":["sticker",{"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":["sticker",["$","$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":"Sticker"}],["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"className":"sticker","children":"Default sticker"}],["$","div",null,{"className":"sticker sticker--black","children":"Black sticker"}],["$","div",null,{"className":"sticker sticker--orange","children":"Orange sticker"}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/d38343a4cf5388d8.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","1w5j1-S8Dnf2sTDA2YHN8v",{"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/table.html ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.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/b853a4f8d045643a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a88042aa83a2c354.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/1790-42537fde486481dc.js" async=""></script><script src="/_next/static/chunks/app/components/table/page-9dc77bc63b3b5895.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><div class="table-scrollable" role="group" aria-labelledby="«Rautlb»-caption"><table class="table" data-table="true"><caption id="«Rautlb»-caption"><h3>Scrollable on all viewports</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div><table class="table" data-table="true"><caption><h3>Random data</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Riutlb»-row-0-0"><span class="visually-hidden">Zobraziť 1 súvisiaci riadok</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Riutlb»-row-0-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Riutlb»-row-1-0 «Riutlb»-row-1-1"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Riutlb»-row-1-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="«Riutlb»-row-1-1" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table class="table"><caption><h3>Random unsorted data</h3></caption><thead><tr><th aria-sort="none" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (ascending by Date)</h3></caption><thead><tr><th aria-sort="ascending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (descending by Date)</h3></caption><thead><tr><th aria-sort="descending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></div></div>
2	+ <div class="section bg-black"><div class="container"><div class="table-scrollable" role="group" aria-labelledby="«Reutlb»-caption"><table class="table" data-table="true"><caption id="«Reutlb»-caption"><h3>Scrollable on all viewports</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div><table class="table" data-table="true"><caption><h3>Random data</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Rmutlb»-row-0-0"><span class="visually-hidden">Zobraziť 1 súvisiaci riadok</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Rmutlb»-row-0-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Rmutlb»-row-1-0 «Rmutlb»-row-1-1"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Rmutlb»-row-1-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="«Rmutlb»-row-1-1" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table class="table"><caption><h3>Random unsorted data</h3></caption><thead><tr><th aria-sort="none" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (ascending by Date)</h3></caption><thead><tr><th aria-sort="ascending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (descending by Date)</h3></caption><thead><tr><th aria-sort="descending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></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[896,[\"1790\",\"static/chunks/1790-42537fde486481dc.js\",\"6948\",\"static/chunks/app/components/table/page-9dc77bc63b3b5895.js\"],\"Table\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/b853a4f8d045643a.css\",\"style\"]\n:HL[\"/_next/static/css/a88042aa83a2c354.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"table\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"table\",{\"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\":[\"table\",[\"$\",\"$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\":[[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Scrollable on all viewports\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"},{\"cellProps\":{\"className\":\"text-nowrap\"},\"key\":\"col5\",\"label\":\"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.\"}],\"isScrollable\":true,\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random data\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":\"1\",\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"},{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random unsorted data\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"none\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (ascending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"ascending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (descending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"descending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Scrollable on all viewports\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"},{\"cellProps\":{\"className\":\"text-nowrap\"},\"key\":\"col5\",\"label\":\"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.\"}],\"isScrollable\":true,\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random data\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":\"1\",\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"},{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random unsorted data\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"none\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (ascending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"ascending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (descending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"descending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b853a4f8d045643a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a88042aa83a2c354.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"hVaWxZGVJO15tQivVs7Pkv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/table.txt ADDED Viewed

@@ -0,0 +1,30 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[896,["1790","static/chunks/1790-42537fde486481dc.js","6948","static/chunks/app/components/table/page-9dc77bc63b3b5895.js"],"Table"]
+7:I[9665,[],"OutletBoundary"]
+a:I[4911,[],"AsyncMetadataOutlet"]
+c:I[9665,[],"ViewportBoundary"]
+e:I[9665,[],"MetadataBoundary"]
+10:I[6614,[],""]
+:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/b853a4f8d045643a.css","style"]
+:HL["/_next/static/css/a88042aa83a2c354.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","table"],"i":false,"f":[[["",{"children":["components",{"children":["table",{"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":["table",["$","$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":[["$","$L6",null,{"caption":["$","h3",null,{"children":"Scrollable on all viewports"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"},{"cellProps":{"className":"text-nowrap"},"key":"col5","label":"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."}],"isScrollable":true,"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random data"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":"1","col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","expand":[{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","expand":[{"col1":"","col2":"test","col3":"","col4":"436"},{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436"}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random unsorted data"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"none"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (ascending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"ascending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (descending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"descending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"caption":["$","h3",null,{"children":"Scrollable on all viewports"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"},{"cellProps":{"className":"text-nowrap"},"key":"col5","label":"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."}],"isScrollable":true,"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random data"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":"1","col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","expand":[{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","expand":[{"col1":"","col2":"test","col3":"","col4":"436"},{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436"}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random unsorted data"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"none"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (ascending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"ascending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (descending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"descending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/b853a4f8d045643a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/a88042aa83a2c354.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","hVaWxZGVJO15tQivVs7Pkv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
+11:"$Sreact.suspense"
+12:I[4911,[],"AsyncMetadata"]
+f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
+9:null
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+8:null
+b:{"metadata":[],"error":null,"digest":"$undefined"}
+13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/tabs.html CHANGED Viewed

@@ -1 +1,2 @@
-<!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/14f3a3e0186fb7a8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/eea9fd9ccdd56c76.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5481aeac9adca710.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-623f6e616651e1c0.js"/><script src="/_next/static/chunks/4bd1b696-40a218329c8ae32b.js" async=""></script><script src="/_next/static/chunks/684-c72f8f73e7f2d568.js" async=""></script><script src="/_next/static/chunks/main-app-ce2a2222e012907f.js" async=""></script><script src="/_next/static/chunks/app/layout-f74d44a2772d8d63.js" async=""></script><script src="/_next/static/chunks/app/components/tabs/page-7d82e8eafd25b86e.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"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-623f6e616651e1c0.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,[\"177\",\"static/chunks/app/layout-f74d44a2772d8d63.js\"],\"default\"]\n3:I[5085,[\"177\",\"static/chunks/app/layout-f74d44a2772d8d63.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[531,[\"20\",\"static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js\"],\"Tabs\"]\n7:I[1443,[\"20\",\"static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js\"],\"TabPanel\"]\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/14f3a3e0186fb7a8.css\",\"style\"]\n:HL[\"/_next/static/css/eea9fd9ccdd56c76.css\",\"style\"]\n:HL[\"/_next/static/css/5481aeac9adca710.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"CRhIjUFtohDOfdDfzvfXM\",\"p\":\"\",\"c\":[\"\",\"components\",\"tabs\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tabs\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/14f3a3e0186fb7a8.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\":[\"tabs\",[\"$\",\"$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\",\"children\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/eea9fd9ccdd56c76.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5481aeac9adca710.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\",\"eu1TlIuqA_opNicLhn_Mnv\",{\"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>
+<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/645dada84db193d4.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/tabs/page-dcc36f18992b00f9.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"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div>
+<div class="section bg-black"><div class="container"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[531,[\"9020\",\"static/chunks/app/components/tabs/page-dcc36f18992b00f9.js\"],\"Tabs\"]\n7:I[4610,[\"9020\",\"static/chunks/app/components/tabs/page-dcc36f18992b00f9.js\"],\"TabPanel\"]\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/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/645dada84db193d4.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"tabs\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tabs\",{\"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\":[\"tabs\",[\"$\",\"$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\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/645dada84db193d4.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\",\"5WCoY-mlGlQ2tbfwgbkIgv\",{\"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/tabs.txt CHANGED Viewed

@@ -1,10 +1,10 @@
 1:"$Sreact.fragment"
-2:I[3640,["177","static/chunks/app/layout-f74d44a2772d8d63.js"],"default"]
-3:I[5085,["177","static/chunks/app/layout-f74d44a2772d8d63.js"],"SpritePathProvider"]
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
 4:I[7555,[],""]
 5:I[1295,[],""]
-6:I[531,["20","static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js"],"Tabs"]
-7:I[1443,["20","static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js"],"TabPanel"]
+6:I[531,["9020","static/chunks/app/components/tabs/page-dcc36f18992b00f9.js"],"Tabs"]
+7:I[4610,["9020","static/chunks/app/components/tabs/page-dcc36f18992b00f9.js"],"TabPanel"]
 8:I[9665,[],"OutletBoundary"]
 b:I[4911,[],"AsyncMetadataOutlet"]
 d:I[9665,[],"ViewportBoundary"]
@@ -13,10 +13,12 @@ f:I[9665,[],"MetadataBoundary"]
 :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/14f3a3e0186fb7a8.css","style"]
-:HL["/_next/static/css/eea9fd9ccdd56c76.css","style"]
-:HL["/_next/static/css/5481aeac9adca710.css","style"]
-0:{"P":null,"b":"CRhIjUFtohDOfdDfzvfXM","p":"","c":["","components","tabs"],"i":false,"f":[[["",{"children":["components",{"children":["tabs",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/14f3a3e0186fb7a8.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":["tabs",["$","$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","children":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/eea9fd9ccdd56c76.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/5481aeac9adca710.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","eu1TlIuqA_opNicLhn_Mnv",{"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}
+:HL["/_next/static/css/2cb6b1436172662a.css","style"]
+:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/645dada84db193d4.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","tabs"],"i":false,"f":[[["",{"children":["components",{"children":["tabs",{"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":["tabs",["$","$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":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/645dada84db193d4.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","5WCoY-mlGlQ2tbfwgbkIgv",{"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"}]}]}]

package/build/components/tag.html ADDED Viewed

@@ -0,0 +1,7 @@
+<!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/05c85c9ea7e2ea58.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/tag/page-ba00a3d16f7f6d11.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"><ul class="list-unstyled"><li><span class="tag">default<!-- --> </span></li><li><span class="tag tag--orange">orange<!-- --> </span></li><li><span class="tag tag--black">black<!-- --> </span></li><li><span class="tag tag--yellow">yellow<!-- --> </span></li><li><span class="tag tag--green">green<!-- --> </span></li><li><span class="tag tag--blue">blue<!-- --> </span></li><li><span class="tag tag--success">success<!-- --> </span></li><li><span class="tag tag--danger">danger<!-- --> </span></li><li><span class="tag tag--info">info<!-- --> </span></li><li><span class="tag tag--warning">warning<!-- --> </span></li></ul></div></div>
+<div class="section bg-black"><div class="container"><ul class="list-unstyled"><li><span class="tag tag--inverse">default<!-- --> </span></li><li><span class="tag tag--inverse tag--orange">orange<!-- --> </span></li><li><span class="tag tag--inverse tag--black">black<!-- --> </span></li><li><span class="tag tag--inverse tag--yellow">yellow<!-- --> </span></li><li><span class="tag tag--inverse tag--green">green<!-- --> </span></li><li><span class="tag tag--inverse tag--blue">blue<!-- --> </span></li><li><span class="tag tag--inverse tag--success">success<!-- --> </span></li><li><span class="tag tag--inverse tag--danger">danger<!-- --> </span></li><li><span class="tag tag--inverse tag--info">info<!-- --> </span></li><li><span class="tag tag--inverse tag--warning">warning<!-- --> </span></li></ul></div></div>
+<div class="section"><div class="container"><ul class="list-unstyled"><li><span class="tag tag--info tag--small">Small Tag<!-- --> </span></li><li><span class="tag tag--success">Default Tag<!-- --> </span></li><li><span class="tag tag--warning tag--large">Large Tag<!-- --> </span></li></ul></div></div>
+<div class="section"><div class="container"><button type="button" class="tag tag--large">warning</button><button type="button" class="tag tag--large" disabled="" aria-disabled="true">warning</button></div></div>
+<div class="section bg-black"><div class="container"><button type="button" class="tag tag--inverse tag--large">warning</button><button type="button" class="tag tag--inverse tag--large" disabled="" aria-disabled="true">warning</button></div></div>
+<div class="section"><div class="container"><div class="tag__wrapper"><span class="tag tag--large">Label with Action</span><button type="button" class="tag__action tag__action--large"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></div><div class="tag__wrapper"><span class="tag tag--large">Label with Action</span><button type="button" class="tag__action tag__action--large"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></div><div class="tag__wrapper"><span class="tag tag--large" aria-disabled="true">Label with Action</span><button type="button" class="tag__action tag__action--large" disabled="" aria-disabled="true"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></div></div></div>
+<div class="section bg-black"><div class="container"><div class="tag__wrapper"><span class="tag tag--inverse">Label with Action</span><button type="button" class="tag__action"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></div><div class="tag__wrapper"><span class="tag tag--inverse">Label with Action</span><button type="button" class="tag__action"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></div><div class="tag__wrapper"><span class="tag tag--inverse" aria-disabled="true">Label with Action</span><button type="button" class="tag__action" disabled="" aria-disabled="true"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button></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,[\"728\",\"static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[9157,[\"728\",\"static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js\"],\"TagClientWrapper\"]\n7:I[593,[\"728\",\"static/chunks/app/components/tag/page-ba00a3d16f7f6d11.js\"],\"Icon\"]\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/05c85c9ea7e2ea58.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"tag\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tag\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"tag\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"ul\",null,{\"className\":\"list-unstyled\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag\",\"ref\":\"$undefined\",\"children\":[\"default\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--orange\",\"ref\":\"$undefined\",\"children\":[\"orange\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--black\",\"ref\":\"$undefined\",\"children\":[\"black\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--yellow\",\"ref\":\"$undefined\",\"children\":[\"yellow\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--green\",\"ref\":\"$undefined\",\"children\":[\"green\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--blue\",\"ref\":\"$undefined\",\"children\":[\"blue\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--success\",\"ref\":\"$undefined\",\"children\":[\"success\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--danger\",\"ref\":\"$undefined\",\"children\":[\"danger\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--info\",\"ref\":\"$undefined\",\"children\":[\"info\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--warning\",\"ref\":\"$undefined\",\"children\":[\"warning\",\" \",\"$undefined\"]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"ul\",null,{\"className\":\"list-unstyled\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse\",\"ref\":\"$undefined\",\"children\":[\"default\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--orange\",\"ref\":\"$undefined\",\"children\":[\"orange\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--black\",\"ref\":\"$undefined\",\"children\":[\"black\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--yellow\",\"ref\":\"$undefined\",\"children\":[\"yellow\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--green\",\"ref\":\"$undefined\",\"children\":[\"green\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--blue\",\"ref\":\"$undefined\",\"children\":[\"blue\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--success\",\"ref\":\"$undefined\",\"children\":[\"success\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--danger\",\"ref\":\"$undefined\",\"children\":[\"danger\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--info\",\"ref\":\"$undefined\",\"children\":[\"info\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--inverse tag--warning\",\"ref\":\"$undefined\",\"children\":[\"warning\",\" \",\"$undefined\"]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"ul\",null,{\"className\":\"list-unstyled\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--info tag--small\",\"ref\":\"$undefined\",\"children\":[\"Small Tag\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--success\",\"ref\":\"$undefined\",\"children\":[\"Default Tag\",\" \",\"$undefined\"]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"tag tag--warning tag--large\",\"ref\":\"$undefined\",\"children\":[\"Large Tag\",\" \",\"$undefined\"]}]}]]}]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L6\",null,{\"isDisabled\":true}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"isInverse\":true}],[\"$\",\"$L6\",null,{\"isInverse\":true,\"isDisabled\":true}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--large\",\"aria-disabled\":\"$undefined\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action tag__action--large\",\"onClick\":\"$undefined\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"medium\",\"name\":\"close\"}]}]]}],[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--large\",\"aria-disabled\":\"$undefined\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action tag__action--large\",\"onClick\":\"$undefined\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"medium\",\"name\":\"close\"}]}]]}],[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--large\",\"aria-disabled\":\"true\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action tag__action--large\",\"onClick\":\"$undefined\",\"disabled\":true,\"aria-disabled\":\"true\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"medium\",\"name\":\"close\"}]}]]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--inverse\",\"aria-disabled\":\"$undefined\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action\",\"onClick\":\"$undefined\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"small\",\"name\":\"close\"}]}]]}],[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--inverse\",\"aria-disabled\":\"$undefined\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action\",\"onClick\":\"$undefined\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"small\",\"name\":\"close\"}]}]]}],[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"tag__wrapper\",\"children\":[[\"$\",\"span\",null,{\"className\":\"tag tag--inverse\",\"aria-disabled\":\"true\",\"children\":\"Label with Action\"}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"tag__action\",\"onClick\":\"$undefined\",\"disabled\":true,\"aria-disabled\":\"true\",\"aria-label\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L7\",null,{\"size\":\"small\",\"name\":\"close\"}]}]]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/05c85c9ea7e2ea58.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$L9\",\"$La\",[\"$\",\"$Lb\",null,{\"promise\":\"$@c\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"zPS2Uf69sLwkdDTprogYav\",{\"children\":[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":true}\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>