amotify 0.2.135 → 0.2.137

package/demo/esbuild/app.tsx

@@ -20,6 +20,7 @@ import {
   Sheet,
   Text,
   FAI,
+  Accordion,
 } from 'amotify'
 
 import '../../dist/@styles/style.css'
@@ -29,25 +30,40 @@ import {
 } from './designBook'
 
 let Test = () => {
-  return <Box>
-    <Row.Center
-      flexWrap
-      padding={ 2 }
-    >
-      <Input.TextField
-        label='AAAA'
-      // multiline minRows={ 3 }
-      />
-      <Input.TextField
-        label='AAAA'
-        fontHeight={ 1.2 }
-      // multiline minRows={ 3 }
-      />
+  let [ val_value,set_value ] = useState( '' )
 
-    </Row.Center>
+  let accordionID = UUID()
 
-    <DesignBook
-    />
+  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>
 }
 
@@ -59,7 +75,7 @@ $$.scope( () => {
   Config.launch( {
     appRoot: root,
     roundness: $$.localStrage.get( 'prf.roundness' ) ?? 4,
-    themeColor: $$.localStrage.get( 'prf.themeColor' ) || 'battery',
+    themeColor: 'battery',
     darkMode: $$.localStrage.get( 'prf.darkMode' ) || 'auto',
   } )
 

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,
@@ -1269,7 +1269,8 @@ const Inputs = () => {
           <Input.TextField
             label='Input.TextField (number.zeroStart)'
             name='textfield.zeroStart'
-            restrict='number.zeroStart'
+            allowZeroStart
+            allowDecimals
             value={ '0324' }
           />
           <Box>
@@ -1310,7 +1311,7 @@ const Inputs = () => {
                   ssSphere={ 2 }
                   onClick={ async () => {
                   } }
-                  onMouseOver={ ( event ) => {
+                  onMouseOver={ event => {
                     Tips.open( event.currentTarget,'現在地を取得' )
                   } }
                   onMouseLeave={ () => { Tips.abort() } }
@@ -1521,7 +1522,7 @@ text5`}
                       isRounded
                       fontSize='3.paragraph'
                       fontColor={ p.isChecked ? 'theme' : '5.translucent' }
-                      onClick={ ( event ) => {
+                      onClick={ event => {
                         event.preventDefault()
                         event.stopPropagation()
                         p.toggle()
@@ -2199,7 +2200,7 @@ const Styling = () => {
             </Button.Border>
 
             <Button.Border
-              onClick={ ( event ) => {
+              onClick={ event => {
                 Tooltips.open( {
                   tipsID: 'test40',
                   parent: event.currentTarget,
@@ -2403,7 +2404,7 @@ const Tables = {
           <Button.Clear
             padding={ [ 0,1 ] }
             color='white'
-            onClick={ ( event ) => {
+            onClick={ event => {
               Tooltips.open( {
                 tipsID: UUID(),
                 parent: event.target,