test: snapshot update

Author: Suh Donghwi

apps/nextjs-example/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,165 +3,165 @@
 exports[`Home render styles successfully 1`] = `
 <div>
   <main
-    class="x78zum5 xdt5ytf x6s0dn4 x1qughib xg6iff7 xhb9i9n xv7yizt x1nww67f xmz0i5r xs6rbim xysyzu8 x7f1qth"
+    class="x78zum5 xdt5ytf x6s0dn4 x1qughib xg6iff7 x2dqpbz x12zhqm4 xexgts5 xmz0i5r xs6rbim xysyzu8 x7f1qth"
   >
     <div
-      class="x1jfb8zj xarpa2k x1h91t0o x11iygpg xg7bv4n xh8yej3 xhtitgo xgnkaqo"
+      class="x1jfb8zj xarpa2k x1h91t0o x4b5qyi x3gq8sv xh8yej3 xhtitgo x1899k2s"
     >
       <p
-        class="xjg0vao x1n2onr6 x15f3dyk xo5s888 xu8adaz x1v68ji2 x1ghz6dp x1hmfenf x1oemq8d xp5n8cg x1e66gtf x1nww67f xh4n78y xzclsrz xmkeg23 x1ehvz7d x1y0btm7 xoey0em x1ngu7wn x137yrnm xd22jv x1los6se"
+        class="xjg0vao x1n2onr6 x15f3dyk xo5s888 xu8adaz x1v68ji2 x1ghz6dp x1rhzhzx xih1e1h xvfb946 xrp7d20 xexgts5 x136qjc5 xvjt0qr xmkeg23 x1ehvz7d x1y0btm7 xtj4gb5 xn1wwbi x5nasxs xd22jv x1los6se"
       >
         Get started by editing 
         <code
-          class="x1xlr1w8 xgnkaqo"
+          class="x1xlr1w8 x1899k2s"
         >
           app/page.tsx
         </code>
       </p>
     </div>
     <div
-      class="x1iyjqo2 x78zum5 xdt5ytf x6s0dn4 xl56j7k xwlmut9 x1a02dak"
+      class="x1iyjqo2 x78zum5 xdt5ytf x6s0dn4 xl56j7k xn44p3g x1a02dak"
     >
       <h1
-        class="xtfxu01 xo5v014 x1jn5nl8 xo1l8bm x2b8uid x78zum5 xfre8n0 xuxw1ft xdt5ytf xwlf911"
+        class="xux268u xo5v014 x47jbf7 xo1l8bm x2b8uid x78zum5 x13qkva1 xuxw1ft xdt5ytf xwlf911"
       >
         Next.js App Dir
         <span
-          class="x1n2onr6 x6icuqf x13vifvy x13as64r x1ljb2na x1c74tu6 xa4qsjk x1esw782"
+          class="x1n2onr6 x6icuqf x13vifvy xe1lhbg xjv5o36 x1c74tu6 xa4qsjk x1esw782"
         >
           ♥️
         </span>
         ️StyleX
       </h1>
       <div
-        class="x78zum5 x6s0dn4 xl56j7k x1q0g3np x1cg1h4m xmkeg23 x1y0btm7 xd1nvyh xds1821 x1jn5nl8 x17z0dgo"
+        class="x78zum5 x6s0dn4 xl56j7k x1q0g3np xe7uac0 xmkeg23 x1y0btm7 xd1nvyh xaslknl x47jbf7 x1iwik2g"
       >
         <button
-          class="x78zum5 x6s0dn4 xl56j7k x17frcva x1plog1 x1tcxl6e xiy85n xktz6yv x1umsj2k xbznm0z xc342km xng3xce x137yrnm xaph7ql xdqgtgj x1ypdohk x1r1iois x1u4xmye xglsxx3"
+          class="x78zum5 x6s0dn4 xl56j7k x17frcva x1plog1 x1tcxl6e xiy85n xktz6yv x1umsj2k xbznm0z xc342km xng3xce x5nasxs x1xc9gcw x11qicwf x1ypdohk x1nuww9e x1u4xmye xglsxx3"
         >
           -
         </button>
         <div
-          class="x1r1iois x3stwaq xxhslpl x1843ork x2b8uid xgnkaqo"
+          class="x1nuww9e x3stwaq xxhslpl x1843ork x2b8uid x1899k2s"
         >
           0
         </div>
         <button
-          class="x78zum5 x6s0dn4 xl56j7k x17frcva x1plog1 x1tcxl6e xiy85n xktz6yv x1umsj2k xbznm0z xc342km xng3xce x137yrnm xaph7ql xdqgtgj x1ypdohk x1r1iois x1u4xmye xglsxx3"
+          class="x78zum5 x6s0dn4 xl56j7k x17frcva x1plog1 x1tcxl6e xiy85n xktz6yv x1umsj2k xbznm0z xc342km xng3xce x5nasxs x1xc9gcw x11qicwf x1ypdohk x1nuww9e x1u4xmye xglsxx3"
         >
           +
         </button>
       </div>
     </div>
     <div
-      class="xq5fvzb x18mbai7 xl56j7k x6s0dn4 x1jwldgz xvnzane x1s85apg x1k4oyu6"
+      class="xq5fvzb x18mbai7 xl56j7k x6s0dn4 x1jwldgz xgi4d3s x1s85apg x7xqae2"
     >
       <div
-        class="x1awj2ng xfebpd xusmn32"
+        class="x1awj2ng xmygnkt xavsp"
       >
         Pink rounded rectangle with blue text
       </div>
     </div>
     <div
-      class="xq5fvzb x18mbai7 xl56j7k x6s0dn4 x1jwldgz xvcfkjc x1s85apg x8ceulb"
+      class="xq5fvzb x18mbai7 xl56j7k x6s0dn4 x1jwldgz x4tzicq x1s85apg x2nxfxp"
     >
       <div
-        class="x1awj2ng xfebpd xusmn32"
+        class="x1awj2ng xmygnkt xavsp"
       >
         Red rounded rectangle with green text
       </div>
     </div>
     <div
-      class="xrvj5dj xtp8ymz xx3cr9d xtffbmy x1upcy5i x193iq5w xl858mc x15hltav"
+      class="xrvj5dj xtp8ymz xx3cr9d xtffbmy x5eex7w x193iq5w xl858mc x15hltav"
     >
       <a
-        class="x130j894 x1hsxm3o xqz2gh5 x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x137yrnm xmkeg23 x1y0btm7 x1vbq3mp xj72yih x1heor9g x1jn5nl8 xeb0fle xts7igz xofcydl x2b8uid x1hl2dhg xn6cftr xf8ip7e"
+        class="x130j894 x1p1xtyq x2s4ebv x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x5nasxs xmkeg23 x1y0btm7 x1euwlqn x1bdqfay x1heor9g x47jbf7 x1jzj6td xts7igz xofcydl x2b8uid x1hl2dhg x8rpckp x1rpd4oy"
         href="https://stylexjs.com/docs/learn/"
         rel="noopener noreferrer"
         target="_blank"
       >
         <h2
-          class="xko2ofl x1b7nod9 x1s688f xyhilkr xon0tky"
+          class="xko2ofl x1rz43kq x1s688f x17orlpv x1vsi3t8"
         >
           Docs
            
           <span
-            class="x1rg5ohu x11xpdln x1sp2uot x13dflua x12w9bfk"
+            class="x1rg5ohu x11xpdln x1ndydyj x13dflua x12w9bfk"
           >
             →
           </span>
         </h2>
         <p
-          class="x1ghz6dp x197sbye x4ytbdx x1w2vvpw x1evy7pa x1u8bs6r"
+          class="x1ghz6dp x197sbye x327tbh x1w2vvpw x1evy7pa x1u8bs6r"
         >
           Learn how to use StyleX to build UIs
         </p>
       </a>
       <a
-        class="x130j894 x1hsxm3o xqz2gh5 x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x137yrnm xmkeg23 x1y0btm7 x1vbq3mp xj72yih x1heor9g x1jn5nl8 xeb0fle xts7igz xofcydl x2b8uid x1hl2dhg xn6cftr xf8ip7e"
+        class="x130j894 x1p1xtyq x2s4ebv x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x5nasxs xmkeg23 x1y0btm7 x1euwlqn x1bdqfay x1heor9g x47jbf7 x1jzj6td xts7igz xofcydl x2b8uid x1hl2dhg x8rpckp x1rpd4oy"
         href="https://stylexjs.com/docs/api/"
         rel="noopener noreferrer"
         target="_blank"
       >
         <h2
-          class="xko2ofl x1b7nod9 x1s688f xyhilkr xon0tky"
+          class="xko2ofl x1rz43kq x1s688f x17orlpv x1vsi3t8"
         >
           API
            
           <span
-            class="x1rg5ohu x11xpdln x1sp2uot x13dflua x12w9bfk"
+            class="x1rg5ohu x11xpdln x1ndydyj x13dflua x12w9bfk"
           >
             →
           </span>
         </h2>
         <p
-          class="x1ghz6dp x197sbye x4ytbdx x1w2vvpw x1evy7pa x1u8bs6r"
+          class="x1ghz6dp x197sbye x327tbh x1w2vvpw x1evy7pa x1u8bs6r"
         >
           Browse through the StyleX API reference
         </p>
       </a>
       <a
-        class="x130j894 x1hsxm3o xqz2gh5 x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x137yrnm xmkeg23 x1y0btm7 x1vbq3mp xj72yih x1heor9g x1jn5nl8 xeb0fle xts7igz xofcydl x2b8uid x1hl2dhg xn6cftr xf8ip7e"
+        class="x130j894 x1p1xtyq x2s4ebv x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x5nasxs xmkeg23 x1y0btm7 x1euwlqn x1bdqfay x1heor9g x47jbf7 x1jzj6td xts7igz xofcydl x2b8uid x1hl2dhg x8rpckp x1rpd4oy"
         href="https://stylexjs.com/playground/"
         rel="noopener noreferrer"
         target="_blank"
       >
         <h2
-          class="xko2ofl x1b7nod9 x1s688f xyhilkr xon0tky"
+          class="xko2ofl x1rz43kq x1s688f x17orlpv x1vsi3t8"
         >
           Playground
            
           <span
-            class="x1rg5ohu x11xpdln x1sp2uot x13dflua x12w9bfk"
+            class="x1rg5ohu x11xpdln x1ndydyj x13dflua x12w9bfk"
           >
             →
           </span>
         </h2>
         <p
-          class="x1ghz6dp x197sbye x4ytbdx x1w2vvpw x1evy7pa x1u8bs6r"
+          class="x1ghz6dp x197sbye x327tbh x1w2vvpw x1evy7pa x1u8bs6r"
         >
           Play with StyleX and look at the compile outputs
         </p>
       </a>
       <a
-        class="x130j894 x1hsxm3o xqz2gh5 x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x137yrnm xmkeg23 x1y0btm7 x1vbq3mp xj72yih x1heor9g x1jn5nl8 xeb0fle xts7igz xofcydl x2b8uid x1hl2dhg xn6cftr xf8ip7e"
+        class="x130j894 x1p1xtyq x2s4ebv x78zum5 x1ymzxv2 x6s0dn4 x1nhvcw1 xdt5ytf x5nasxs xmkeg23 x1y0btm7 x1euwlqn x1bdqfay x1heor9g x47jbf7 x1jzj6td xts7igz xofcydl x2b8uid x1hl2dhg x8rpckp x1rpd4oy"
         href="https://github.com/nmn/nextjs-app-dir-stylex"
         rel="noopener noreferrer"
         target="_blank"
       >
         <h2
-          class="xko2ofl x1b7nod9 x1s688f xyhilkr xon0tky"
+          class="xko2ofl x1rz43kq x1s688f x17orlpv x1vsi3t8"
         >
           Templates
            
           <span
-            class="x1rg5ohu x11xpdln x1sp2uot x13dflua x12w9bfk"
+            class="x1rg5ohu x11xpdln x1ndydyj x13dflua x12w9bfk"
           >
             →
           </span>
         </h2>
         <p
-          class="x1ghz6dp x197sbye x4ytbdx x1w2vvpw x1evy7pa x1u8bs6r"
+          class="x1ghz6dp x197sbye x327tbh x1w2vvpw x1evy7pa x1u8bs6r"
         >
           Get started with a NextJS+StyleX project
         </p>