@swc/plugin-styled-jsx 1.5.67 → 1.5.68

package/Cargo.toml

@@ -16,7 +16,7 @@ custom_transform = ["swc_core/common_concurrent"]
 [dependencies]
 easy-error = "1.0.0"
 styled_jsx = { path = "./transform" }
-swc_core = { version = "0.76.6", features = [
+swc_core = { version = "0.78.0", features = [
   "common",
   "ecma_ast",
   "ecma_plugin_transform",
@@ -33,5 +33,5 @@ swc_core = { version = "0.76.6", features = [
 tracing = { version = "0.1.37", features = ["release_max_level_off"] }
 
 [dev-dependencies]
-swc_core = { features = ["testing_transform"], version = "0.76.6" }
-testing = "0.33.10"
+swc_core = { features = ["testing_transform"], version = "0.78.0" }
+testing = "0.33.13"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swc/plugin-styled-jsx",
-  "version": "1.5.67",
+  "version": "1.5.68",
   "description": "SWC plugin for styled-jsx",
   "main": "swc_plugin_styled_jsx.wasm",
   "scripts": {

package/transform/Cargo.toml

@@ -4,7 +4,7 @@ description = "AST transforms visitor for styled-jsx"
 edition = "2021"
 license = "Apache-2.0"
 name = "styled_jsx"
-version = "0.34.0"
+version = "0.35.0"
 
 [features]
 custom_transform = ["swc_core/common_concurrent"]
@@ -13,7 +13,7 @@ custom_transform = ["swc_core/common_concurrent"]
 easy-error = "1.0.0"
 tracing = "0.1.37"
 
-swc_core = { version = "0.76.6", features = [
+swc_core = { version = "0.78.0", features = [
   "common",
   "ecma_ast",
   "css_ast",
@@ -28,5 +28,5 @@ swc_core = { version = "0.76.6", features = [
 ] }
 
 [dev-dependencies]
-testing = "0.33.10"
-swc_core = { features = ["testing_transform"], version = "0.76.6" }
+testing = "0.33.13"
+swc_core = { features = ["testing_transform"], version = "0.78.0" }

package/transform/tests/fixture/attribute-generation-modes/output.js

@@ -22,7 +22,7 @@ export const Test2 = ()=><div className={"jsx-81a68341e430a972 " + `jsx-${styles
 
   </div>;
 // external and dynamic
-export const Test3 = ({ color  })=><div className={`jsx-${styles.__hash}` + " " + _JSXStyle.dynamic([
+export const Test3 = ({ color })=><div className={`jsx-${styles.__hash}` + " " + _JSXStyle.dynamic([
         [
             "f08108daf927b99d",
             [
@@ -48,7 +48,7 @@ export const Test3 = ({ color  })=><div className={`jsx-${styles.__hash}` + " "
 
   </div>;
 // external, static and dynamic
-export const Test4 = ({ color  })=><div className={`jsx-${styles.__hash}` + " jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
+export const Test4 = ({ color })=><div className={`jsx-${styles.__hash}` + " jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
             "9779eebad83219f8",
             [
@@ -86,7 +86,7 @@ export const Test5 = ()=><div className={"jsx-df0159ebd3f9fb6f"}>
 
   </div>;
 // static and dynamic
-export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
+export const Test6 = ({ color })=><div className={"jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
             "9779eebad83219f8",
             [
@@ -112,7 +112,7 @@ export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JS
 
   </div>;
 // dynamic only
-export const Test7 = ({ color  })=><div className={_JSXStyle.dynamic([
+export const Test7 = ({ color })=><div className={_JSXStyle.dynamic([
         [
             "f08108daf927b99d",
             [
@@ -136,7 +136,7 @@ export const Test7 = ({ color  })=><div className={_JSXStyle.dynamic([
 
   </div>;
 // dynamic with scoped compound variable
-export const Test8 = ({ color  })=>{
+export const Test8 = ({ color })=>{
     if (color) {
         const innerProps = {
             color
@@ -167,7 +167,7 @@ export const Test8 = ({ color  })=>{
     }
 };
 // dynamic with compound variable
-export const Test9 = ({ color  })=>{
+export const Test9 = ({ color })=>{
     const innerProps = {
         color
     };
@@ -205,7 +205,7 @@ export const Test10 = ()=><div className={"jsx-f849b7a02be96503"}>
 
   </div>;
 // dynamic with complex scope
-export const Test11 = ({ color  })=>{
+export const Test11 = ({ color })=>{
     const items = Array.from({
         length: 5
     }).map((item, i)=><li key={i} className={_JSXStyle.dynamic([

package/transform/tests/fixture/css-selector-after-pseudo/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-function NavigationItem({ active , className  }) {
+function NavigationItem({ active, className }) {
     return <span className={"jsx-2342aae4628612c6" + " " + (cn({
         active
     }, className, 'navigation-item') || "")}>

package/transform/tests/fixture/css-tag-same-file/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-export default (({ children  })=><div className={`jsx-${styles.__hash}`}>
+export default (({ children })=><div className={`jsx-${styles.__hash}`}>
 
     <p className={`jsx-${styles.__hash}`}>{children}</p>
 

package/transform/tests/fixture/dynamic-element/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-export default (({ level =1  })=>{
+export default (({ level = 1 })=>{
     const Element = `h${level}`;
     return <Element className={"jsx-fca64cc3f069b519" + " " + "root"}>
 
@@ -9,7 +9,7 @@ export default (({ level =1  })=>{
 
     </Element>;
 });
-export const TestLowerCase = ({ level =1  })=>{
+export const TestLowerCase = ({ level = 1 })=>{
     const element = `h${level}`;
     return <element className={"jsx-fca64cc3f069b519" + " " + "root"}>
 
@@ -29,7 +29,7 @@ export const Test2 = ()=>{
 
     </Element2>;
 };
-export const Test3 = ({ Component ='div'  })=>{
+export const Test3 = ({ Component = 'div' })=>{
     return <Component className={"jsx-f825b24bbab5b83b"}>
 
       <p className={"jsx-f825b24bbab5b83b"}>dynamic element</p>

package/transform/tests/fixture/dynamic-element-external/output.js

@@ -1,6 +1,6 @@
 import _JSXStyle from "styled-jsx/style";
 import styles from './styles2';
-export default (({ level =1  })=>{
+export default (({ level = 1 })=>{
     const Element = `h${level}`;
     return <Element className={`jsx-${styles.__hash}` + " " + "root"}>
 

package/transform/tests/fixture/expressions/output.js

@@ -8,7 +8,7 @@ const animationName = 'my-cool-animation';
 const obj = {
     display: 'block'
 };
-export default (({ display  })=><div className={"jsx-b452af554142d27 " + _JSXStyle.dynamic([
+export default (({ display })=><div className={"jsx-b452af554142d27 " + _JSXStyle.dynamic([
         [
             "469c0b1cc43512b8",
             [

package/transform/tests/fixture/issue-30480/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-export default (({ breakPoint  })=><div className={_JSXStyle.dynamic([
+export default (({ breakPoint })=><div className={_JSXStyle.dynamic([
         [
             "5d2a0e645566ce9c",
             [

package/transform/tests/fixture/too-many/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-export const Red = ({ Component ='button'  })=>{
+export const Red = ({ Component = 'button' })=>{
     return <Component className={_JSXStyle.dynamic([
         [
             "1a9f9e2fa701f7ec",

package/transform/tests/fixture/tpl-escape-2/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-export default function Home({ fontFamily  }) {
+export default function Home({ fontFamily }) {
     return <div className={_JSXStyle.dynamic([
         [
             "3892513b52a23034",