amotify 0.2.279 → 0.2.281

package/demo/esbuild/designBook.tsx

@@ -434,7 +434,7 @@ alt='noImage'
                         className='test'
                         src={ Logo.Images.defaultIcon( 'user' ) }
                         alt='noImage'
-                        freeCSS={ {
+                        xcss={ {
                           maxHeight: 12 * 8,
                           maxWidth: 12 * 8
                         } }
@@ -661,7 +661,7 @@ const Effections = {
               gravityPoint: 10,
               closeAtParentBlur: false,
               padding: 0,
-              freeCSS: {
+              xcss: {
                 minWidth: 12 * 16
               },
               content: <Column
@@ -1309,7 +1309,7 @@ const Inputs = () => {
               label='Input.TextField.Postal'
               name='textfield.postal'
               override="force"
-              rightIcon={ <Input.RightIcon freeCSS={ { pointerEvents: 'all' } }>
+              rightIcon={ <Input.RightIcon xcss={ { pointerEvents: 'all' } }>
                 <Button.Sub.S
                   borderRadius={ '3.tone.tertiary' }
                   ssSphere={ 2 }
@@ -1355,7 +1355,7 @@ text5`}
             multiline
             autoHeight
             value={ '' }
-            freeCSS={ {
+            xcss={ {
               minHeight: 12 * 6
             } }
             onUpdateValidValue={ ( args ) => {
@@ -1372,7 +1372,7 @@ text5`}
           <Input.TextField
             label='Input.LeftIcon'
             paddingLeft={ 6 }
-            leftIcon={ <Input.LeftIcon ssSquare={ void 0 } freeCSS={ { pointerEvents: 'all' } }>
+            leftIcon={ <Input.LeftIcon ssSquare={ void 0 } xcss={ { pointerEvents: 'all' } }>
               <Button.Sub.S padding={ [ '1/3','1/2' ] }>
                 Left Icon
               </Button.Sub.S>
@@ -1381,7 +1381,7 @@ text5`}
           <Input.TextField
             label='Input.RightIcon'
             paddingRight={ 6 }
-            rightIcon={ <Input.RightIcon ssSquare={ void 0 } freeCSS={ { pointerEvents: 'all' } }>
+            rightIcon={ <Input.RightIcon ssSquare={ void 0 } xcss={ { pointerEvents: 'all' } }>
               <Button.Sub.S padding={ [ '1/3','1/2' ] }>
                 Right Icon
               </Button.Sub.S>
@@ -2298,7 +2298,7 @@ const Tables = {
             // styles: {
             //   backgroundColor: 'nega'
             // },
-            // freeCSS: {
+            // xcss: {
             //   opacity: .3
             // }
           },
@@ -2348,7 +2348,7 @@ const Tables = {
           children: Data3,
           data: Data3,
           // styles: { backgroundColor: 'greenTea' },
-          // freeCSS: { opacity: .3 }
+          // xcss: { opacity: .3 }
         }
       ]
       DataData.push( Row )
@@ -2448,7 +2448,7 @@ const Tables = {
           {
             data: 'head3',
             // styles: { backgroundColor: 'angel' },
-            // freeCSS: { opacity: .3 }
+            // xcss: { opacity: .3 }
           }
         ] }
         rows={ DataData }
@@ -2528,7 +2528,7 @@ const Cropping = () => {
           src={ val_ImageUrl1 }
           alt=''
           showExpand
-          freeCSS={ {
+          xcss={ {
             maxWidth: 12 * 12
           } }
         /> }
@@ -2555,7 +2555,7 @@ const Cropping = () => {
           margin={ [ 3,'auto' ] }
           // padding={ [ 0,4 ] }
           // margin={ 'auto' }
-          freeCSS={ {
+          xcss={ {
             // maxWidth: 12 * 30
             width: 12 * 10
           } }
@@ -2600,7 +2600,7 @@ const UserConfig = () => {
     gap={ 2 }
     padding={ [ '1/2',2 ] }
     overflow={ 'auto' }
-    freeCSS={ {
+    xcss={ {
       whiteSpace: 'nowrap'
     } }
   >
@@ -2688,7 +2688,7 @@ const UserConfig = () => {
                   borderWidth={ 2 }
                   transition={ 'short' }
                   borderRadius={ '1.tone.primary' }
-                  freeCSS={ {
+                  xcss={ {
                     transform: 'scale(1.25)',
                   } }
                 />
@@ -2696,7 +2696,7 @@ const UserConfig = () => {
               <Literal.Supplement
                 display='none'
                 ssTextEllipsis
-                freeCSS={ {
+                xcss={ {
                   lineHeight: 1.25
                 } }
               >
@@ -2774,9 +2774,7 @@ let DesignBook = () => {
       // backgroundColor={ 'layer.1' }
       // backgroundColor='gray'
       // position={ 'relative' }
-      freeCSS={ {
-        zIndex: 1
-      } }
+      ssZIndex={ 1 }
     >
       <TabBar
         borderBottom
@@ -2808,10 +2806,7 @@ let DesignBook = () => {
       />
       <Box
         flexSizing={ 0 }
-        position={ 'relative' }
-        freeCSS={ {
-          zIndex: 1
-        } }
+        ssZIndex={ 1 }
       >
         <PageViewController
           viewIndex={ val_tabIndex }