@codecademy/variance 0.19.1-alpha.a809e8.0 → 0.20.1-alpha.447c4d.0

package/dist/src/utils/__fixtures__/testConfig.js

@@ -0,0 +1,94 @@
+export const testConfig = {
+    textColor: { property: 'color' },
+    bg: { property: 'backgroundColor' },
+    borderColor: { property: 'borderColor' },
+    borderColorX: {
+        property: 'borderColor',
+        properties: ['borderLeftColor', 'borderRightColor'],
+        scale: 'colors',
+    },
+    borderColorY: {
+        property: 'borderColor',
+        properties: ['borderTopColor', 'borderBottomColor'],
+        scale: 'colors',
+    },
+    borderColorLeft: { property: 'borderLeftColor' },
+    borderColorRight: { property: 'borderRightColor' },
+    borderColorTop: { property: 'borderTopColor' },
+    borderColorBottom: { property: 'borderBottomColor' },
+    border: { property: 'border' },
+    borderX: { property: 'border', properties: ['borderLeft', 'borderRight'] },
+    borderY: { property: 'border', properties: ['borderTop', 'borderBottom'] },
+    borderTop: { property: 'borderTop' },
+    borderRight: { property: 'borderRight' },
+    borderBottom: { property: 'borderBottom' },
+    borderLeft: { property: 'borderLeft' },
+    borderWidth: { property: 'borderWidth' },
+    borderWidthX: {
+        property: 'borderWidth',
+        properties: ['borderLeftWidth', 'borderRightWidth'],
+    },
+    borderWidthY: {
+        property: 'borderWidth',
+        properties: ['borderTopWidth', 'borderBottomWidth'],
+    },
+    borderRadius: { property: 'borderRadius' },
+    borderRadiusLeft: {
+        property: 'borderRadius',
+        properties: ['borderTopLeftRadius', 'borderBottomLeftRadius'],
+    },
+    borderRadiusTop: {
+        property: 'borderRadius',
+        properties: ['borderTopLeftRadius', 'borderTopRightRadius'],
+    },
+    borderRadiusBottom: {
+        property: 'borderRadius',
+        properties: ['borderBottomLeftRadius', 'borderBottomRightRadius'],
+    },
+    borderRadiusRight: {
+        property: 'borderRadius',
+        properties: ['borderTopRightRadius', 'borderBottomRightRadius'],
+    },
+    borderStyle: { property: 'borderStyle' },
+    borderStyleX: {
+        property: 'borderStyle',
+        properties: ['borderLeftStyle', 'borderRightStyle'],
+    },
+    borderStyleY: {
+        property: 'borderStyle',
+        properties: ['borderTopStyle', 'borderBottomStyle'],
+    },
+    flex: { property: 'flex' },
+    flexBasis: { property: 'flexBasis' },
+    p: { property: 'padding' },
+    px: {
+        property: 'padding',
+        properties: ['paddingLeft', 'paddingRight'],
+        scale: 'spacing',
+    },
+    py: {
+        property: 'padding',
+        properties: ['paddingTop', 'paddingBottom'],
+        scale: 'spacing',
+    },
+    pt: { property: 'paddingTop' },
+    pb: { property: 'paddingBottom' },
+    pr: { property: 'paddingRight' },
+    pl: { property: 'paddingLeft' },
+    m: { property: 'margin' },
+    mx: {
+        property: 'margin',
+        properties: ['marginLeft', 'marginRight'],
+        scale: 'spacing',
+    },
+    my: {
+        property: 'margin',
+        properties: ['marginTop', 'marginBottom'],
+        scale: 'spacing',
+    },
+    mt: { property: 'marginTop' },
+    mb: { property: 'marginBottom' },
+    mr: { property: 'marginRight' },
+    ml: { property: 'marginLeft' },
+};
+//# sourceMappingURL=testConfig.js.map

package/dist/src/utils/__fixtures__/testConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testConfig.js","sourceRoot":"","sources":["../../../../src/utils/__fixtures__/testConfig.ts"],"names":[],"mappings":"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"}

package/dist/transforms/index.d.ts

@@ -0,0 +1 @@
+export * from './transformSize';

package/dist/transforms/index.js

@@ -0,0 +1,2 @@
+export * from './transformSize';
+//# sourceMappingURL=index.js.map

package/dist/transforms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/transforms/transformSize.d.ts

