Add support for negative values for spacings

If the space alias starts with a `-` sign the value is considered
negative so it's multiply by -1 after being translated using
the correct scale. Also adjust the types to take into account
the negative versions of the aliases defined in the theme config.

Author: maurobender

src/core/layout/Layout.ts

@@ -5,6 +5,29 @@ import type {
 	Size, SizeAlias, Spacing, SpacingAlias
 } from './types';
 
+const isNegativeAlias = ( alias: string ) => (
+	alias.charAt( 0 ) === '-'
+);
+
+const translateSpacing = (
+	alias: SpacingAlias,
+	scale: { [ x: SpacingAlias ]: Spacing }
+): Spacing | undefined => {
+	if ( !alias ) { return undefined; }
+
+	let scaleAlias = String( alias );
+	let isNegative = false;
+
+	if ( isNegativeAlias( scaleAlias ) ) {
+		isNegative = true;
+		scaleAlias = scaleAlias.slice( 1 );
+	}
+
+	if ( !scale[ scaleAlias ] ) { return undefined; }
+
+	return Number( scale[ scaleAlias ] ) * ( isNegative ? -1 : 1 );
+};
+
 export default class Layout {
 	private _config: LayoutConfig;
 
@@ -19,7 +42,7 @@ export default class Layout {
 	}
 
 	spacing( alias: SpacingAlias ): Spacing | undefined {
-		return this._config.spacings[ alias ];
+		return translateSpacing( alias, this._config.spacings );
 	}
 
 	size( alias: SizeAlias ): Size | undefined {

src/core/theme/defaultTheme/components/Chip.ts

@@ -23,6 +23,8 @@ export default {
 			size: 'xs',
 			marginLeft: '2',
 			color: 'primary.900',
+			padding: 0.5,
+			marginY: -0.5,
 			borderRadius: 'full',
 			__pressed: {
 				backgroundColor: 'secondary.300'

src/core/theme/types.ts

@@ -19,15 +19,29 @@ export type ColorType = Leaves<IThemeConfig[ 'palette' ][ 'base' ]>
 
 type RNStyles = ViewStyle & ImageStyle & TextStyle;
 
+type GetLayoutScaleValuesWithNegativeValues<
+	T extends keyof IThemeConfig[ 'layout' ]
+> = {
+	[K in keyof IThemeConfig[ 'layout' ][T]]-?: K extends string | number
+		? K | `-${K}`
+		: never
+}[keyof IThemeConfig[ 'layout' ][T]]
+
+type SpaceType = GetLayoutScaleValuesWithNegativeValues<'spacings'>
+	| ( string & {} )
+	| ( number & {} );
+
 type GetThemeScaleValues<T extends keyof IThemeConfig> = 'palette' extends T
 	? ColorType
 	: keyof IThemeConfig[T] | ( string & {} ) | ( number & {} );
 
 type GetThemeCategorizedScaleValues<
 	T extends keyof IThemeConfig, Y extends keyof IThemeConfig[T]
-> = (
-	keyof IThemeConfig[T][Y] | ( string & {} ) | ( number & {} )
-);
+> = 'layout' extends T
+		? 'spacings' extends Y
+			? SpaceType
+			: keyof IThemeConfig[T][Y] | ( string & {} ) | ( number & {} )
+		: keyof IThemeConfig[T][Y] | ( string & {} ) | ( number & {} );
 
 type GetCategorizedRNStyles<key, category extends keyof IThemeConfig, scale = null> = (
 	scale extends keyof IThemeConfig[ category ]