[Help wanted] Transform types

[jpudysz]

Hey 👋

I have one open issue to be picked up by someone, I'm looking for typescript type that will handle following case:

const stylesheet = createStyles(theme => ({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: {
            sm: theme.colors.oak,
            md: theme.colors.aloes,
            ':w[800]': theme.colors.fog
        },
        // this works ok
        transform: [
            {
                scale: 3
            }
        ],
        shadowColor: theme.colors.oak,
        shadowOffset: {
            width: 0,
            height: {
                sm: 10,
                md: 20
            }
        },
        shadowOpacity: 0.3,
        shadowRadius: 4
    }
}))

but

const stylesheet = createStyles(theme => ({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: {
            sm: theme.colors.oak,
            md: theme.colors.aloes,
            ':w[800]': theme.colors.fog
        },
        // this works in JS but is rejeted by TS
        transform: [
            {
                scale: 3
            },
           {
                translateX: {
                    sm: 20,
                    md: 40
                }
            }
        ],
        shadowColor: theme.colors.oak,
        shadowOffset: {
            width: 0,
            height: {
                sm: 10,
                md: 20
            }
        },
        shadowOpacity: 0.3,
        shadowRadius: 4
    }
}))

[jpudysz]

Fixed with #12