@animus-ui/core 0.1.1-beta.8 → 0.1.1-c5e4903f.0

package/dist/index.d.ts

@@ -8,19 +8,21 @@ export * from './createAnimus';
 export * from './transforms';
 export * from './legacy/core';
 export * from './compatTheme';
+/** Export extendable config */
 export { config } from './config';
+/** Export full builder */
 export declare const animus: import("./Animus").Animus<{
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -144,76 +146,76 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -244,6 +246,14 @@ export declare const animus: import("./Animus").Animus<{
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
     readonly display: {
         readonly property: "display";
     };
@@ -327,75 +337,82 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly borderWidth: {
         readonly property: "borderWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthX: {
         readonly property: "borderWidth";
         readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+        readonly scale: "borderWidths";
     };
     readonly borderWidthY: {
         readonly property: "borderWidth";
         readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+        readonly scale: "borderWidths";
     };
     readonly borderWidthLeft: {
         readonly property: "borderLeftWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthRight: {
         readonly property: "borderRightWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthTop: {
         readonly property: "borderTopWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthBottom: {
         readonly property: "borderBottomWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -422,9 +439,11 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
     readonly background: {
         readonly property: "background";
@@ -443,23 +462,24 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -502,9 +522,22 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
+    };
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
+    };
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
     };
 }, {
     flex: ("flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gap" | "rowGap" | "columnGap" | "area")[];
@@ -512,25 +545,26 @@ export declare const animus: import("./Animus").Animus<{
     mode: "mode"[];
     vars: "vars"[];
     space: ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[];
-    color: ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
+    color: ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
     layout: ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "display" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "verticalAlign" | "width" | "gridColumn" | "gridRow" | "overflow" | "area" | "size")[];
     borders: ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
     shadows: ("boxShadow" | "textShadow")[];
     background: ("backgroundImage" | "backgroundRepeat" | "backgroundSize" | "background" | "backgroundPosition")[];
-    typography: ("fontSize" | "lineHeight" | "fontWeight" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[];
+    typography: ("fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[];
     positioning: ("bottom" | "inset" | "left" | "opacity" | "position" | "right" | "top" | "zIndex")[];
+    transitions: ("animationPlayState" | "animation" | "transition")[];
 }, import("./types/config").Parser<{
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -654,76 +688,76 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -754,6 +788,14 @@ export declare const animus: import("./Animus").Animus<{
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
     readonly display: {
         readonly property: "display";
     };
@@ -837,75 +879,82 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly borderWidth: {
         readonly property: "borderWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthX: {
         readonly property: "borderWidth";
         readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+        readonly scale: "borderWidths";
     };
     readonly borderWidthY: {
         readonly property: "borderWidth";
         readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+        readonly scale: "borderWidths";
     };
     readonly borderWidthLeft: {
         readonly property: "borderLeftWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthRight: {
         readonly property: "borderRightWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthTop: {
         readonly property: "borderTopWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderWidthBottom: {
         readonly property: "borderBottomWidth";
+        readonly scale: "borderWidths";
     };
     readonly borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -932,9 +981,11 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
     readonly background: {
         readonly property: "background";
@@ -953,23 +1004,24 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -1012,8 +1064,21 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
+    };
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
+    };
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
     };
 }>>;