@codecademy/variance 0.21.0 → 0.21.1-alpha.63b306.0

package/dist/createTheme/types.d.ts

@@ -1,42 +0,0 @@
-import { CSSObject } from '../types/props';
-import { AbstractTheme } from '../types/theme';
-/**
- * This is a custom generic that ensures the safety of adding additional values to a theme object without accidentally wiping out
- * required keys like `breakpoints`.  It works by creating a new mapped type and merging the values of the union of Base & Next:
- * 1. If the key exists on both Base and Next return the intersection of both values
- * 2. If the key exists on next use the value on next.
- * 3. If the key exists on base but nothing else use the value on base.
- *
- * The resulting type is then rejoined with keys that cannot be mutated (breakpoints) as the next version of Theme
- */
-export declare type MergeTheme<Base extends AbstractTheme, Next, Unmergable = Record<'breakpoints', Base['breakpoints']>> = Unmergable & Merge<Base, Next>;
-/** This merges at 2 levels of depth */
-export declare type Merge<A, B> = {
-    [K in keyof (A & B)]: K extends keyof B ? K extends keyof A ? AssignValueIfUnmergable<A[K], B[K]> : B[K] : K extends keyof A ? A[K] : never;
-};
-/** Extract mergable objects */
-export declare type Mergable<T> = Exclude<T, ((...args: any) => any) | string | boolean | symbol | number | any[]>;
-/** Return B if either A or B is unmergable */
-export declare type AssignValueIfUnmergable<A, B> = Mergable<A> extends never ? B : Mergable<B> extends never ? B : Assign<A, B>;
-/** Prefer all values from B */
-export declare type Assign<A, B> = {
-    [K in keyof A | keyof B]: K extends keyof B ? B[K] : K extends keyof A ? A[K] : never;
-};
-/** These are keys that are consistent for all theme builds - they are loosely typed as they are not meant to be accessed directly */
-export declare type PrivateThemeKeys = {
-    _variables: Record<string, CSSObject>;
-    _tokens: Record<string | number, any>;
-};
-/** This allows 3 layers of color aliases to be constructed when adding colorModes
- * @example
- * {
- *   button: {
- *     bg: {
- *       hover: 'someAlias'
- *     }
- *   }
- * }
- *
- * `button-bg-hover`
- * */
-export declare type ColorModeConfig<Colors> = Record<string, Colors | Record<string, Colors> | Record<string, Colors | Record<string, Colors>>>;

package/dist/createTheme/types.js

@@ -1 +0,0 @@
-export {};

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export { variance } from './core';
-export * from './createTheme';
-export * from './types/props';
-export * from './transforms';
-export * from './scales/createScale';

package/dist/index.js

@@ -1,5 +0,0 @@
-export { variance } from './core';
-export * from './createTheme';
-export * from './types/props';
-export * from './transforms';
-export * from './scales/createScale';

package/dist/scales/createScale.d.ts

@@ -1,3 +0,0 @@
-export declare const createScale: <T extends string | number>() => readonly T[] & {
-    length: 0;
-};

package/dist/scales/createScale.js

@@ -1,3 +0,0 @@
-export var createScale = function createScale() {
-  return [];
-};

package/dist/scales/createScaleLookup.d.ts

@@ -1,5 +0,0 @@
-import { Prop } from '../types/config';
-import { ThemeProps } from '../types/props';
-declare type GetScaleValue = (val: string | number, props: ThemeProps) => string | number | undefined;
-export declare const createScaleLookup: (scale: Prop['scale']) => GetScaleValue;
-export {};

package/dist/scales/createScaleLookup.js

@@ -1,21 +0,0 @@
-import { get, isArray, isObject, isString } from 'lodash';
-export var createScaleLookup = function createScaleLookup(scale) {
-  if (isString(scale)) {
-    return function (val, props) {
-      return get(props, ['theme', scale, val]);
-    };
-  }
-  if (isArray(scale)) {
-    return function (val) {
-      return val;
-    };
-  }
-  if (isObject(scale)) {
-    return function (val) {
-      return get(scale, val);
-    };
-  }
-  return function () {
-    return undefined;
-  };
-};

package/dist/transforms/index.d.ts

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

package/dist/transforms/index.js

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

package/dist/transforms/transformSize.d.ts

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

package/dist/transforms/transformSize.js

@@ -1,35 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { isNumber } from 'lodash';
-export var percentageOrAbsolute = function percentageOrAbsolute(coordinate) {
-  if (coordinate === 0) {
-    return coordinate;
-  }
-  if (coordinate <= 1 && coordinate >= -1) {
-    return "".concat(coordinate * 100, "%");
-  }
-  return "".concat(coordinate, "px");
-};
-var valueWithUnit = /(-?\d*\.?\d+)(%|\w*)/;
-export var transformSize = function transformSize(value) {
-  if (isNumber(value)) {
-    return percentageOrAbsolute(value);
-  }
-  if (value.includes('calc')) {
-    return value;
-  }
-  var _ref = valueWithUnit.exec(value) || [],
-    _ref2 = _slicedToArray(_ref, 3),
-    match = _ref2[0],
-    number = _ref2[1],
-    unit = _ref2[2];
-  if (match === undefined) {
-    return value;
-  }
-  var numericValue = parseFloat(number);
-  return !unit ? percentageOrAbsolute(numericValue) : "".concat(numericValue).concat(unit);
-};

package/dist/types/config.d.ts

@@ -1,71 +0,0 @@
-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

@@ -1 +0,0 @@
-export {};

package/dist/types/properties.d.ts

@@ -1,22 +0,0 @@
-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

@@ -1 +0,0 @@
-export {};

package/dist/types/props.d.ts

@@ -1,47 +0,0 @@
-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

@@ -1 +0,0 @@
-export {};

package/dist/types/theme.d.ts

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-export {};

package/dist/types/utils.d.ts

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-export {};

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

@@ -1,153 +0,0 @@
-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

@@ -1,153 +0,0 @@
-export var 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'
-  }
-};

package/dist/utils/flattenScale.d.ts

@@ -1,20 +0,0 @@
-/**
- * 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, '-', '_'>;