amotify 0.2.136 → 0.2.137

package/demo/esbuild/app.tsx

@@ -20,6 +20,7 @@ import {
   Sheet,
   Text,
   FAI,
+  Accordion,
 } from 'amotify'
 
 import '../../dist/@styles/style.css'
@@ -31,43 +32,36 @@ import {
 let Test = () => {
   let [ val_value,set_value ] = useState( '' )
 
-  return <Box>
-    <Column
-      gap={ 2 }
-      flexWrap
-      padding={ 2 }
-    >
-      <Input.TextField.Number
-        label='number'
-        allowZeroStart
-        allowDecimals
-        onUpdateValidValue={ value => {
-          console.log( value )
-        } }
-      />
-      <Input.TextField.Number
-        label='allowDecimals'
-        allowDecimals
-        // max={ 10 }
-        onUpdateValidValue={ value => {
-          console.log( value )
-        } }
-      />
-
-      <Input.TextField.Number
-        label='allowZeroStart,allowDecimals'
-        allowZeroStart
-        allowDecimals
-        min={ 0 }
-      />
-      <Input.TextField.DigitNumber
-        label='allowDecimals,allowZeroStart'
-        allowDecimals
-        allowZeroStart
-      />
-
-    </Column>
+  let accordionID = UUID()
 
+  return <Box>
+    <Plate size='S'>
+      <Column
+        padding={ 2 }
+      >
+        <Button.Sub
+          onClick={ () => {
+            Accordion.fn.toggle( accordionID )
+          } }
+        >
+          Open Accordion
+        </Button.Sub>
+        <Accordion
+          accordionID={ accordionID }
+        // defaultOpen={ false }
+        >
+          <Box
+            ssCardBox
+            padding={ 2 }
+          >
+            Hello World <br />
+            Hello World <br />
+            Hello World <br />
+            Hello World
+          </Box>
+        </Accordion>
+      </Column>
+    </Plate>
     {/* <DesignBook
     /> */}
   </Box>

package/demo/esbuild/designBook.tsx

@@ -648,7 +648,7 @@ const Effections = {
       </Text.SubTitle>
       <Column padding={ 2 }>
         <Button
-          onContextMenu={ ( event ) => {
+          onContextMenu={ event => {
             event.preventDefault()
             Tooltips.open( {
               tipsID: 'testTooltips',
@@ -694,7 +694,7 @@ const Effections = {
             Array.from( { length: 25 } ).map( ( a,index ) => {
               return <Button.Border
                 key={ index }
-                onMouseOver={ ( event ) => {
+                onMouseOver={ event => {
                   Tooltips.open( {
                     tipsID: 'tips-' + ( index + 1 ),
                     event,
@@ -1311,7 +1311,7 @@ const Inputs = () => {
                   ssSphere={ 2 }
                   onClick={ async () => {
                   } }
-                  onMouseOver={ ( event ) => {
+                  onMouseOver={ event => {
                     Tips.open( event.currentTarget,'現在地を取得' )
                   } }
                   onMouseLeave={ () => { Tips.abort() } }
@@ -1522,7 +1522,7 @@ text5`}
                       isRounded
                       fontSize='3.paragraph'
                       fontColor={ p.isChecked ? 'theme' : '5.translucent' }
-                      onClick={ ( event ) => {
+                      onClick={ event => {
                         event.preventDefault()
                         event.stopPropagation()
                         p.toggle()
@@ -2200,7 +2200,7 @@ const Styling = () => {
             </Button.Border>
 
             <Button.Border
-              onClick={ ( event ) => {
+              onClick={ event => {
                 Tooltips.open( {
                   tipsID: 'test40',
                   parent: event.currentTarget,
@@ -2404,7 +2404,7 @@ const Tables = {
           <Button.Clear
             padding={ [ 0,1 ] }
             color='white'
-            onClick={ ( event ) => {
+            onClick={ event => {
               Tooltips.open( {
                 tipsID: UUID(),
                 parent: event.target,