@astryxdesign/cli 0.1.1-canary.a514b99 → 0.1.1-canary.a7d67d0

package/templates/pages/theme-showcase/page.tsx

@@ -143,12 +143,6 @@ const styles: Record<string, CSSProperties> = {
     textAlign: 'center' as const,
     maxWidth: 560,
   },
-  // Hero headline painted with the theme's accent-text ink. Text has no
-  // 'accent' color value, so we set the dedicated --color-text-accent token
-  // directly (distinct from --color-accent / the 'active' color).
-  heroHeadline: {
-    color: 'var(--color-text-accent)',
-  },
   centerText: {
     textAlign: 'center',
   },
@@ -438,7 +432,7 @@ function StorePreview({
           <VStack gap={10} style={{...styles.content, ...styles.contentFluid}}>
             <Center>
               <VStack gap={4} hAlign="center" style={styles.heroText}>
-                <Text type="display-2" style={styles.heroHeadline}>
+                <Text type="display-2" color="accent">
                   Little joys,
                   <br />
                   everywhere you go
@@ -462,10 +456,7 @@ function StorePreview({
                       />
                     </AspectRatio>
                     <div style={inlineStyles.cardBody}>
-                      <VStack
-                        gap={2}
-                        hAlign="center"
-                        style={styles.cardStack}>
+                      <VStack gap={2} hAlign="center" style={styles.cardStack}>
                         <HStack>
                           <Badge label={p.badge} variant={p.badgeVariant} />
                         </HStack>
@@ -475,7 +466,10 @@ function StorePreview({
                         <Text
                           type="supporting"
                           color="secondary"
-                          style={{...styles.cardDescription, ...styles.centerText}}>
+                          style={{
+                            ...styles.cardDescription,
+                            ...styles.centerText,
+                          }}>
                           {p.description}
                         </Text>
                         <HStack gap={2} vAlign="center" hAlign="center">
@@ -746,9 +740,7 @@ function ChatCard() {
 
           <ChatMessage sender="assistant">
             <VStack gap={3}>
-              <Text type="body">
-                Here’s everything I have on order #1043:
-              </Text>
+              <Text type="body">Here’s everything I have on order #1043:</Text>
               <Card padding={3}>
                 <VStack gap={1}>
                   <Item
@@ -1107,10 +1099,7 @@ function InventoryCard({
   ).length;
   return (
     <Card padding={0} style={styles.inventoryCard}>
-      <HStack
-        hAlign="between"
-        vAlign="center"
-        style={styles.inventoryHeader}>
+      <HStack hAlign="between" vAlign="center" style={styles.inventoryHeader}>
         <Heading level={2}>Inventory</Heading>
         <Button
           label="Add item"

package/templates/blocks/components/MoreMenu/MoreMenuInToolbar.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'MoreMenu',
-  name: 'MoreMenu — In Toolbar',
-  displayName: 'MoreMenu — In Toolbar',
-  description:
-    'A three-dot menu alongside icon buttons in a card header toolbar.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['MoreMenu', 'Button', 'Icon', 'Toolbar', 'Text', 'Card', 'Section'],
-};

package/templates/blocks/components/MoreMenu/MoreMenuInToolbar.tsx

@@ -1,57 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {MoreMenu} from '@astryxdesign/core/MoreMenu';
-import {Button} from '@astryxdesign/core/Button';
-import {Icon} from '@astryxdesign/core/Icon';
-import {Toolbar} from '@astryxdesign/core/Toolbar';
-import {Heading} from '@astryxdesign/core/Text';
-import {Card} from '@astryxdesign/core/Card';
-import {Section} from '@astryxdesign/core/Section';
-import {
-  ArrowLeftIcon,
-  ArrowDownTrayIcon,
-  ShareIcon,
-  TrashIcon,
-} from '@heroicons/react/24/outline';
-
-export default function MoreMenuInToolbar() {
-  return (
-    <Card width="100%" height="100%" style={{marginTop: 100}}>
-      <Toolbar
-        label="Project actions"
-        size="sm"
-        dividers={['bottom']}
-        startContent={
-          <Button
-            label="Back"
-            variant="ghost"
-            icon={<Icon icon={ArrowLeftIcon} />}
-            isIconOnly
-          />
-        }
-        centerContent={<Heading level={5}>Title</Heading>}
-        endContent={
-          <>
-            <div style={{marginInlineEnd: 8}}>
-              <MoreMenu
-                label="More actions"
-                size="sm"
-                items={[
-                  {label: 'Export', icon: ArrowDownTrayIcon, onClick: () => {}},
-                  {label: 'Share', icon: ShareIcon, onClick: () => {}},
-                  {type: 'divider'},
-                  {label: 'Delete', icon: TrashIcon, onClick: () => {}},
-                ]}
-              />
-            </div>
-            <Button label="Discard" variant="secondary" size="sm" />
-            <Button label="Save" variant="primary" size="sm" />
-          </>
-        }
-      />
-      <Section />
-    </Card>
-  );
-}