astro-tractstack 2.0.0-rc.6 → 2.0.0-rc.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0-rc.7",
   "description": "Astro integration for TractStack - redeeming the web from boring experiences",
   "type": "module",
   "main": "dist/index.js",

package/templates/src/components/Footer.astro

@@ -176,7 +176,7 @@ const createdDate = created ? new Date(created) : new Date();
         >
           Tract Stack</a
         >
-        &ndash; no-code community engine from{` `}
+        &ndash; the &#8220;free web press&#8221; by{` `}
         <a
           href="https://atriskmedia.com/?utm_source=tractstack&utm_medium=www&utm_campaign=community"
           class="font-bold underline hover:text-black"

package/templates/src/components/edit/pane/AddPanePanel_new.tsx

@@ -493,7 +493,7 @@ const AddPaneNewPanel = ({
                 <Switch.HiddenInput />
                 <div className="flex h-6 items-center">
                   <Switch.Label className="px-4 text-sm text-gray-700">
-                    Use odd variant
+                    Toggle subtle variation (great for stacking content)
                   </Switch.Label>
                 </div>
               </Switch.Root>

package/templates/src/components/tenant/RegistrationForm.tsx

@@ -291,11 +291,13 @@ export default function RegistrationForm({
                 value={state.email}
                 onChange={(value) => updateField('email', value)}
                 type="email"
-                placeholder="john@example.com"
+                placeholder="susie@amazing.com"
                 error={errors.email}
               />
               <p className="mt-1 text-sm text-gray-500">
-                You'll receive an activation email at this address
+                {isInitMode
+                  ? `Used for password reset, etc.`
+                  : `You'll receive an activation email at this address`}
               </p>
             </div>
 

package/templates/src/pages/[...slug]/edit.astro

@@ -168,7 +168,13 @@ for (const [key, value] of Astro.url.searchParams) {
     <StoryKeepToolMode isContext={false} client:only="react" />
 
     <!-- Main Content Area -->
-    <main id="mainContent" class="relative flex-1">
+    <main
+      id="mainContent"
+      class="relative flex-1"
+      style={{
+        paddingBottom: 'var(--bottom-right-controls-bottom-offset, 16px)',
+      }}
+    >
       <div class="bg-myblue/20 bg-mylightgrey h-full p-1.5">
         <div
           class="h-fit min-h-screen"

package/templates/src/pages/context/[...contextSlug]/edit.astro

@@ -159,7 +159,13 @@ for (const [key, value] of Astro.url.searchParams) {
     <StoryKeepToolMode isContext={true} client:only="react" />
 
     <!-- Main Content Area -->
-    <main id="mainContent" class="relative flex-1">
+    <main
+      id="mainContent"
+      class="relative flex-1"
+      style={{
+        paddingBottom: 'var(--bottom-right-controls-bottom-offset, 16px)',
+      }}
+    >
       <div class="bg-myblue/20 bg-mylightgrey h-full p-1.5">
         <div
           class="h-fit min-h-screen"

package/templates/src/utils/compositor/templateMarkdownStyles.ts

@@ -359,6 +359,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textWRAP = 'pretty';
       baseClasses[2].mobile.maxW = '3xl';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -383,6 +384,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -405,6 +407,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textALIGN = 'left';
       baseClasses[2].mobile.textWRAP = 'pretty';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -503,6 +506,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textWRAP = 'pretty';
       baseClasses[2].mobile.maxW = '3xl';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -552,6 +556,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -647,6 +652,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -741,6 +747,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'left';
       baseClasses[2].mobile.textWRAP = 'pretty';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -986,6 +993,7 @@ export const getIntroDesign = (
         (parentClasses[2].mobile.textALIGN = 'center');
       parentClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        parentClasses[2].mobile.rounded = 'lg';
         parentClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',