@@ -0,0 +1,2 @@
+export declare const percentageOrAbsolute: (coordinate: number) => string | 0;
+export declare const transformSize: (value: string | number) => string | 0;

package/dist/transforms/transformSize.js

@@ -0,0 +1,26 @@
+import { isNumber } from 'lodash';
+export const percentageOrAbsolute = (coordinate) => {
+    if (coordinate === 0) {
+        return coordinate;
+    }
+    if (coordinate <= 1 && coordinate >= -1) {
+        return `${coordinate * 100}%`;
+    }
+    return `${coordinate}px`;
+};
+const valueWithUnit = /(-?\d*\.?\d+)(%|\w*)/;
+export const transformSize = (value) => {
+    if (isNumber(value)) {
+        return percentageOrAbsolute(value);
+    }
+    if (value.includes('calc')) {
+        return value;
+    }
+    const [match, number, unit] = valueWithUnit.exec(value) || [];
+    if (match === undefined) {
+        return value;
+    }
+    const numericValue = parseFloat(number);
+    return !unit ? percentageOrAbsolute(numericValue) : `${numericValue}${unit}`;
+};
+//# sourceMappingURL=transformSize.js.map

package/dist/transforms/transformSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformSize.js","sourceRoot":"","sources":["../../src/transforms/transformSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAkB,EAAE,EAAE;IACzD,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,OAAO,UAAU,CAAC;KACnB;IACD,IAAI,UAAU,IAAI,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC,EAAE;QACvC,OAAO,GAAG,UAAU,GAAG,GAAG,GAAG,CAAC;KAC/B;IACD,OAAO,GAAG,UAAU,IAAI,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAE7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAE,EAAE;IACtD,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;KACpC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE9D,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAExC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI,EAAE,CAAC;AAC/E,CAAC,CAAC"}

package/dist/types/config.d.ts

@@ -0,0 +1,71 @@
+import { Theme } from '@emotion/react';
+import { DefaultCSSPropertyValue, PropertyTypes } from './properties';
+import { AbstractProps, CSSObject, CSSPropMap, CSSProps, ResponsiveProp, ThemeProps } from './props';
+import { AllUnionKeys, Key, KeyFromUnion } from './utils';
+export declare type MapScale = Record<string | number, string | number>;
+export declare type ArrayScale = readonly (string | number)[] & {
+    length: 0;
+};
+export interface BaseProperty {
+    property: keyof PropertyTypes;
+    properties?: readonly (keyof PropertyTypes)[];
+}
+export interface Prop extends BaseProperty {
+    scale?: keyof Theme | MapScale | ArrayScale;
+    transform?: (val: string | number, prop?: string, props?: AbstractProps) => string | number | CSSObject;
+}
+export interface AbstractPropTransformer extends Prop {
+    prop: string;
+    styleFn: (value: unknown, prop: string, props: AbstractProps) => CSSObject;
+}
+export interface AbstractParser {
+    (props: AbstractProps): CSSObject;
+    propNames: string[];
+    config: Record<string, AbstractPropTransformer>;
+}
+export declare type PropertyValues<Property extends keyof PropertyTypes, All extends boolean = false> = Exclude<PropertyTypes<All extends true ? DefaultCSSPropertyValue : never>[Property], All extends true ? never : object | any[]>;
+export declare type ScaleValue<Config extends Prop> = Config['scale'] extends keyof Theme ? keyof Theme[Config['scale']] | PropertyValues<Config['property']> : Config['scale'] extends MapScale ? keyof Config['scale'] | PropertyValues<Config['property']> : Config['scale'] extends ArrayScale ? Config['scale'][number] | PropertyValues<Config['property']> : PropertyValues<Config['property'], true>;
+export declare type Scale<Config extends Prop> = ResponsiveProp<ScaleValue<Config> | ((theme: Theme) => ScaleValue<Config>)>;
+export interface TransformFn<P extends string, Config extends Prop> {
+    (value: Scale<Config> | Scale<Config>, prop: P, props: ThemeProps<{
+        [K in P]?: Scale<Config>;
+    }>): CSSObject;
+}
+export interface PropTransformer<P extends string, C extends Prop> extends AbstractPropTransformer, Prop {
+    prop: P;
+    styleFn: TransformFn<P, C>;
+}
+export declare type TransformerMap<Config extends Record<string, Prop>> = {
+    [P in Key<keyof Config>]: PropTransformer<Key<P>, Config[P]>;
+};
+export interface Parser<Config extends Record<string, AbstractPropTransformer>> {
+    (props: ParserProps<Config>): CSSObject;
+    propNames: (keyof Config)[];
+    config: Config;
+}
+export declare type Compose<Args extends AbstractParser[]> = {
+    [K in AllUnionKeys<Args[number]['config']>]: KeyFromUnion<Args[number]['config'], K>;
+};
+export interface Variant<P extends AbstractParser> {
+    <Keys extends keyof Props, Base extends AbstractProps, Props extends Record<Keys, AbstractProps>, PropKey extends Readonly<string> = 'variant'>(options: {
+        prop?: PropKey;
+        defaultVariant?: keyof Props;
+        base?: CSSProps<Base, SystemProps<P>>;
+        variants: CSSPropMap<Props, SystemProps<P>>;
+    }): (props: VariantProps<PropKey, Keys | false> & ThemeProps) => CSSObject;
+}
+export interface States<P extends AbstractParser> {
+    <Props extends Record<string, AbstractProps>>(states: CSSPropMap<Props, SystemProps<P>>): (props: Partial<Record<keyof Props, boolean>> & ThemeProps) => CSSObject;
+}
+export interface CSS<P extends AbstractParser> {
+    <Props extends AbstractProps>(config: CSSProps<Props, SystemProps<P>>): (props: ThemeProps) => CSSObject;
+}
+export declare type ParserProps<Config extends Record<string, AbstractPropTransformer>> = ThemeProps<{
+    [P in keyof Config]?: Parameters<Config[P]['styleFn']>[2][Config[P]['prop']];
+}>;
+export declare type SystemProps<P extends AbstractParser> = {
+    [K in keyof Omit<Parameters<P>[0], 'theme'>]: Omit<Parameters<P>[0], 'theme'>[K];
+};
+export declare type VariantProps<T extends string, V> = {
+    [Key in T]?: V;
+};

