feat: other styled props

README.md

@@ -232,3 +232,14 @@ const Box = styled.div<System>(system)
 | textAlign      | text-align      |                |
 | fontStyle      | font-style      |                |
 | textDecoration | text-decoration |                |
+
+### Other
+
+| JSX Property   | CSS property    | Theme key |
+| -------------- | --------------- | --------- |
+| cusor          | cursor          |           |
+| float          | float           |           |
+| objectFit      | object-fit      |           |
+| objectPosition | object-position |           |
+| transform      | transform       |           |
+| visibility     | visibility      |           |

src/config/other.ts

@@ -0,0 +1,24 @@
+import type * as CSS from 'csstype'
+import type { CSSObject } from 'styled-components'
+
+import type { Props, ThemeProp } from '../types'
+
+export type OtherProps = Props<{
+  cursor: CSS.Property.Cursor
+  float: CSS.Property.Float
+  objectFit: CSS.Property.ObjectFit
+  objectPosition: CSS.Property.ObjectPosition
+  transform: CSS.Property.Transform
+  visibility: CSS.Property.Visibility
+}>
+
+export const layout = (props: OtherProps & ThemeProp): CSSObject => {
+  return {
+    cursor: props.cursor,
+    float: props.float,
+    objectFit: props.objectFit,
+    objectPosition: props.objectPosition,
+    transform: props.transform,
+    visibility: props.visibility,
+  }
+}