@animus-ui/core 0.1.1-fffe37d2.0 → 0.2.0-beta.0

package/dist/AnimusExtended.d.ts

@@ -0,0 +1,49 @@
+import { CSSPropMap, CSSProps, Parser, Prop, SystemProps, VariantConfig } from './types/config';
+import { AbstractProps, ThemeProps } from './types/props';
+import { CSSObject } from './types/shared';
+import { Arg } from './types/utils';
+export declare class AnimusExtended<PropRegistry extends Record<string, Prop>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseParser extends Parser<PropRegistry>, BaseStyles extends CSSProps<AbstractProps, SystemProps<BaseParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<BaseParser>>, ActiveGroups extends Record<string, true>, CustomProps extends Record<string, Prop>> {
+    propRegistry: PropRegistry;
+    groupRegistry: GroupRegistry;
+    parser: BaseParser;
+    baseStyles: BaseStyles;
+    statesConfig: States;
+    variants: Variants;
+    activeGroups: ActiveGroups;
+    custom: CustomProps;
+    constructor(props: PropRegistry, groups: GroupRegistry, parser: BaseParser, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups, custom: CustomProps);
+    extend(): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    styles<Props extends AbstractProps>(config: CSSProps<Props, SystemProps<BaseParser>>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles & CSSProps<Props, SystemProps<BaseParser, Omit<Arg<BaseParser>, "theme">>>, Variants, States, ActiveGroups, CustomProps>;
+    variant<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<BaseParser>>;
+        variants: CSSPropMap<Props, SystemProps<BaseParser>>;
+    }): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants & Record<PropKey, {
+        prop?: PropKey;
+        defaultVariant?: keyof Props;
+        base?: CSSProps<Base, SystemProps<BaseParser>>;
+        variants: CSSPropMap<Props, SystemProps<BaseParser>>;
+    }>, States, ActiveGroups, CustomProps>;
+    states<Props extends AbstractProps>(config: CSSPropMap<Props, SystemProps<BaseParser>>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States & CSSPropMap<Props, SystemProps<BaseParser, Omit<Arg<BaseParser>, "theme">>>, ActiveGroups, CustomProps>;
+    groups<PickedGroups extends keyof GroupRegistry>(config: Record<PickedGroups, true>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups & Record<PickedGroups, true>, CustomProps>;
+    props<CustomProps extends Record<string, Prop>>(config: CustomProps): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, {} & CustomProps_1 & CustomProps>;
+    asElement<T extends keyof JSX.IntrinsicElements>(component: T): import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; } & {
+        theme?: import("@emotion/react").Theme;
+    }, JSX.IntrinsicElements[T], {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    asComponent<T extends (props: {
+        className?: string;
+    }) => any>(AsComponent: T): import("@emotion/styled").StyledComponent<JSX.LibraryManagedAttributes<T, import("react").ComponentProps<T>> & {
+        theme?: import("@emotion/react").Theme;
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }, {}, {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    build(): ((props: ThemeProps<Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }>) => CSSObject) & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+}

package/dist/__fixtures__/testConfig.d.ts

@@ -1,153 +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";
-    };
-};
+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/compatTheme.d.ts

@@ -1,20 +1,28 @@
-export declare const compatTheme: {
-    readonly spacing: readonly [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
-    readonly fontSize: readonly [64, 44, 34, 26, 22, 20, 18, 16, 14];
-    readonly lineHeight: {
-        readonly body: 1.5;
-        readonly heading: 1;
-    };
-    readonly fontWeight: readonly [400, 600, 700];
-    readonly fontFamily: {
-        readonly body: "Verdana, sans-serif";
-        readonly heading: "Verdana, Lato, sans-serif";
-        readonly monospace: "monospace";
-    };
-    readonly radii: readonly [2, 4, 6, 8];
-    readonly borders: readonly [1, 2, 3];
-    readonly colors: {};
-    readonly modes: {};
-    readonly mode: undefined;
-};
-export declare type CompatTheme = typeof compatTheme;
+export declare const compatTheme: {
+    readonly breakpoints: {
+        readonly xs: 480;
+        readonly sm: 768;
+        readonly md: 1024;
+        readonly lg: 1200;
+        readonly xl: 1440;
+    };
+    readonly space: readonly [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
+    readonly fontSizes: readonly [64, 44, 34, 26, 22, 20, 18, 16, 14];
+    readonly lineHeights: ((string & {}) | (number & {}))[];
+    readonly letterSpacings: {};
+    readonly fontWeights: ((string & {}) | (number & {}))[];
+    readonly fonts: {};
+    readonly radii: ((string & {}) | (number & {}))[];
+    readonly borders: ((string & {}) | (number & {}))[];
+    readonly borderWidths: ((string & {}) | (number & {}))[];
+    readonly colors: {};
+    readonly gradients: {};
+    readonly shadows: {};
+    readonly modes: {};
+    readonly transitions: {};
+    readonly animations: {};
+    readonly zIndices: {};
+    readonly opacities: {};
+    readonly mode: undefined;
+};
+export type CompatTheme = typeof compatTheme;