package/dist/types/config.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=config.js.map

package/dist/types/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":""}

package/dist/types/properties.d.ts

@@ -0,0 +1,22 @@
+import { Globals, StandardProperties, VendorProperties } from 'csstype';
+declare type ColorProperties = 'color' | `${string}Color`;
+declare type ColorGlobals = {
+    [K in Extract<keyof StandardProperties, ColorProperties>]?: Globals | 'currentColor' | 'transparent' | (string & {});
+};
+declare type SizeProperties = 'left' | 'right' | 'top' | 'bottom' | 'inset' | 'width' | 'height' | `${string}${'Width' | 'Height'}`;
+declare type SizeGlobals = {
+    [K in Extract<keyof StandardProperties, SizeProperties>]?: StandardProperties[K] | (number & {});
+};
+/** This is a placeholder type for CSS properties that may not have any specific global values (outlineOffset).
+ * (string & {}) will allow strings but not generalize the union type to just a string if other string literals exist in the union.
+ *
+ * This ensures that autosuggestions will still work for literal types but still allow any string for certain properties.
+ */
+export declare type DefaultCSSPropertyValue = (string & {}) | 0;
+export interface PropertyTypes<Overrides = DefaultCSSPropertyValue> extends Omit<StandardProperties<Overrides>, keyof ColorGlobals | keyof SizeGlobals>, ColorGlobals, SizeGlobals {
+}
+export interface VendorPropertyTypes<Overrides = DefaultCSSPropertyValue> extends VendorProperties<Overrides> {
+}
+export interface CSSPropertyTypes<Overrides = DefaultCSSPropertyValue> extends PropertyTypes<Overrides>, VendorPropertyTypes<Overrides> {
+}
+export {};

package/dist/types/properties.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=properties.js.map

package/dist/types/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../src/types/properties.ts"],"names":[],"mappings":""}

package/dist/types/props.d.ts

