@pandacss/generator 0.0.0-dev-20230927192702 → 0.0.0-dev-20230928093358

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 (3) hide show
  1. package/dist/index.js +12 -10
  2. package/dist/index.mjs +12 -10
  3. package/package.json +8 -8
package/dist/index.js CHANGED
@@ -1545,7 +1545,7 @@ function generateQwikJsxFactory(ctx) {
1545
1545
  const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
1546
1546
 
1547
1547
  const ${componentName} = function ${componentName}(props) {
1548
- const { as: Element = Dynamic, ...restProps } = props
1548
+ const { as: Element = Dynamic, className, ...restProps } = props
1549
1549
 
1550
1550
  const [variantProps, styleProps, htmlProps, elementProps] =
1551
1551
  splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
@@ -1554,12 +1554,12 @@ function generateQwikJsxFactory(ctx) {
1554
1554
 
1555
1555
  function recipeClass() {
1556
1556
  const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
1557
- return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class)
1557
+ return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class, className)
1558
1558
  }
1559
1559
 
1560
1560
  function cvaClass() {
1561
1561
  const cvaStyles = cvaFn.raw(variantProps)
1562
- return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class)
1562
+ return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class, className)
1563
1563
  }
1564
1564
 
1565
1565
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2084,7 +2084,7 @@ function generateSolidJsxFactory(ctx) {
2084
2084
 
2085
2085
  const [localProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
2086
2086
  mergedProps,
2087
- ['as', 'class'],
2087
+ ['as', 'class', 'className'],
2088
2088
  cvaFn.variantKeys,
2089
2089
  allCssProperties,
2090
2090
  normalizeHTMLProps.keys
@@ -2092,13 +2092,14 @@ function generateSolidJsxFactory(ctx) {
2092
2092
 
2093
2093
  function recipeClass() {
2094
2094
  const { css: cssStyles, ...propStyles } = styleProps
2095
- return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class)
2095
+ const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
2096
+ return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class, localProps.className)
2096
2097
  }
2097
2098
 
2098
2099
  function cvaClass() {
2099
2100
  const { css: cssStyles, ...propStyles } = styleProps
2100
2101
  const cvaStyles = cvaFn.raw(variantProps)
2101
- return cx(css(cvaStyles, propStyles, cssStyles), localProps.class)
2102
+ return cx(css(cvaStyles, propStyles, cssStyles), localProps.class, localProps.className)
2102
2103
  }
2103
2104
 
2104
2105
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2106,6 +2107,8 @@ function generateSolidJsxFactory(ctx) {
2106
2107
  return createComponent(
2107
2108
  Dynamic,
2108
2109
  mergeProps(
2110
+ elementProps,
2111
+ normalizeHTMLProps(htmlProps),
2109
2112
  {
2110
2113
  get component() {
2111
2114
  return localProps.as
@@ -2114,8 +2117,6 @@ function generateSolidJsxFactory(ctx) {
2114
2117
  return classes()
2115
2118
  }
2116
2119
  },
2117
- elementProps,
2118
- normalizeHTMLProps(htmlProps)
2119
2120
  )
2120
2121
  )
2121
2122
  }
@@ -2356,7 +2357,8 @@ function generateVueJsxFactory(ctx) {
2356
2357
  const cvaClass = computed(() => {
2357
2358
  const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
2358
2359
  const { css: cssStyles, ...propStyles } = styleProps
2359
- return cx(cvaFn(variantProps), css(propStyles, cssStyles), elementProps.className)
2360
+ const cvaStyles = cvaFn.raw(variantProps)
2361
+ return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className)
2360
2362
  })
2361
2363
 
2362
2364
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2367,9 +2369,9 @@ function generateVueJsxFactory(ctx) {
2367
2369
  return h(
2368
2370
  props.as,
2369
2371
  {
2370
- class: classes.value,
2371
2372
  ...elementProps,
2372
2373
  ...normalizeHTMLProps(htmlProps),
2374
+ class: classes.value,
2373
2375
  },
2374
2376
  slots.default && slots.default(),
2375
2377
  )
package/dist/index.mjs CHANGED
@@ -1514,7 +1514,7 @@ function generateQwikJsxFactory(ctx) {
1514
1514
  const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
1515
1515
 
1516
1516
  const ${componentName} = function ${componentName}(props) {
1517
- const { as: Element = Dynamic, ...restProps } = props
1517
+ const { as: Element = Dynamic, className, ...restProps } = props
1518
1518
 
1519
1519
  const [variantProps, styleProps, htmlProps, elementProps] =
1520
1520
  splitProps(restProps, cvaFn.variantKeys, isCssProperty, normalizeHTMLProps.keys)
@@ -1523,12 +1523,12 @@ function generateQwikJsxFactory(ctx) {
1523
1523
 
1524
1524
  function recipeClass() {
1525
1525
  const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
1526
- return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class)
1526
+ return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class, className)
1527
1527
  }
1528
1528
 
1529
1529
  function cvaClass() {
1530
1530
  const cvaStyles = cvaFn.raw(variantProps)
1531
- return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class)
1531
+ return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class, className)
1532
1532
  }
1533
1533
 
1534
1534
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2053,7 +2053,7 @@ function generateSolidJsxFactory(ctx) {
2053
2053
 
2054
2054
  const [localProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
2055
2055
  mergedProps,
2056
- ['as', 'class'],
2056
+ ['as', 'class', 'className'],
2057
2057
  cvaFn.variantKeys,
2058
2058
  allCssProperties,
2059
2059
  normalizeHTMLProps.keys
@@ -2061,13 +2061,14 @@ function generateSolidJsxFactory(ctx) {
2061
2061
 
2062
2062
  function recipeClass() {
2063
2063
  const { css: cssStyles, ...propStyles } = styleProps
2064
- return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class)
2064
+ const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
2065
+ return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class, localProps.className)
2065
2066
  }
2066
2067
 
2067
2068
  function cvaClass() {
2068
2069
  const { css: cssStyles, ...propStyles } = styleProps
2069
2070
  const cvaStyles = cvaFn.raw(variantProps)
2070
- return cx(css(cvaStyles, propStyles, cssStyles), localProps.class)
2071
+ return cx(css(cvaStyles, propStyles, cssStyles), localProps.class, localProps.className)
2071
2072
  }
2072
2073
 
2073
2074
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2075,6 +2076,8 @@ function generateSolidJsxFactory(ctx) {
2075
2076
  return createComponent(
2076
2077
  Dynamic,
2077
2078
  mergeProps(
2079
+ elementProps,
2080
+ normalizeHTMLProps(htmlProps),
2078
2081
  {
2079
2082
  get component() {
2080
2083
  return localProps.as
@@ -2083,8 +2086,6 @@ function generateSolidJsxFactory(ctx) {
2083
2086
  return classes()
2084
2087
  }
2085
2088
  },
2086
- elementProps,
2087
- normalizeHTMLProps(htmlProps)
2088
2089
  )
2089
2090
  )
2090
2091
  }
@@ -2325,7 +2326,8 @@ function generateVueJsxFactory(ctx) {
2325
2326
  const cvaClass = computed(() => {
2326
2327
  const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
2327
2328
  const { css: cssStyles, ...propStyles } = styleProps
2328
- return cx(cvaFn(variantProps), css(propStyles, cssStyles), elementProps.className)
2329
+ const cvaStyles = cvaFn.raw(variantProps)
2330
+ return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className)
2329
2331
  })
2330
2332
 
2331
2333
  const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2336,9 +2338,9 @@ function generateVueJsxFactory(ctx) {
2336
2338
  return h(
2337
2339
  props.as,
2338
2340
  {
2339
- class: classes.value,
2340
2341
  ...elementProps,
2341
2342
  ...normalizeHTMLProps(htmlProps),
2343
+ class: classes.value,
2342
2344
  },
2343
2345
  slots.default && slots.default(),
2344
2346
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/generator",
3
- "version": "0.0.0-dev-20230927192702",
3
+ "version": "0.0.0-dev-20230928093358",
4
4
  "description": "The css generator for css panda",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -20,17 +20,17 @@
20
20
  "pluralize": "8.0.0",
21
21
  "postcss": "8.4.27",
22
22
  "ts-pattern": "5.0.5",
23
- "@pandacss/core": "0.0.0-dev-20230927192702",
24
- "@pandacss/is-valid-prop": "0.0.0-dev-20230927192702",
25
- "@pandacss/logger": "0.0.0-dev-20230927192702",
26
- "@pandacss/shared": "0.0.0-dev-20230927192702",
27
- "@pandacss/token-dictionary": "0.0.0-dev-20230927192702",
28
- "@pandacss/types": "0.0.0-dev-20230927192702"
23
+ "@pandacss/core": "0.0.0-dev-20230928093358",
24
+ "@pandacss/is-valid-prop": "0.0.0-dev-20230928093358",
25
+ "@pandacss/logger": "0.0.0-dev-20230928093358",
26
+ "@pandacss/shared": "0.0.0-dev-20230928093358",
27
+ "@pandacss/token-dictionary": "0.0.0-dev-20230928093358",
28
+ "@pandacss/types": "0.0.0-dev-20230928093358"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@types/pluralize": "0.0.30",
32
32
  "hookable": "5.5.3",
33
- "@pandacss/fixture": "0.0.0-dev-20230927192702"
33
+ "@pandacss/fixture": "0.0.0-dev-20230928093358"
34
34
  },
35
35
  "scripts": {
36
36
  "prebuild": "tsx scripts/prebuild.ts",