lilact 0.1.0 → 0.2.0

package/root/demos/transition.jsx

@@ -8,33 +8,33 @@ function Demo() {
   };
 
   return <>
-    <p>See the console for logs.</p>
-    <div>
-      <button onClick={toggleVisibility}>
-        {inProp ? 'Hide Component' : 'Show Component'}
-      </button>
-      <Transition
-        in={inProp}
-        timeout={1000}
-        mountOnEnter={false} 
-        onEnter={() => console.log('Enter')}
-        onExit={() => console.log('Exit')}
-        onEntering={() => console.log('Entering')}
-        onExiting={() => console.log('Exiting')}
-        onEntered={() => console.log('Entered')}
-        onExited={() => console.log('Exited')}
-      >
-        {(state) => (
+          <p>See the console for logs.</p>
           <div>
-            {state === 'entering' && <p>Hello, World! (Entering)</p>}
-            {state === 'exiting' && <p>Hello, World! (Exiting)</p>}
-            {state === 'entered' && <p>Hello, World! (Visible)</p>}
-            {state === 'exited' && <p>Hello, World! (Hidden)</p>}
+            <button onClick={toggleVisibility}>
+              {inProp ? 'Hide Component' : 'Show Component'}
+            </button>
+            <Transition
+              in={inProp}
+              timeout={1000}
+              mountOnEnter={false} 
+              onEnter={() => console.log('Enter')}
+              onExit={() => console.log('Exit')}
+              onEntering={() => console.log('Entering')}
+              onExiting={() => console.log('Exiting')}
+              onEntered={() => console.log('Entered')}
+              onExited={() => console.log('Exited')}
+            >
+              {(state) => (
+                <div>
+                  {state === 'entering' && <p>Hello, World! (Entering)</p>}
+                  {state === 'exiting' && <p>Hello, World! (Exiting)</p>}
+                  {state === 'entered' && <p>Hello, World! (Visible)</p>}
+                  {state === 'exited' && <p>Hello, World! (Hidden)</p>}
+                </div>
+              )}
+            </Transition>
           </div>
-        )}
-      </Transition>
-    </div>
-  </>;
+        </>;
 };
 
 module.exports = Demo;

package/root/demos/usetransition.jsx

@@ -24,13 +24,11 @@ const Demo = ()=>{
 						} )
 					}, [] );
 	return (
-
 		<div className={css({background:bg})}>
-		<h4>{id}</h4>
+			<h4>{id}</h4>
 			{isPending? <b>PENDING...</b> : <i>NOT PENDING</i>}
 			<button onclick={startCB}>START CB</button>
 		</div>
-
 	);
 };