create-twenty-app 2.40.0 → 2.41.0

package/dist/constants/template/SETUP.md

@@ -16,6 +16,9 @@ Follow these steps to get your app running locally.
    yarn install
    ```
 
+   The committed `yarn.lock` pins exact, integrity-checked versions, so this
+   resolves nothing from the registry.
+
 2. Start the local Twenty server:
 
    ```bash

package/dist/constants/template/package.json

@@ -28,7 +28,7 @@
     "react-dom": "^19.0.0",
     "twenty-client-sdk": "TO-BE-GENERATED",
     "twenty-sdk": "TO-BE-GENERATED",
-    "twenty-ui": "1.0.0-alpha.2",
+    "twenty-ui": "TO-BE-GENERATED",
     "typescript": "^5.9.3",
     "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^4.0.0"

package/dist/constants/template/src/front-components/main-page.tsx

@@ -1,6 +1,6 @@
 import { defineFrontComponent } from 'twenty-sdk/define';
 import { useState } from 'react';
-import { Avatar } from 'twenty-ui/data-display';
+import { Avatar } from 'twenty-ui/primitives/data-display';
 import {
   IconBox,
   IconHierarchy,
@@ -93,13 +93,13 @@ const CategoryCard = ({
 
   const CategoryIcon = () => {
     if (title === 'Data model') {
-      return <IconHierarchy color={color} size={'20px'} />;
+      return <IconHierarchy color={color} size="20px" />;
     }
     if (title === 'Logic') {
-      return <IconSettingsAutomation color={color} size={'20px'} />;
+      return <IconSettingsAutomation color={color} size="20px" />;
     }
     if (title === 'Layout') {
-      return <IconLayout color={color} size={'20px'} />;
+      return <IconLayout color={color} size="20px" />;
     }
   };
 
@@ -168,7 +168,7 @@ const CategoryCard = ({
                 transition: 'background 0.15s',
               }}
             >
-              <IconBox color={color} size={'20px'} />
+              <IconBox color={color} size="20px" />
               <span
                 style={{
                   fontSize: '13px',
@@ -204,11 +204,7 @@ const MainPage = () => {
         padding: '40px',
       }}
     >
-      <Avatar
-        placeholder={APP_DISPLAY_NAME}
-        placeholderColorSeed={APP_DISPLAY_NAME}
-        size="xl"
-      />
+      <Avatar name={APP_DISPLAY_NAME} colorSeed={APP_DISPLAY_NAME} size="xl" />
       <span
         style={{
           fontSize: '24px',