fix: other props is missing

mleralec · Jul 6, 2022 · 362f237 · 362f237
1 parent 006dfb4
commit 362f237
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/config/index.ts b/src/config/index.ts
@@ -4,6 +4,7 @@ export * from './color'
 export * from './flex'
 export * from './grid'
 export * from './layout'
+export * from './other'
 export * from './position'
 export * from './space'
 export * from './typography'
diff --git a/src/config/other.ts b/src/config/other.ts
@@ -12,7 +12,7 @@ export type OtherProps = Props<{
   visibility: CSS.Property.Visibility
 }>
 
-export const layout = (props: OtherProps & ThemeProp): CSSObject => {
+export const other = (props: OtherProps & ThemeProp): CSSObject => {
   return {
     cursor: props.cursor,
     float: props.float,

diff --git a/src/system.ts b/src/system.ts
@@ -7,6 +7,7 @@ import {
   flex,
   grid,
   layout,
+  other,
   position,
   space,
   typography,
@@ -18,6 +19,7 @@ import type {
   FlexProps,
   GridProps,
   LayoutProps,
+  OtherProps,
   PositionProps,
   SpaceProps,
   TypographyProps,
@@ -32,7 +34,8 @@ export type SystemProps = BackgroundProps &
   LayoutProps &
   PositionProps &
   SpaceProps &
-  TypographyProps
+  TypographyProps &
+  OtherProps
 
 export const system = (props: SystemProps & ThemeProp): CSSObject => ({
   ...background(props),
@@ -41,6 +44,7 @@ export const system = (props: SystemProps & ThemeProp): CSSObject => ({
   ...flex(props),
   ...grid(props),
   ...layout(props),
+  ...other(props),
   ...position(props),
   ...space(props),
   ...typography(props),

diff --git a/test/utils/index.test.ts b/test/utils/index.test.ts
@@ -10,7 +10,7 @@ const theme: Theme = {
 }
 
 describe('get', () => {
-  it('should get value', () => {
+  it('should get theme value', () => {
     expect(get('primary.500', theme, 'colors')).toBe(theme.colors?.['primary.500'])
   })