create-plasmic-app 0.0.153 → 0.0.154

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/{plasmic.module.css → plasmic.css}

@@ -1,11 +1,11 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C900&family=Inconsolata%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C900&display=swap");
 
-.plasmic_tokens {
+.plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3 {
   --token-Tker7_vSXsP_: #777777;
   --plasmic-token-foreground: var(--token-Tker7_vSXsP_);
 }
 
-.plasmic_tokens {
+.plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3 {
   --plsmc-standard-width: 800px;
   --plsmc-wide-width: 1280px;
   --plsmc-viewport-gap: 16px;
@@ -498,7 +498,7 @@
 .__wab_expr_html_text {
   white-space: normal;
 }
-:where(.root_reset) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) {
   font-family: var(--mixin-prihNuSPt-kU_font-family);
   font-size: var(--mixin-prihNuSPt-kU_font-size);
   font-weight: var(--mixin-prihNuSPt-kU_font-weight);
@@ -511,51 +511,51 @@
   white-space: var(--mixin-prihNuSPt-kU_white-space);
 }
 
-:where(.root_reset) h4:where(.h4__47tFX),
-h4:where(.root_reset.h4__47tFX),
-:where(.root_reset .__wab_expr_html_text) h4,
-:where(.root_reset_tags) h4,
-h4:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h4:where(.h4__47tFX),
+h4:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h4__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h4,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h4,
+h4:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-pKcLzBwr6rlS_font-size);
   font-weight: var(--mixin-pKcLzBwr6rlS_font-weight);
   letter-spacing: var(--mixin-pKcLzBwr6rlS_letter-spacing);
   line-height: var(--mixin-pKcLzBwr6rlS_line-height);
 }
 
-:where(.root_reset) h5:where(.h5__47tFX),
-h5:where(.root_reset.h5__47tFX),
-:where(.root_reset .__wab_expr_html_text) h5,
-:where(.root_reset_tags) h5,
-h5:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h5:where(.h5__47tFX),
+h5:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h5__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h5,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h5,
+h5:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-Q3MZaojcv1qw_font-size);
   font-weight: var(--mixin-Q3MZaojcv1qw_font-weight);
   letter-spacing: var(--mixin-Q3MZaojcv1qw_letter-spacing);
   line-height: var(--mixin-Q3MZaojcv1qw_line-height);
 }
 
-:where(.root_reset) h6:where(.h6__47tFX),
-h6:where(.root_reset.h6__47tFX),
-:where(.root_reset .__wab_expr_html_text) h6,
-:where(.root_reset_tags) h6,
-h6:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h6:where(.h6__47tFX),
+h6:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h6__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h6,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h6,
+h6:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-WQN-U7Y-Mt0i_font-size);
   font-weight: var(--mixin-WQN-U7Y-Mt0i_font-weight);
   line-height: var(--mixin-WQN-U7Y-Mt0i_line-height);
 }
 
-:where(.root_reset) a:where(.a__47tFX),
-a:where(.root_reset.a__47tFX),
-:where(.root_reset .__wab_expr_html_text) a,
-:where(.root_reset_tags) a,
-a:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) a:where(.a__47tFX),
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.a__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) a,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) a,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   color: var(--mixin-_NIhBtBbqybq_color);
 }
 
-:where(.root_reset) blockquote:where(.blockquote__47tFX),
-blockquote:where(.root_reset.blockquote__47tFX),
-:where(.root_reset .__wab_expr_html_text) blockquote,
-:where(.root_reset_tags) blockquote,
-blockquote:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) blockquote:where(.blockquote__47tFX),
+blockquote:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.blockquote__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) blockquote,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) blockquote,
+blockquote:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   color: var(--mixin-5965DRLFNjWi_color);
   padding-left: var(--mixin-5965DRLFNjWi_padding-left);
   border-left: var(--mixin-5965DRLFNjWi_border-left-width)
@@ -563,44 +563,44 @@ blockquote:where(.root_reset_tags) {
     var(--mixin-5965DRLFNjWi_border-left-color);
 }
 
