create-plasmic-app 0.0.167 → 0.0.169

package/README.internal.md

@@ -4,13 +4,15 @@
 
 Use `yarn run-cpa` to run create-plasmic-app with presets that gets copied to `cpa-out/` on success.
 
+It scaffolds with npm by default, matching the committed `cpa-out/` snapshot; pass `--package-manager yarn|pnpm` to test another package manager.
+
 `yarn run-cpa` will:
 
 1. Let you choose presets to run create-plasmic-app with
 2. Lint and build create-plasmic-app
 3. Sequentially run create-plasmic-app on chosen presets
 4. For each preset,
-    1. Create a new directory in /tmp/cpa-out/<preset>
-    2. Run create-plasmic-app with the preset args
-    3. Build the new app
-    4. Copy the new app to `packages/create-plasmic-app/cpa-out/<preset>` on success
+   1. Create a new directory in /tmp/cpa-out/<preset>
+   2. Run create-plasmic-app with the preset args
+   3. Build the new app
+   4. Copy the new app to `packages/create-plasmic-app/cpa-out/<preset>` on success

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

@@ -14,8 +14,9 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.363",
-    "@plasmicapp/react-web": "^1.0.10",
+    "@plasmicapp/cli": "^0.1.372",
+    "@plasmicapp/host": "^2.0.17",
+    "@plasmicapp/react-web": "^1.0.32",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/gatsby-codegen-js/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-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx

@@ -24,7 +24,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 * 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
 import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
@@ -135,12 +135,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,
         {
@@ -207,7 +207,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",
@@ -226,7 +226,7 @@ function PlasmicButton__RenderFunc(props) {
           {renderPlasmicSlot({
             defaultContents: (
               <CheckSvgIcon
-                className={classNames(projectcss.all, sty.svg__s6Xxe)}
+                className={classNames("all", sty.svg__s6Xxe)}
                 role={"img"}
               />
             ),
@@ -295,7 +295,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(
@@ -421,7 +421,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",
@@ -442,7 +442,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-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -15,11 +15,11 @@ import {
   deriveRenderOpts
 } from "@plasmicapp/react-web";
 import { useDataEnv } from "@plasmicapp/react-web/lib/host";
-import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 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 * 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 = 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,7 +109,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
   const $ctx = useDataEnv?.() || {};
   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();
   return (
     <React.Fragment>
@@ -119,17 +119,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
           )}
@@ -137,16 +137,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
               )}
             >
@@ -156,10 +156,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-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 * 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 = new Proxy(() => "", {
@@ -88,17 +88,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
           )}
@@ -106,16 +106,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
               )}
             >
@@ -126,11 +126,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-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx

@@ -19,6 +19,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 * as sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
 
 createPlasmicElementProxy;

package/cpa-out/gatsby-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 * 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-js/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-js/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-codegen-ts/package.json

@@ -15,8 +15,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.363",
-    "@plasmicapp/react-web": "^1.0.10",
+    "@plasmicapp/cli": "^0.1.372",
+    "@plasmicapp/host": "^2.0.17",
+    "@plasmicapp/react-web": "^1.0.32",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",