npm - @pandacss/config - Versions diffs - 0.0.0-dev-20230614113002 → 0.0.0-dev-20230614152938 - Mend

@pandacss/config 0.0.0-dev-20230614113002 → 0.0.0-dev-20230614152938

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/node_modules/@pandacss/preset-base/dist/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
 import * as _pandacss_types from '@pandacss/types';
 declare const preset: {
@@ -92,23 +93,380 @@ declare const preset: {
     };
     utilities: _pandacss_types.UtilityConfig;
     patterns: {
-        box: _pandacss_types.PatternConfig;
-        flex: _pandacss_types.PatternConfig;
-        stack: _pandacss_types.PatternConfig;
-        vstack: _pandacss_types.PatternConfig;
-        hstack: _pandacss_types.PatternConfig;
-        spacer: _pandacss_types.PatternConfig;
-        square: _pandacss_types.PatternConfig;
-        circle: _pandacss_types.PatternConfig;
-        center: _pandacss_types.PatternConfig;
-        absoluteCenter: _pandacss_types.PatternConfig;
-        aspectRatio: _pandacss_types.PatternConfig;
-        grid: _pandacss_types.PatternConfig;
-        gridItem: _pandacss_types.PatternConfig;
-        wrap: _pandacss_types.PatternConfig;
-        container: _pandacss_types.PatternConfig;
-        divider: _pandacss_types.PatternConfig;
-        float: _pandacss_types.PatternConfig;
+        box: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>;
+        };
+        flex: {
+            properties: {
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                direction: {
+                    type: "property";
+                    value: "flexDirection";
+                };
+                wrap: {
+                    type: "property";
+                    value: "flexWrap";
+                };
+                basis: {
+                    type: "property";
+                    value: "flexBasis";
+                };
+                grow: {
+                    type: "property";
+                    value: "flexGrow";
+                };
+                shrink: {
+                    type: "property";
+                    value: "flexShrink";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexDirection: any;
+                alignItems: any;
+                justifyContent: any;
+                flexWrap: any;
+                flexBasis: any;
+                flexGrow: any;
+                flexShrink: any;
+            };
+        };
+        stack: {
+            properties: {
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                direction: {
+                    type: "property";
+                    value: "flexDirection";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexDirection: any;
+                alignItems: any;
+                justifyContent: any;
+                gap: any;
+            };
+        };
+        vstack: {
+            jsx: string;
+            properties: {
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: any;
+                gap: any;
+                flexDirection: "column";
+            };
+        };
+        hstack: {
+            jsx: string;
+            properties: {
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: any;
+                gap: any;
+                flexDirection: "row";
+            };
+        };
+        spacer: {
+            properties: {
+                size: {
+                    type: "token";
+                    value: "spacing";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                alignSelf: "stretch";
+                justifySelf: "stretch";
+                flex: any;
+            };
+        };
+        square: {
+            properties: {
+                size: {
+                    type: "property";
+                    value: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "center";
+                flex: "0 0 auto";
+                width: any;
+                height: any;
+            };
+        };
+        circle: {
+            properties: {
+                size: {
+                    type: "property";
+                    value: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "center";
+                flex: "0 0 auto";
+                width: any;
+                height: any;
+                borderRadius: "9999px";
+            };
+        };
+        center: {
+            properties: {
+                inline: {
+                    type: "boolean";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex" | "inline-flex";
+                alignItems: "center";
+                justifyContent: "center";
+            };
+        };
+        linkBox: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "relative";
+                '& :where(a, abbr)': {
+                    position: "relative";
+                    zIndex: "1";
+                };
+            };
+        };
+        linkOverlay: {
+            jsxElement: string;
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "static";
+                _before: any;
+            };
+        };
+        aspectRatio: {
+            properties: {
+                ratio: {
+                    type: "number";
+                };
+            };
+            blocklist: "aspectRatio"[];
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                aspectRatio: any;
+                overflow: "hidden";
+                display: "flex";
+                justifyContent: "center";
+                alignItems: "center";
+                '&>img, &>video': {
+                    width: "100%";
+                    height: "100%";
+                    objectFit: "cover";
+                };
+            };
+        };
+        grid: {
+            properties: {
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columnGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                rowGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columns: {
+                    type: "number";
+                };
+                minChildWidth: {
+                    type: "token";
+                    value: "sizes";
+                    property: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                display: "grid";
+                gridTemplateColumns: any;
+                gap: any;
+                columnGap: any;
+                rowGap: any;
+            };
+        };
+        gridItem: {
+            properties: {
+                colSpan: {
+                    type: "number";
+                };
+                rowSpan: {
+                    type: "number";
+                };
+                colStart: {
+                    type: "number";
+                };
+                rowStart: {
+                    type: "number";
+                };
+                colEnd: {
+                    type: "number";
+                };
+                rowEnd: {
+                    type: "number";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                gridColumn: any;
+                gridRow: any;
+                gridColumnEnd: any;
+                gridRowEnd: any;
+            };
+        };
+        wrap: {
+            properties: {
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+                rowGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columnGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexWrap: "wrap";
+                alignItems: any;
+                justifyContent: any;
+                gap: any;
+                columnGap: any;
+                rowGap: any;
+            };
+        };
+        container: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "relative";
+                maxWidth: "8xl";
+                mx: string;
+                px: {
+                    base: string;
+                    md: string;
+                    lg: string;
+                };
+            };
+        };
+        divider: {
+            properties: {
+                orientation: {
+                    type: "enum";
+                    value: string[];
+                };
+                thickness: {
+                    type: "token";
+                    value: "sizes";
+                    property: "borderWidth";
+                };
+                color: {
+                    type: "token";
+                    value: "colors";
+                    property: "borderColor";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                '--thickness': any;
+                width: any;
+                height: any;
+                borderInlineStartWidth: any;
+                borderInlineEndWidth: any;
+                borderColor: any;
+            };
+        };
+        float: {
+            properties: {
+                offsetX: {
+                    type: "token";
+                    value: "spacing";
+                    property: "left";
+                };
+                offsetY: {
+                    type: "token";
+                    value: "spacing";
+                    property: "top";
+                };
+                offset: {
+                    type: "token";
+                    value: "spacing";
+                    property: "top";
+                };
+                placement: {
+                    type: "enum";
+                    value: string[];
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                display: "inline-flex";
+                justifyContent: "center";
+                alignItems: "center";
+                position: "absolute";
+                insetBlockStart: any;
+                insetBlockEnd: any;
+                insetInlineStart: any;
+                insetInlineEnd: any;
+                translate: any;
+            };
+        };
     };
 };

package/node_modules/@pandacss/preset-base/dist/index.js CHANGED Viewed

@@ -2094,26 +2094,6 @@ var square = definePattern({
     };
   }
 });
-var absoluteCenter = definePattern({
-  properties: {
-    axis: { type: "enum", value: ["x", "y", "both"] }
-  },
-  transform(props, { map }) {
-    const { axis = "both", ...rest } = props;
-    return {
-      position: "absolute",
-      insetBlockStart: map(axis, (v) => v === "x" ? "auto" : "50%"),
-      insetInlineStart: map(axis, (v) => v === "y" ? "auto" : "50%"),
-      transform: map(
-        axis,
-        (v) => v === "both" ? "translate(-50%, -50%)" : v === "x" ? "translateX(-50%)" : "translateY(-50%)"
-      ),
-      maxWidth: "100%",
-      maxHeight: "100%",
-      ...rest
-    };
-  }
-});
 var grid = definePattern({
   properties: {
     gap: { type: "property", value: "gap" },
@@ -2244,6 +2224,38 @@ var divider = definePattern({
     };
   }
 });
+var linkBox = definePattern({
+  properties: {},
+  transform(props) {
+    return {
+      position: "relative",
+      "& :where(a, abbr)": {
+        position: "relative",
+        zIndex: "1"
+      },
+      ...props
+    };
+  }
+});
+var linkOverlay = definePattern({
+  jsxElement: "a",
+  properties: {},
+  transform(props) {
+    return {
+      position: "static",
+      _before: {
+        content: '""',
+        display: "block",
+        position: "absolute",
+        cursor: "inherit",
+        inset: "0",
+        zIndex: "0",
+        ...props["_before"]
+      },
+      ...props
+    };
+  }
+});
 var float = definePattern({
   properties: {
     offsetX: { type: "token", value: "spacing", property: "left" },
@@ -2311,7 +2323,8 @@ var patterns = {
   square,
   circle,
   center,
-  absoluteCenter,
+  linkBox,
+  linkOverlay,
   aspectRatio,
   grid,
   gridItem,

package/node_modules/@pandacss/preset-base/dist/index.mjs CHANGED Viewed

@@ -2067,26 +2067,6 @@ var square = definePattern({
     };
   }
 });
-var absoluteCenter = definePattern({
-  properties: {
-    axis: { type: "enum", value: ["x", "y", "both"] }
-  },
-  transform(props, { map }) {
-    const { axis = "both", ...rest } = props;
-    return {
-      position: "absolute",
-      insetBlockStart: map(axis, (v) => v === "x" ? "auto" : "50%"),
-      insetInlineStart: map(axis, (v) => v === "y" ? "auto" : "50%"),
-      transform: map(
-        axis,
-        (v) => v === "both" ? "translate(-50%, -50%)" : v === "x" ? "translateX(-50%)" : "translateY(-50%)"
-      ),
-      maxWidth: "100%",
-      maxHeight: "100%",
-      ...rest
-    };
-  }
-});
 var grid = definePattern({
   properties: {
     gap: { type: "property", value: "gap" },
@@ -2217,6 +2197,38 @@ var divider = definePattern({
     };
   }
 });
+var linkBox = definePattern({
+  properties: {},
+  transform(props) {
+    return {
+      position: "relative",
+      "& :where(a, abbr)": {
+        position: "relative",
+        zIndex: "1"
+      },
+      ...props
+    };
+  }
+});
+var linkOverlay = definePattern({
+  jsxElement: "a",
+  properties: {},
+  transform(props) {
+    return {
+      position: "static",
+      _before: {
+        content: '""',
+        display: "block",
+        position: "absolute",
+        cursor: "inherit",
+        inset: "0",
+        zIndex: "0",
+        ...props["_before"]
+      },
+      ...props
+    };
+  }
+});
 var float = definePattern({
   properties: {
     offsetX: { type: "token", value: "spacing", property: "left" },
@@ -2284,7 +2296,8 @@ var patterns = {
   square,
   circle,
   center,
-  absoluteCenter,
+  linkBox,
+  linkOverlay,
   aspectRatio,
   grid,
   gridItem,

package/node_modules/@pandacss/preset-base/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/preset-base",
-  "version": "0.0.0-dev-20230614113002",
+  "version": "0.0.0-dev-20230614152938",
   "description": "The base preset for Panda CSS that contains the conditions and utilities",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/node_modules/@pandacss/preset-panda/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/preset-panda",
-  "version": "0.0.0-dev-20230614113002",
+  "version": "0.0.0-dev-20230614152938",
   "description": "The preset for PandaCSS that contains the default theme",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/config",
-  "version": "0.0.0-dev-20230614113002",
+  "version": "0.0.0-dev-20230614152938",
   "description": "Find and load panda config",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -23,11 +23,11 @@
     "jiti": "^1.18.2",
     "merge-anything": "^5.1.7",
     "tsconfck": "^2.1.1",
-    "@pandacss/error": "0.0.0-dev-20230614113002",
-    "@pandacss/logger": "0.0.0-dev-20230614113002",
-    "@pandacss/preset-base": "0.0.0-dev-20230614113002",
-    "@pandacss/preset-panda": "0.0.0-dev-20230614113002",
-    "@pandacss/types": "0.0.0-dev-20230614113002"
+    "@pandacss/error": "0.0.0-dev-20230614152938",
+    "@pandacss/logger": "0.0.0-dev-20230614152938",
+    "@pandacss/preset-base": "0.0.0-dev-20230614152938",
+    "@pandacss/preset-panda": "0.0.0-dev-20230614152938",
+    "@pandacss/types": "0.0.0-dev-20230614152938"
   },
   "devDependencies": {
     "pkg-types": "1.0.3"