-:where(.root_reset) h1:where(.h1__47tFX),
-h1:where(.root_reset.h1__47tFX),
-:where(.root_reset .__wab_expr_html_text) h1,
-:where(.root_reset_tags) h1,
-h1:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h1:where(.h1__47tFX),
+h1:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h1__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h1,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h1,
+h1:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-_J1_6dhZex0j_font-size);
   font-weight: var(--mixin-_J1_6dhZex0j_font-weight);
   letter-spacing: var(--mixin-_J1_6dhZex0j_letter-spacing);
   line-height: var(--mixin-_J1_6dhZex0j_line-height);
 }
 
-:where(.root_reset) h2:where(.h2__47tFX),
-h2:where(.root_reset.h2__47tFX),
-:where(.root_reset .__wab_expr_html_text) h2,
-:where(.root_reset_tags) h2,
-h2:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h2:where(.h2__47tFX),
+h2:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h2__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h2,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h2,
+h2:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-tyWR-eqFmXa2R_font-size);
   font-weight: var(--mixin-tyWR-eqFmXa2R_font-weight);
   letter-spacing: var(--mixin-tyWR-eqFmXa2R_letter-spacing);
   line-height: var(--mixin-tyWR-eqFmXa2R_line-height);
 }
 
-:where(.root_reset) h3:where(.h3__47tFX),
-h3:where(.root_reset.h3__47tFX),
-:where(.root_reset .__wab_expr_html_text) h3,
-:where(.root_reset_tags) h3,
-h3:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) h3:where(.h3__47tFX),
+h3:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.h3__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) h3,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) h3,
+h3:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   font-size: var(--mixin-VSfYlZt0xLESb_font-size);
   font-weight: var(--mixin-VSfYlZt0xLESb_font-weight);
   letter-spacing: var(--mixin-VSfYlZt0xLESb_letter-spacing);
   line-height: var(--mixin-VSfYlZt0xLESb_line-height);
 }
 
-:where(.root_reset) code:where(.code__47tFX),
-code:where(.root_reset.code__47tFX),
-:where(.root_reset .__wab_expr_html_text) code,
-:where(.root_reset_tags) code,
-code:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) code:where(.code__47tFX),
+code:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.code__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) code,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) code,
+code:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   background: #f8f8f8;
   font-family: var(--mixin-2Dy3yomrqskwe_font-family);
   border-radius: var(--mixin-2Dy3yomrqskwe_border-top-left-radius)
@@ -625,11 +625,11 @@ code:where(.root_reset_tags) {
     var(--mixin-2Dy3yomrqskwe_border-left-color);
 }
 
-:where(.root_reset) pre:where(.pre__47tFX),
-pre:where(.root_reset.pre__47tFX),
-:where(.root_reset .__wab_expr_html_text) pre,
-:where(.root_reset_tags) pre,
-pre:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) pre:where(.pre__47tFX),
+pre:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.pre__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) pre,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) pre,
+pre:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   background: #f8f8f8;
   font-family: var(--mixin-0u7VwjXF8Kvpe_font-family);
   border-radius: var(--mixin-0u7VwjXF8Kvpe_border-top-left-radius)
@@ -654,11 +654,11 @@ pre:where(.root_reset_tags) {
     var(--mixin-0u7VwjXF8Kvpe_border-left-color);
 }
 
-:where(.root_reset) ol:where(.ol__47tFX),
-ol:where(.root_reset.ol__47tFX),
-:where(.root_reset .__wab_expr_html_text) ol,
-:where(.root_reset_tags) ol,
-ol:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) ol:where(.ol__47tFX),
+ol:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.ol__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) ol,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) ol,
+ol:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   display: var(--mixin-D70_omI9mm34j_display);
   flex-direction: var(--mixin-D70_omI9mm34j_flex-direction);
   align-items: var(--mixin-D70_omI9mm34j_align-items);
@@ -670,11 +670,11 @@ ol:where(.root_reset_tags) {
   column-gap: var(--mixin-D70_omI9mm34j_column-gap);
 }
 
