create-plasmic-app 0.0.167 → 0.0.169

package/cpa-out/gatsby-codegen-ts/plasmic.json

@@ -7,17 +7,13 @@
   },
   "style": {
     "scheme": "css-modules",
-    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.module.css"
+    "defaultStyleCssFilePath": "plasmic/plasmic__default_style.css"
   },
   "images": {
     "scheme": "files",
     "publicDir": "../../static",
     "publicUrlPrefix": "/"
   },
-  "tokens": {
-    "scheme": "theo",
-    "tokensFilePath": "plasmic-tokens.theo.json"
-  },
   "srcDir": "src/components",
   "defaultPlasmicDir": "./plasmic",
   "projects": [
@@ -26,7 +22,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 +131,7 @@
   "gatsbyConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.363",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.363/dist/plasmic.schema.json"
+  "cliVersion": "0.1.372",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
+  "packageManager": "npm"
 }

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx

@@ -68,7 +68,7 @@ import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-impor
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicButton.module.css"; // plasmic-import: TQcvW_pSKi3/css
 
 import CheckSvgIcon from "./icons/PlasmicIcon__CheckSvg"; // plasmic-import: gj-_D7n31Ho/icon
@@ -274,12 +274,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,
         {
@@ -346,7 +346,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",
@@ -365,7 +365,7 @@ function PlasmicButton__RenderFunc(props: {
           {renderPlasmicSlot({
             defaultContents: (
               <CheckSvgIcon
-                className={classNames(projectcss.all, sty.svg__s6Xxe)}
+                className={classNames("all", sty.svg__s6Xxe)}
                 role={"img"}
               />
             ),
@@ -434,7 +434,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(
@@ -560,7 +560,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",
@@ -581,7 +581,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/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -63,7 +63,7 @@ import {
 
 import { useMutablePlasmicQueryData } from "@plasmicapp/query";
 
-import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 import type {
   PlasmicQuery,
   PlasmicQueryResult
@@ -76,7 +76,7 @@ import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-impor
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
 
 const emptyProxy: any = new Proxy(() => "", {
@@ -139,7 +139,7 @@ export const serverQueryTree: QueryComponentNode = {
   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);
@@ -199,7 +199,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
 
-  const $q = unstable_usePlasmicQueries(serverQueryTree, $ctx, $props, null);
+  const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
 
   const styleTokensClassNames = _useStyleTokens();
 
@@ -211,17 +211,17 @@ function PlasmicDynamicPage__RenderFunc(props: {
         }
       `}</style>
 
-      <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
           )}
@@ -229,16 +229,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
               )}
             >
@@ -248,10 +248,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/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -67,7 +67,7 @@ import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-impor
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
 
 const emptyProxy: any = new Proxy(() => "", {
@@ -170,17 +170,17 @@ function PlasmicHomepage__RenderFunc(props: {
         }
       `}</style>
 
-      <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
           )}
@@ -188,16 +188,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
               )}
             >
@@ -208,11 +208,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/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx

@@ -67,7 +67,7 @@ import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-impor
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
 
 import CheckSvgIcon from "./icons/PlasmicIcon__CheckSvg"; // plasmic-import: gj-_D7n31Ho/icon

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx

@@ -9,10 +9,10 @@ import { createUseStyleTokens } from "@plasmicapp/react-web";
 
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 
-import * as 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: []
 };
 

package/cpa-out/gatsby-codegen-ts/src/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;
@@ -323,6 +323,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;
@@ -498,7 +514,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 +527,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 +579,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 +641,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 +670,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 +686,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 +702,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/gatsby-codegen-ts/src/components/plasmic/{plasmic__default_style.module.css → plasmic__default_style.css}

@@ -186,6 +186,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;

package/cpa-out/gatsby-loader-js/package.json

@@ -14,7 +14,7 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^2.0.7",
+    "@plasmicapp/loader-gatsby": "^2.0.23",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/gatsby-loader-ts/package.json

@@ -15,7 +15,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^2.0.7",
+    "@plasmicapp/loader-gatsby": "^2.0.23",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/nextjs-app-codegen-js/app/dynamic/[slug]/page.jsx

@@ -8,7 +8,7 @@ import {
   generateDynamicMetadata,
   serverQueryTree
 } from "../../../components/plasmic/create_plasmic_app/PlasmicDynamicPageServer";
-import { unstable_executePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { executePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 // Uncomment and populate to statically pre-render this route at build time.
 // Each entry should be an object whose keys match the dynamic segments in the route path.
 // See https://nextjs.org/docs/app/api-reference/functions/generate-static-params
@@ -23,10 +23,10 @@ const metadataQueryTree = { ...serverQueryTree, children: [] };
 
 export async function generateMetadata({ params, searchParams }, parent) {
   const ctx = await makeAppRouterPageCtx({ params, searchParams });
-  const { queries: $q } = await unstable_executePlasmicQueries(
-    metadataQueryTree,
-    { $props: {}, $ctx: ctx }
-  );
+  const { queries: $q } = await executePlasmicQueries(metadataQueryTree, {
+    $props: {},
+    $ctx: ctx
+  });
   const metadata = generateDynamicMetadata($q, ctx);
   return { ...(await parent), ...metadata };
 }

package/cpa-out/nextjs-app-codegen-js/app/robots.js

@@ -0,0 +1,24 @@
+import { headers } from "next/headers";
+
+// Set NEXT_PUBLIC_SITE_URL to pin the origin and keep this route static;
+// otherwise it is derived per-request, which opts the route out of prerendering.
+async function getSiteUrl() {
+  if (process.env.NEXT_PUBLIC_SITE_URL) {
+    return process.env.NEXT_PUBLIC_SITE_URL;
+  }
+  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;
+  }
+  const h = await headers();
+  const proto = h.get("x-forwarded-proto") ?? "http";
+  return `${proto}://${h.get("x-forwarded-host") ?? h.get("host")}`;
+}
+
+export default async function robots() {
+  const siteUrl = await getSiteUrl();
+
+  return {
+    rules: { userAgent: "*", allow: "/" },
+    sitemap: new URL("/sitemap.xml", siteUrl).toString(),
+  };
+}