@@ -0,0 +1,47 @@
+import { Theme } from '@emotion/react';
+import { AbstractParser, Scale } from './config';
+import { CSSPropertyTypes } from './properties';
+export declare type AbstractProps = ThemeProps<Record<string, unknown>>;
+interface BreakpointKeys<T = string> {
+    xs: T;
+    sm: T;
+    md: T;
+    lg: T;
+    xl: T;
+}
+export interface BreakpointCache {
+    map: BreakpointKeys;
+    array: string[];
+}
+export declare type ThemeProps<Props = {}> = Props & {
+    theme?: Theme;
+};
+export interface MediaQueryArray<T> {
+    0?: T;
+    1?: T;
+    2?: T;
+    3?: T;
+    4?: T;
+    5?: T;
+}
+export interface MediaQueryMap<T> {
+    _?: T;
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+}
+export declare type ResponsiveProp<T> = T | MediaQueryMap<T> | MediaQueryArray<T>;
+export interface CSSObject {
+    [key: string]: string | number | CSSObject | undefined;
+}
+export declare type CSSPropMap<Props, System> = {
+    [K in keyof Props]?: CSSProps<Props[K], System>;
+};
+export declare type CSSProps<Props, System> = {
+    [K in keyof Props]?: K extends keyof System ? System[K] : K extends keyof CSSPropertyTypes ? CSSPropertyTypes[K] : Omit<CSSPropertyTypes, keyof System> & Omit<System, 'theme'>;
+};
+export declare type StyleProps<T extends (args: AbstractProps) => CSSObject> = Parameters<T>[0];
+export declare type ScaleValue<P extends AbstractParser, Prop extends keyof P['config']> = Scale<P['config'][Prop]>;
+export {};

package/dist/types/props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=props.js.map

package/dist/types/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":""}

package/dist/types/theme.d.ts

@@ -0,0 +1,17 @@
+export interface Breakpoints<T = string> {
+    xs: T;
+    sm: T;
+    md: T;
+    lg: T;
+    xl: T;
+}
+export interface BaseTheme {
+    breakpoints: Breakpoints;
+}
+export interface AbstractTheme extends BaseTheme {
+    readonly [key: string]: any;
+}
+declare module '@emotion/react' {
+    interface Theme extends BaseTheme {
+    }
+}

package/dist/types/theme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.js.map

package/dist/types/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":""}

package/dist/types/utils.d.ts

@@ -0,0 +1,3 @@
+export declare type AllUnionKeys<T> = T extends any ? keyof T : never;
+export declare type KeyFromUnion<T, K> = T extends any ? K extends keyof T ? T[K] : never : never;
+export declare type Key<T> = T extends string ? T : never;

package/dist/types/utils.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.js.map

package/dist/types/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/types/utils.ts"],"names":[],"mappings":""}

package/dist/utils/__fixtures__/testConfig.d.ts

@@ -0,0 +1,153 @@
+export declare const testConfig: {
+    readonly textColor: {
+        readonly property: "color";
+    };
+    readonly bg: {
+        readonly property: "backgroundColor";
+    };
+    readonly borderColor: {
+        readonly property: "borderColor";
+    };
+    readonly borderColorX: {
+        readonly property: "borderColor";
+        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+        readonly scale: "colors";
+    };
+    readonly borderColorY: {
+        readonly property: "borderColor";
+        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+        readonly scale: "colors";
+    };
+    readonly borderColorLeft: {
+        readonly property: "borderLeftColor";
+    };
+    readonly borderColorRight: {
+        readonly property: "borderRightColor";
+    };
+    readonly borderColorTop: {
+        readonly property: "borderTopColor";
+    };
+    readonly borderColorBottom: {
+        readonly property: "borderBottomColor";
+    };
+    readonly border: {
+        readonly property: "border";
+    };
+    readonly borderX: {
+        readonly property: "border";
+        readonly properties: readonly ["borderLeft", "borderRight"];
+    };
+    readonly borderY: {
+        readonly property: "border";
+        readonly properties: readonly ["borderTop", "borderBottom"];
+    };
+    readonly borderTop: {
+        readonly property: "borderTop";
+    };
+    readonly borderRight: {
+        readonly property: "borderRight";
+    };
+    readonly borderBottom: {
+        readonly property: "borderBottom";
+    };
+    readonly borderLeft: {
+        readonly property: "borderLeft";
+    };
+    readonly borderWidth: {
+        readonly property: "borderWidth";
+    };
+    readonly borderWidthX: {
+        readonly property: "borderWidth";
+        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+    };
+    readonly borderWidthY: {
+        readonly property: "borderWidth";
+        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+    };
+    readonly borderRadius: {
+        readonly property: "borderRadius";
+    };
+    readonly borderRadiusLeft: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+    };
+    readonly borderRadiusTop: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+    };
+    readonly borderRadiusBottom: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+    };
+    readonly borderRadiusRight: {
+        readonly property: "borderRadius";
+        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+    };
+    readonly borderStyle: {
+        readonly property: "borderStyle";
+    };
+    readonly borderStyleX: {
+        readonly property: "borderStyle";
+        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
+    };
+    readonly borderStyleY: {
+        readonly property: "borderStyle";
+        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
+    };
+    readonly flex: {
+        readonly property: "flex";
+    };
+    readonly flexBasis: {
+        readonly property: "flexBasis";
+    };
+    readonly p: {
+        readonly property: "padding";
+    };
+    readonly px: {
+        readonly property: "padding";
+        readonly properties: readonly ["paddingLeft", "paddingRight"];
+        readonly scale: "spacing";
+    };
+    readonly py: {
+        readonly property: "padding";
+        readonly properties: readonly ["paddingTop", "paddingBottom"];
+        readonly scale: "spacing";
+    };
+    readonly pt: {
+        readonly property: "paddingTop";
+    };
+    readonly pb: {
+        readonly property: "paddingBottom";
+    };
+    readonly pr: {
+        readonly property: "paddingRight";
+    };
+    readonly pl: {
+        readonly property: "paddingLeft";
+    };
+    readonly m: {
+        readonly property: "margin";
+    };
+    readonly mx: {
+        readonly property: "margin";
+        readonly properties: readonly ["marginLeft", "marginRight"];
+        readonly scale: "spacing";
+    };
+    readonly my: {
+        readonly property: "margin";
+        readonly properties: readonly ["marginTop", "marginBottom"];
+        readonly scale: "spacing";
+    };
+    readonly mt: {
+        readonly property: "marginTop";
+    };
+    readonly mb: {
+        readonly property: "marginBottom";
+    };
+    readonly mr: {
+        readonly property: "marginRight";
+    };
+    readonly ml: {
+        readonly property: "marginLeft";
+    };
+};