-:where(.root_reset) ul:where(.ul__47tFX),
-ul:where(.root_reset.ul__47tFX),
-:where(.root_reset .__wab_expr_html_text) ul,
-:where(.root_reset_tags) ul,
-ul:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) ul:where(.ul__47tFX),
+ul:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.ul__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) ul,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) ul,
+ul:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
   display: var(--mixin-6zRO9vzPQi4g5_display);
   flex-direction: var(--mixin-6zRO9vzPQi4g5_flex-direction);
   align-items: var(--mixin-6zRO9vzPQi4g5_align-items);
@@ -686,17 +686,17 @@ ul:where(.root_reset_tags) {
   column-gap: var(--mixin-6zRO9vzPQi4g5_column-gap);
 }
 
-:where(.root_reset) a:where(.a__47tFX):hover,
-a:where(.root_reset.a__47tFX):hover,
-:where(.root_reset .__wab_expr_html_text) a:hover,
-:where(.root_reset_tags) a:hover,
-a:where(.root_reset_tags):hover {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) a:where(.a__47tFX):hover,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.a__47tFX):hover,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) a:hover,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) a:hover,
+a:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags):hover {
   color: var(--mixin-u1gAzUhZSVyWj_color);
 }
 
-:where(.root_reset) li:where(.li__47tFX),
-li:where(.root_reset.li__47tFX),
-:where(.root_reset .__wab_expr_html_text) li,
-:where(.root_reset_tags) li,
-li:where(.root_reset_tags) {
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3) li:where(.li__47tFX),
+li:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3.li__47tFX),
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3 .__wab_expr_html_text) li,
+:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) li,
+li:where(.root_reset_47tFXWjN2C4NyHFGGpaYQ3_tags) {
 }

package/cpa-out/nextjs-pages-codegen-ts/package.json

@@ -9,9 +9,9 @@
     "lint": "eslint"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.363",
-    "@plasmicapp/react-web": "^1.0.10",
-    "next": "16.2.7",
+    "@plasmicapp/cli": "^0.1.364",
+    "@plasmicapp/react-web": "^1.0.12",
+    "next": "16.2.9",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },
@@ -20,7 +20,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "16.2.7",
+    "eslint-config-next": "16.2.9",
     "typescript": "^5"
   }
 }

package/cpa-out/nextjs-pages-codegen-ts/pages/_app.tsx

@@ -1,3 +1,4 @@
+import "../components/plasmic/create_plasmic_app/plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import '@/styles/globals.css'
 import { PlasmicRootProvider } from "@plasmicapp/react-web";
 import type { AppProps } from "next/app";

package/cpa-out/nextjs-pages-codegen-ts/plasmic.json

