Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@pandacss/preset-base

Package Overview
Dependencies
Maintainers
1
Versions
705
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pandacss/preset-base - npm Package Compare versions

Comparing version 0.0.0-dev-20230614142625 to 0.0.0-dev-20230614152938

392

dist/index.d.ts

@@ -0,1 +1,2 @@

import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
import * as _pandacss_types from '@pandacss/types';

@@ -95,19 +96,376 @@

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;
};
};
};

@@ -114,0 +472,0 @@ };

55

dist/index.js

@@ -2097,22 +2097,2 @@ "use strict";

});
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({

@@ -2248,2 +2228,34 @@ properties: {

});
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({

@@ -2316,3 +2328,4 @@ properties: {

center,
absoluteCenter,
linkBox,
linkOverlay,
aspectRatio,

@@ -2319,0 +2332,0 @@ grid,

4

package.json
{
"name": "@pandacss/preset-base",
"version": "0.0.0-dev-20230614142625",
"version": "0.0.0-dev-20230614152938",
"description": "The base preset for Panda CSS that contains the conditions and utilities",

@@ -17,3 +17,3 @@ "main": "dist/index.js",

"dependencies": {
"@pandacss/types": "0.0.0-dev-20230614142625"
"@pandacss/types": "0.0.0-dev-20230614152938"
},

@@ -20,0 +20,0 @@ "scripts": {

dist/index.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc