@pandacss/generator 0.0.0-dev-20230528154919 → 0.0.0-dev-20230528210957
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.
- package/dist/index.js +8 -8
- package/dist/index.mjs +8 -8
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -1004,8 +1004,8 @@ function generatePreactJsxFactory(ctx) {
|
|
|
1004
1004
|
const ${componentName} = forwardRef(function ${componentName}(props, ref) {
|
|
1005
1005
|
const { as: Element = Dynamic, ...restProps } = props
|
|
1006
1006
|
|
|
1007
|
-
const [
|
|
1008
|
-
return splitProps(restProps,
|
|
1007
|
+
const [variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
|
|
1008
|
+
return splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
1009
1009
|
}, [restProps])
|
|
1010
1010
|
|
|
1011
1011
|
function classes() {
|
|
@@ -1143,8 +1143,8 @@ function generateReactJsxFactory(ctx) {
|
|
|
1143
1143
|
const ${componentName} = forwardRef(function ${componentName}(props, ref) {
|
|
1144
1144
|
const { as: Element = Dynamic, ...restProps } = props
|
|
1145
1145
|
|
|
1146
|
-
const [
|
|
1147
|
-
return splitProps(restProps,
|
|
1146
|
+
const [variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
|
|
1147
|
+
return splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
1148
1148
|
}, [restProps])
|
|
1149
1149
|
|
|
1150
1150
|
function classes() {
|
|
@@ -1282,11 +1282,11 @@ function generateSolidJsxFactory(ctx) {
|
|
|
1282
1282
|
return function ${componentName}(props) {
|
|
1283
1283
|
const mergedProps = mergeProps({ as: element }, props)
|
|
1284
1284
|
|
|
1285
|
-
const [localProps,
|
|
1285
|
+
const [localProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
|
|
1286
1286
|
mergedProps,
|
|
1287
1287
|
['as', 'class'],
|
|
1288
|
-
allCssProperties,
|
|
1289
1288
|
cvaFn.variantKeys,
|
|
1289
|
+
allCssProperties,
|
|
1290
1290
|
normalizeHTMLProps.keys
|
|
1291
1291
|
)
|
|
1292
1292
|
|
|
@@ -1434,11 +1434,11 @@ function generateVueJsxFactory(ctx) {
|
|
|
1434
1434
|
props: { as: { type: [String, Object], default: Dynamic } },
|
|
1435
1435
|
setup(props, { slots, attrs }) {
|
|
1436
1436
|
const splittedProps = computed(() => {
|
|
1437
|
-
return splitProps(attrs,
|
|
1437
|
+
return splitProps(attrs, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
1438
1438
|
})
|
|
1439
1439
|
|
|
1440
1440
|
const classes = computed(() => {
|
|
1441
|
-
const [
|
|
1441
|
+
const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
|
|
1442
1442
|
const { css: cssStyles, ...propStyles } = styleProps
|
|
1443
1443
|
const cvaStyles = cvaFn.resolve(variantProps)
|
|
1444
1444
|
const styles = assignCss(cvaStyles, propStyles, cssStyles)
|
package/dist/index.mjs
CHANGED
|
@@ -973,8 +973,8 @@ function generatePreactJsxFactory(ctx) {
|
|
|
973
973
|
const ${componentName} = forwardRef(function ${componentName}(props, ref) {
|
|
974
974
|
const { as: Element = Dynamic, ...restProps } = props
|
|
975
975
|
|
|
976
|
-
const [
|
|
977
|
-
return splitProps(restProps,
|
|
976
|
+
const [variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
|
|
977
|
+
return splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
978
978
|
}, [restProps])
|
|
979
979
|
|
|
980
980
|
function classes() {
|
|
@@ -1112,8 +1112,8 @@ function generateReactJsxFactory(ctx) {
|
|
|
1112
1112
|
const ${componentName} = forwardRef(function ${componentName}(props, ref) {
|
|
1113
1113
|
const { as: Element = Dynamic, ...restProps } = props
|
|
1114
1114
|
|
|
1115
|
-
const [
|
|
1116
|
-
return splitProps(restProps,
|
|
1115
|
+
const [variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
|
|
1116
|
+
return splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
1117
1117
|
}, [restProps])
|
|
1118
1118
|
|
|
1119
1119
|
function classes() {
|
|
@@ -1251,11 +1251,11 @@ function generateSolidJsxFactory(ctx) {
|
|
|
1251
1251
|
return function ${componentName}(props) {
|
|
1252
1252
|
const mergedProps = mergeProps({ as: element }, props)
|
|
1253
1253
|
|
|
1254
|
-
const [localProps,
|
|
1254
|
+
const [localProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
|
|
1255
1255
|
mergedProps,
|
|
1256
1256
|
['as', 'class'],
|
|
1257
|
-
allCssProperties,
|
|
1258
1257
|
cvaFn.variantKeys,
|
|
1258
|
+
allCssProperties,
|
|
1259
1259
|
normalizeHTMLProps.keys
|
|
1260
1260
|
)
|
|
1261
1261
|
|
|
@@ -1403,11 +1403,11 @@ function generateVueJsxFactory(ctx) {
|
|
|
1403
1403
|
props: { as: { type: [String, Object], default: Dynamic } },
|
|
1404
1404
|
setup(props, { slots, attrs }) {
|
|
1405
1405
|
const splittedProps = computed(() => {
|
|
1406
|
-
return splitProps(attrs,
|
|
1406
|
+
return splitProps(attrs, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
|
|
1407
1407
|
})
|
|
1408
1408
|
|
|
1409
1409
|
const classes = computed(() => {
|
|
1410
|
-
const [
|
|
1410
|
+
const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
|
|
1411
1411
|
const { css: cssStyles, ...propStyles } = styleProps
|
|
1412
1412
|
const cvaStyles = cvaFn.resolve(variantProps)
|
|
1413
1413
|
const styles = assignCss(cvaStyles, propStyles, cssStyles)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/generator",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20230528210957",
|
|
4
4
|
"description": "The css generator for css panda",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
"pluralize": "8.0.0",
|
|
21
21
|
"postcss": "8.4.23",
|
|
22
22
|
"ts-pattern": "4.3.0",
|
|
23
|
-
"@pandacss/core": "0.0.0-dev-
|
|
24
|
-
"@pandacss/logger": "0.0.0-dev-
|
|
25
|
-
"@pandacss/is-valid-prop": "0.0.0-dev-
|
|
26
|
-
"@pandacss/shared": "0.0.0-dev-
|
|
27
|
-
"@pandacss/types": "0.0.0-dev-
|
|
28
|
-
"@pandacss/token-dictionary": "0.0.0-dev-
|
|
23
|
+
"@pandacss/core": "0.0.0-dev-20230528210957",
|
|
24
|
+
"@pandacss/logger": "0.0.0-dev-20230528210957",
|
|
25
|
+
"@pandacss/is-valid-prop": "0.0.0-dev-20230528210957",
|
|
26
|
+
"@pandacss/shared": "0.0.0-dev-20230528210957",
|
|
27
|
+
"@pandacss/types": "0.0.0-dev-20230528210957",
|
|
28
|
+
"@pandacss/token-dictionary": "0.0.0-dev-20230528210957"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/pluralize": "0.0.29",
|
|
32
|
-
"@pandacss/fixture": "0.0.0-dev-
|
|
32
|
+
"@pandacss/fixture": "0.0.0-dev-20230528210957"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"prebuild": "tsx scripts/prebuild.ts",
|