package/dist/utils/__fixtures__/testConfig.js

@@ -0,0 +1,94 @@
+export const testConfig = {
+    textColor: { property: 'color' },
+    bg: { property: 'backgroundColor' },
+    borderColor: { property: 'borderColor' },
+    borderColorX: {
+        property: 'borderColor',
+        properties: ['borderLeftColor', 'borderRightColor'],
+        scale: 'colors',
+    },
+    borderColorY: {
+        property: 'borderColor',
+        properties: ['borderTopColor', 'borderBottomColor'],
+        scale: 'colors',
+    },
+    borderColorLeft: { property: 'borderLeftColor' },
+    borderColorRight: { property: 'borderRightColor' },
+    borderColorTop: { property: 'borderTopColor' },
+    borderColorBottom: { property: 'borderBottomColor' },
+    border: { property: 'border' },
+    borderX: { property: 'border', properties: ['borderLeft', 'borderRight'] },
+    borderY: { property: 'border', properties: ['borderTop', 'borderBottom'] },
+    borderTop: { property: 'borderTop' },
+    borderRight: { property: 'borderRight' },
+    borderBottom: { property: 'borderBottom' },
+    borderLeft: { property: 'borderLeft' },
+    borderWidth: { property: 'borderWidth' },
+    borderWidthX: {
+        property: 'borderWidth',
+        properties: ['borderLeftWidth', 'borderRightWidth'],
+    },
+    borderWidthY: {
+        property: 'borderWidth',
+        properties: ['borderTopWidth', 'borderBottomWidth'],
+    },
+    borderRadius: { property: 'borderRadius' },
+    borderRadiusLeft: {
+        property: 'borderRadius',
+        properties: ['borderTopLeftRadius', 'borderBottomLeftRadius'],
+    },
+    borderRadiusTop: {
+        property: 'borderRadius',
+        properties: ['borderTopLeftRadius', 'borderTopRightRadius'],
+    },
+    borderRadiusBottom: {
+        property: 'borderRadius',
+        properties: ['borderBottomLeftRadius', 'borderBottomRightRadius'],
+    },
+    borderRadiusRight: {
+        property: 'borderRadius',
+        properties: ['borderTopRightRadius', 'borderBottomRightRadius'],
+    },
+    borderStyle: { property: 'borderStyle' },
+    borderStyleX: {
+        property: 'borderStyle',
+        properties: ['borderLeftStyle', 'borderRightStyle'],
+    },
+    borderStyleY: {
+        property: 'borderStyle',
+        properties: ['borderTopStyle', 'borderBottomStyle'],
+    },
+    flex: { property: 'flex' },
+    flexBasis: { property: 'flexBasis' },
+    p: { property: 'padding' },
+    px: {
+        property: 'padding',
+        properties: ['paddingLeft', 'paddingRight'],
+        scale: 'spacing',
+    },
+    py: {
+        property: 'padding',
+        properties: ['paddingTop', 'paddingBottom'],
+        scale: 'spacing',
+    },
+    pt: { property: 'paddingTop' },
+    pb: { property: 'paddingBottom' },
+    pr: { property: 'paddingRight' },
+    pl: { property: 'paddingLeft' },
+    m: { property: 'margin' },
+    mx: {
+        property: 'margin',
+        properties: ['marginLeft', 'marginRight'],
+        scale: 'spacing',
+    },
+    my: {
+        property: 'margin',
+        properties: ['marginTop', 'marginBottom'],
+        scale: 'spacing',
+    },
+    mt: { property: 'marginTop' },
+    mb: { property: 'marginBottom' },
+    mr: { property: 'marginRight' },
+    ml: { property: 'marginLeft' },
+};
+//# sourceMappingURL=testConfig.js.map