@@ -7,7 +7,7 @@
   },
   "style": {
     "scheme": "css-modules",
-    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.module.css"
+    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.css"
   },
   "images": {
     "scheme": "public-files",
@@ -26,7 +26,7 @@
       "projectApiToken": "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
       "projectName": "create-plasmic-app",
       "version": "latest",
-      "cssFilePath": "plasmic/create_plasmic_app/plasmic.module.css",
+      "cssFilePath": "plasmic/create_plasmic_app/plasmic.css",
       "components": [
         {
           "id": "6uuAAE1jiCew",
@@ -135,6 +135,6 @@
   "nextjsConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.363",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.363/dist/plasmic.schema.json"
+  "cliVersion": "0.1.364",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.364/dist/plasmic.schema.json"
 }

package/cpa-out/react-codegen-js/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.363",
-    "@plasmicapp/react-web": "^1.0.10",
+    "@plasmicapp/cli": "^0.1.364",
+    "@plasmicapp/react-web": "^1.0.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

package/cpa-out/react-codegen-js/plasmic.json

@@ -7,7 +7,7 @@
   },
   "style": {
     "scheme": "css-modules",
-    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.module.css"
+    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.css"
   },
   "images": {
     "scheme": "inlined",
@@ -26,7 +26,7 @@
       "projectApiToken": "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
       "projectName": "create-plasmic-app",
       "version": "latest",
-      "cssFilePath": "plasmic/create_plasmic_app/plasmic.module.css",
+      "cssFilePath": "plasmic/create_plasmic_app/plasmic.css",
       "components": [
         {
           "id": "6uuAAE1jiCew",
@@ -132,6 +132,6 @@
   },
   "wrapPagesWithGlobalContexts": true,
   "preserveJsImportExtensions": false,
-  "cliVersion": "0.1.363",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.363/dist/plasmic.schema.json"
+  "cliVersion": "0.1.364",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.364/dist/plasmic.schema.json"
 }

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx

@@ -22,7 +22,7 @@ import { useDataEnv } from "@plasmicapp/react-web/lib/host";
 import * as pp from "@plasmicapp/react-web";
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
-import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import sty from "./PlasmicButton.module.css"; // plasmic-import: TQcvW_pSKi3/css
 import CheckSvgIcon from "./icons/PlasmicIcon__CheckSvg"; // plasmic-import: gj-_D7n31Ho/icon
 import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
@@ -133,12 +133,12 @@ function PlasmicButton__RenderFunc(props) {
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
       className={classNames(
-        projectcss.all,
-        projectcss.button,
-        projectcss.button__47tFX,
-        projectcss.root_reset,
-        projectcss.plasmic_default_styles,
-        projectcss.plasmic_mixins,
+        "all",
+        "button",
+        "button__47tFX",
+        "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
+        "plasmic_default_styles",
+        "plasmic_mixins",
         styleTokensClassNames,
         sty.root,
         {
@@ -205,7 +205,7 @@ function PlasmicButton__RenderFunc(props) {
         <div
           data-plasmic-name={"startIconContainer"}
           data-plasmic-override={overrides.startIconContainer}
-          className={classNames(projectcss.all, sty.startIconContainer, {
+          className={classNames("all", sty.startIconContainer, {
             [sty.startIconContainercolor_blue]: hasVariant(
               $state,
               "color",
@@ -224,7 +224,7 @@ function PlasmicButton__RenderFunc(props) {
           {renderPlasmicSlot({
             defaultContents: (
               <CheckSvgIcon
-                className={classNames(projectcss.all, sty.svg__s6Xxe)}
+                className={classNames("all", sty.svg__s6Xxe)}
                 role={"img"}
               />
             ),
@@ -293,7 +293,7 @@ function PlasmicButton__RenderFunc(props) {
       <div
         data-plasmic-name={"contentContainer"}
         data-plasmic-override={overrides.contentContainer}
-        className={classNames(projectcss.all, sty.contentContainer, {
+        className={classNames("all", sty.contentContainer, {
           [sty.contentContainer___focusVisibleWithin]:
             triggers.focusVisibleWithin_root,
           [sty.contentContainerisDisabled]: hasVariant(
@@ -419,7 +419,7 @@ function PlasmicButton__RenderFunc(props) {
         <div
           data-plasmic-name={"endIconContainer"}
           data-plasmic-override={overrides.endIconContainer}
-          className={classNames(projectcss.all, sty.endIconContainer, {
+          className={classNames("all", sty.endIconContainer, {
             [sty.endIconContainercolor_white]: hasVariant(
               $state,
               "color",
@@ -440,7 +440,7 @@ function PlasmicButton__RenderFunc(props) {
           {renderPlasmicSlot({
             defaultContents: (
               <IconIcon
-                className={classNames(projectcss.all, sty.svg__liJa)}
+                className={classNames("all", sty.svg__liJa)}
                 role={"img"}
               />
             ),

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -19,7 +19,7 @@ import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sourc
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
-import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
 
 const emptyProxy = new Proxy(() => "", {
@@ -58,7 +58,7 @@ export const serverQueryTree = {
   type: "component",
   queries: {
     sha256: {
-      id: "custom:krgWtF9Kkesx",
+      id: "custom-code:krgWtF9Kkesx",
       fn: async ({ $q, $props, $ctx, $state }) => {
         console.log("Running SHA-256");
         const data = new TextEncoder().encode($ctx.params.slug);
@@ -109,17 +109,17 @@ function PlasmicDynamicPage__RenderFunc(props) {
   const styleTokensClassNames = _useStyleTokens();
   return (
     <React.Fragment>
-      <div className={projectcss.plasmic_page_wrapper}>
+      <div className={"plasmic_page_wrapper"}>
         <div
           data-plasmic-name={"root"}
           data-plasmic-override={overrides.root}
           data-plasmic-root={true}
           data-plasmic-for-node={forNode}
           className={classNames(
-            projectcss.all,
-            projectcss.root_reset,
-            projectcss.plasmic_default_styles,
-            projectcss.plasmic_mixins,
+            "all",
+            "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
+            "plasmic_default_styles",
+            "plasmic_mixins",
             styleTokensClassNames,
             sty.root
           )}
@@ -127,16 +127,16 @@ function PlasmicDynamicPage__RenderFunc(props) {
           <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            className={classNames(projectcss.all, sty.section)}
+            className={classNames("all", sty.section)}
           >
             <h2
               data-plasmic-name={"h2"}
               data-plasmic-override={overrides.h2}
               className={classNames(
-                projectcss.all,
-                projectcss.h2,
-                projectcss.h2__47tFX,
-                projectcss.__wab_text,
+                "all",
+                "h2",
+                "h2__47tFX",
+                "__wab_text",
                 sty.h2
               )}
             >
@@ -146,10 +146,10 @@ function PlasmicDynamicPage__RenderFunc(props) {
               data-plasmic-name={"span"}
               data-plasmic-override={overrides.span}
               className={classNames(
-                projectcss.all,
-                projectcss.span,
-                projectcss.span__47tFX,
-                projectcss.__wab_text,
+                "all",
+                "span",
+                "span__47tFX",
+                "__wab_text",
                 sty.span
               )}
             >

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -20,7 +20,7 @@ import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
-import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
 
 const emptyProxy = new Proxy(() => "", {
@@ -78,17 +78,17 @@ function PlasmicHomepage__RenderFunc(props) {
   const styleTokensClassNames = _useStyleTokens();
   return (
     <React.Fragment>
-      <div className={projectcss.plasmic_page_wrapper}>
+      <div className={"plasmic_page_wrapper"}>
         <div
           data-plasmic-name={"root"}
           data-plasmic-override={overrides.root}
           data-plasmic-root={true}
           data-plasmic-for-node={forNode}
           className={classNames(
-            projectcss.all,
-            projectcss.root_reset,
-            projectcss.plasmic_default_styles,
-            projectcss.plasmic_mixins,
+            "all",
+            "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
+            "plasmic_default_styles",
+            "plasmic_mixins",
             styleTokensClassNames,
             sty.root
           )}
@@ -96,16 +96,16 @@ function PlasmicHomepage__RenderFunc(props) {
           <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            className={classNames(projectcss.all, sty.section)}
+            className={classNames("all", sty.section)}
           >
             <h1
               data-plasmic-name={"h1"}
               data-plasmic-override={overrides.h1}
               className={classNames(
-                projectcss.all,
-                projectcss.h1,
-                projectcss.h1__47tFX,
-                projectcss.__wab_text,
+                "all",
+                "h1",
+                "h1__47tFX",
+                "__wab_text",
                 sty.h1
               )}
             >
@@ -116,11 +116,7 @@ function PlasmicHomepage__RenderFunc(props) {
             <div
               data-plasmic-name={"text"}
               data-plasmic-override={overrides.text}
-              className={classNames(
-                projectcss.all,
-                projectcss.__wab_text,
-                sty.text
-              )}
+              className={classNames("all", "__wab_text", sty.text)}
             >
               {
                 "This project is used by run-cpa.ts in the create-plasmic-app repo.\n\n\nrun-cpa.ts runs create-plasmic-app for many combinations of args (e.g. nextjs + appDir + loader + typescript) to check for changes in generated files. Any changes to this project will result in lots of changes to the generated files. Therefore, please avoid changing this project.\n"

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx

@@ -18,6 +18,7 @@ import { useDataEnv } from "@plasmicapp/react-web/lib/host";
 import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
 
 createPlasmicElementProxy;

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx

@@ -5,10 +5,10 @@
 // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
 import { createUseStyleTokens } from "@plasmicapp/react-web";
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
-import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 
 const data = {
-  base: `${projectcss.plasmic_tokens}`,
+  base: `${"plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3"}`,
   varianted: []
 };