Rename twenty-ui to twenty-ui-deprecated and twenty-new-ui to twenty-ui to prepare package release (#21315)

## Description

Promotes the next-gen UI library (formerly `twenty-new-ui`) to the name
**`twenty-ui`** (v0.1.0, publishable) and renames the old package to
**`twenty-ui-deprecated`**. Rewrites ~1,730 `twenty-ui` imports →
`twenty-ui-deprecated`, updates all configs/CI/Docker/deps, and migrates
twenty-front's `Toggle` to the new package (first consumer) as a
drop-in.

## Next steps
- Wire the `ui/v*` publish dispatch (`cd-deploy-tag.yaml` +
`.yarnrc.yml`), then tag `ui/v0.1.0` to publish.
- Continue migrating components from `twenty-ui-deprecated` →
`twenty-ui`.

packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx

@@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo
 import { styled } from '@linaria/react';
 import { useContext } from 'react';
 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
-import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants';
+import {
+  ThemeContext,
+  themeCssVariables,
+} from 'twenty-ui-deprecated/theme-constants';
 
 const StyledSkeletonColumn = styled.div`
   display: flex;

packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx

@@ -2,7 +2,7 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo
 import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection';
 import { styled } from '@linaria/react';
 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
-import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants';
 
 const StyledTitleSkeleton = styled.div`
   align-items: center;

packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx

@@ -1,6 +1,6 @@
 import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem';
 import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback';
-import { TintedIconTile, useIcons } from 'twenty-ui/display';
+import { TintedIconTile, useIcons } from 'twenty-ui-deprecated/display';
 
 export type ObjectMetadataIconInput = Pick<
   EnrichedObjectMetadataItem,

packages/twenty-front/src/modules/object-metadata/components/WorkspaceSectionListEditModeFallback.tsx

@@ -3,7 +3,7 @@ import { styled } from '@linaria/react';
 import { WorkspaceSectionListReadOnly } from '@/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly';
 import { WorkspaceSectionAddMenuItemButton } from '@/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton';
 import type { NavigationMenuItemSectionListDndKitProps } from '@/navigation-menu-item/display/sections/types/NavigationMenuItemSectionListDndKitProps';
-import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants';
 
 const StyledFallback = styled.div`
   display: flex;

packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts

@@ -1,5 +1,5 @@
-import { type IconComponent, useIcons } from 'twenty-ui/display';
-import { type ThemeColor } from 'twenty-ui/theme';
+import { type IconComponent, useIcons } from 'twenty-ui-deprecated/display';
+import { type ThemeColor } from 'twenty-ui-deprecated/theme';
 
 import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem';
 import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback';

packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts

@@ -8,7 +8,7 @@ import {
   type FieldMetadataMultiItemSettings,
   type PartialFieldMetadataItemOption,
 } from 'twenty-shared/types';
-import { type ThemeColor } from 'twenty-ui/theme';
+import { type ThemeColor } from 'twenty-ui-deprecated/theme';
 import { type Field } from '~/generated-metadata/graphql';
 
 export type FieldMetadataItemOption = PartialFieldMetadataItemOption & {

packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts

@@ -1,4 +1,4 @@
-import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants';
 
 export const getIconColorForObjectType = (objectType: string): string => {
   switch (objectType) {

packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts

@@ -1,4 +1,8 @@
-import { IconCheckbox, type IconComponent, IconNotes } from 'twenty-ui/display';
+import {
+  IconCheckbox,
+  type IconComponent,
+  IconNotes,
+} from 'twenty-ui-deprecated/display';
 export const getIconForObjectType = (
   objectType: string,
 ): IconComponent | undefined => {

packages/twenty-front/src/modules/object-metadata/utils/getObjectColorWithFallback.ts

@@ -3,7 +3,7 @@ import { isNonEmptyString } from '@sniptt/guards';
 import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem';
 import { CoreObjectNameSingular } from 'twenty-shared/types';
 import { isDefined } from 'twenty-shared/utils';
-import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui/theme';
+import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui-deprecated/theme';
 
 const SYSTEM_OBJECT_COLOR: ThemeColor = 'gray';
 

packages/twenty-front/src/modules/object-metadata/validation-schemas/fieldMetadataItemSchema.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 
 import { metadataLabelSchema } from '@/object-metadata/validation-schemas/metadataLabelSchema';
-import { themeColorSchema } from 'twenty-ui/utilities';
+import { themeColorSchema } from 'twenty-ui-deprecated/utilities';
 import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql';
 import { camelCaseStringSchema } from '~/utils/validation-schemas/camelCaseStringSchema';
 

packages/twenty-front/src/modules/object-metadata/validation-schemas/selectOptionsSchema.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { themeColorSchema } from 'twenty-ui/utilities';
+import { themeColorSchema } from 'twenty-ui-deprecated/utilities';
 import { computeOptionValueFromLabel } from '~/pages/settings/data-model/utils/computeOptionValueFromLabel';
 
 const selectOptionSchema = z