chore: update panda to 0.36.1 (#43)

* chore: update panda to 0.36 * chore: update test snapshots after update * chore: update to panda 0.36.1 + fix strict-tokens-scope after update
astahmer · Mar 28, 2024 · 25fed76 · 25fed76
1 parent 8631aa3
commit 25fed76
Show file tree

Hide file tree

Showing 19 changed files with 37,590 additions and 2,664 deletions.
diff --git a/.changeset/sour-lemons-rule.md b/.changeset/sour-lemons-rule.md
@@ -0,0 +1,12 @@
+---
+"@pandabox/unplugin-panda-macro": patch
+"@pandabox/prettier-plugin": patch
+"@pandabox/define-recipe": patch
+"@pandabox/panda-plugins": patch
+"@pandabox/define-theme": patch
+"@pandabox/unplugin": patch
+"@pandabox/presets": patch
+"@pandabox/utils": patch
+---
+
+Update to panda 0.36.1
diff --git a/packages/define-recipe/package.json b/packages/define-recipe/package.json
@@ -29,7 +29,7 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@pandacss/types": "^0.33.0",
+    "@pandacss/types": "^0.36.1",
     "lodash.merge": "^4.6.2"
   },
   "devDependencies": {

diff --git a/packages/define-theme/package.json b/packages/define-theme/package.json
@@ -28,7 +28,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@pandacss/types": "^0.33.0",
+    "@pandacss/types": "^0.36.1",
     "lodash.merge": "^4.6.2"
   },
   "devDependencies": {

diff --git a/packages/fixtures/package.json b/packages/fixtures/package.json
@@ -5,11 +5,11 @@
     ".": "./src/index.ts"
   },
   "devDependencies": {
-    "@pandacss/config": "^0.33.0",
-    "@pandacss/node": "^0.33.0",
-    "@pandacss/preset-base": "^0.33.0",
-    "@pandacss/preset-panda": "^0.33.0",
-    "@pandacss/shared": "^0.33.0",
-    "@pandacss/types": "^0.33.0"
+    "@pandacss/config": "^0.36.1",
+    "@pandacss/node": "^0.36.1",
+    "@pandacss/preset-base": "^0.36.1",
+    "@pandacss/preset-panda": "^0.36.1",
+    "@pandacss/shared": "^0.36.1",
+    "@pandacss/types": "^0.36.1"
   }
 }
diff --git a/packages/panda-plugins/__tests__/restrict-styled-props.test.ts b/packages/panda-plugins/__tests__/restrict-styled-props.test.ts
@@ -47,9 +47,10 @@ describe('restrict-styled-props', () => {
 
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
+        const __base__ = Dynamic.__base__ || Dynamic
 
         const StyledComponent = /* @__PURE__ */ forwardRef(function StyledComponent(props, ref) {
-          const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
+          const { as: Element = __base__, children, ...restProps } = props
 
           const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
@@ -82,11 +83,11 @@ describe('restrict-styled-props', () => {
           }, combinedProps.children ?? children)
         })
 
-        const name = getDisplayName(Dynamic)
+        const name = getDisplayName(__base__)
 
         StyledComponent.displayName = \`styled.\${name}\`
         StyledComponent.__cva__ = __cvaFn__
-        StyledComponent.__base__ = Dynamic
+        StyledComponent.__base__ = __base__
         StyledComponent.__shouldForwardProps__ = shouldForwardProp
 
         return StyledComponent

diff --git a/packages/panda-plugins/__tests__/strict-tokens-runtime.test.ts b/packages/panda-plugins/__tests__/strict-tokens-runtime.test.ts
@@ -400,15 +400,7 @@ describe('strict-tokens-runtime', () => {
           "accentColor",
           "caretColor",
           "fill",
-          "stroke",
-          "ringColor",
-          "bg",
-          "bgColor",
-          "borderXColor",
-          "borderYColor",
-          "borderStartColor",
-          "borderEndColor",
-          "shadowColor"
+          "stroke"
         ]
       }
                 const propList = new Set(Object.values(propsByCat).flat())
@@ -799,15 +791,7 @@ describe('strict-tokens-runtime', () => {
           "accentColor",
           "caretColor",
           "fill",
-          "stroke",
-          "ringColor",
-          "bg",
-          "bgColor",
-          "borderXColor",
-          "borderYColor",
-          "borderStartColor",
-          "borderEndColor",
-          "shadowColor"
+          "stroke"
         ],
         "fontSizes": [
           "fontSize"
@@ -898,10 +882,8 @@ describe('strict-tokens-runtime', () => {
                 const tokenValues = {}
                 const propsByCat = {
         "aspectRatios": [],
-        "zIndex": [],
         "spacing": [],
         "breakpoints": [],
-        "borderWidths": [],
         "colors": [
           "color"
         ],
@@ -912,15 +894,11 @@ describe('strict-tokens-runtime', () => {
         "letterSpacings": [],
         "lineHeights": [],
         "shadows": [],
-        "assets": [],
         "radii": [],
-        "opacity": [],
-        "dropShadows": [],
         "blurs": [],
         "easings": [],
         "durations": [],
-        "animations": [],
-        "animationName": []
+        "animations": []
       }
                 const propList = new Set(Object.values(propsByCat).flat())
 
@@ -1147,34 +1125,7 @@ describe('strict-tokens-runtime', () => {
           "scrollSnapMarginTop",
           "scrollSnapMarginBottom",
           "scrollSnapMarginLeft",
-          "scrollSnapMarginRight",
-          "insetX",
-          "insetY",
-          "end",
-          "start",
-          "p",
-          "pl",
-          "pr",
-          "pt",
-          "pb",
-          "paddingY",
-          "px",
-          "paddingEnd",
-          "paddingStart",
-          "ml",
-          "mr",
-          "mt",
-          "mb",
-          "m",
-          "marginY",
-          "marginX",
-          "marginEnd",
-          "marginStart",
-          "ringOffset",
-          "scrollMarginY",
-          "scrollMarginX",
-          "scrollPaddingY",
-          "scrollPaddingX"
+          "scrollSnapMarginRight"
         ]
       }
                 const propList = new Set(Object.values(propsByCat).flat())