package/dist/utils/__fixtures__/testConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testConfig.js","sourceRoot":"","sources":["../../../src/utils/__fixtures__/testConfig.ts"],"names":[],"mappings":"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"}

package/dist/utils/flattenScale.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Returns an exhaustive list of all possible paths of an object T for keys K.
+ * Possibilities are returned as `k1.k2.k3`.
+ */
+export declare type FindPath<T, K extends keyof T, D extends string = '.'> = K extends string | number ? T[K] extends Record<string | number, any> ? T[K] extends ArrayLike<any> ? K | `${K}${D}${FindPath<T[K], Exclude<keyof T[K], keyof any[]>, D>}` : K | `${K}${D}${FindPath<T[K], keyof T[K], D>}` : K : never;
+/** Returns valid paths of object T */
+export declare type Path<T, D extends string = '.'> = FindPath<T, keyof T, D> | keyof T;
+/** Returns the value of a valid path P `k1.k2.k3` in object T */
+export declare type PathValue<T, P extends Path<T, D>, D extends string = '.'> = P extends `${infer K}${D}${infer Rest}` ? K extends keyof T ? Rest extends Path<T[K], D> ? PathValue<T[K], Rest, D> : never : never : P extends keyof T ? T[P] : never;
+/** Check if path has a primitive end value and return only the union of end paths */
+export declare type PathToLiteral<T, K extends Path<T, D>, D extends string = '.', Base extends string = ''> = PathValue<T, K, D> extends string | number ? K extends string | number ? K extends `${infer BasePath}${D}${Base}` ? BasePath : K : never : never;
+/**
+ * Reduce all paths to a single map of paths with primitive values removing all extra non stateful paths
+ * { path: { sub: 1 } } => { 'path-sub': 1 }
+ *
+ */
+export declare type LiteralPaths<T extends Record<string | number, any>, D extends string = '.', Base extends string = ''> = {
+    [K in Path<T, D> as PathToLiteral<T, K, D, Base>]: PathValue<T, PathToLiteral<T, K, D>, D>;
+};
+export declare function flattenScale<T extends Record<string | number, any>, P extends string>(object: T, path?: P): LiteralPaths<T, '-', '_'>;

package/dist/utils/flattenScale.js

@@ -0,0 +1,18 @@
+import { isObject } from 'lodash';
+export function flattenScale(object, path) {
+    return Object.keys(object).reduce((carry, key) => {
+        const nextKey = path ? `${path}${key === '_' ? '' : `-${key}`}` : key;
+        const current = object[key];
+        if (isObject(current)) {
+            return {
+                ...carry,
+                ...flattenScale(current, nextKey),
+            };
+        }
+        return {
+            ...carry,
+            [nextKey]: object[key],
+        };
+    }, {});
+}
+//# sourceMappingURL=flattenScale.js.map

package/dist/utils/flattenScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenScale.js","sourceRoot":"","sources":["../../src/utils/flattenScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiElC,MAAM,UAAU,YAAY,CAG1B,MAAS,EAAE,IAAQ;IACnB,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtE,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;aAClC,CAAC;SACH;QACD,OAAO;YACL,GAAG,KAAK;YACR,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;SACvB,CAAC;IACJ,CAAC,EAAE,EAA+B,CAAC,CAAC;AACtC,CAAC"}