Renaming part 2

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/.storybook/main.ts

@@ -14,8 +14,8 @@ function getAbsolutePath(value: string): any {
 const config: StorybookConfig = {
   stories: [
     '../docs/**/*.mdx',
-    '../src/components-new/**/*.mdx',
-    '../src/components-new/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+    '../src/components/**/*.mdx',
+    '../src/components/**/*.stories.@(js|jsx|mjs|ts|tsx)',
   ],
   staticDirs: ['../static'],
   addons: [

packages/canon/docs/Home.mdx

@@ -1,5 +1,5 @@
 import { Unstyled } from '@storybook/blocks';
-import { Columns, Text, ComponentStatus, Banner } from './components-new';
+import { Columns, Text, ComponentStatus, Banner } from './components';
 
 <Unstyled>
 

packages/canon/docs/Layout.mdx

@@ -1,6 +1,6 @@
 import { Unstyled, Source } from '@storybook/blocks';
-import { Title, Text, LayoutComponents } from './components-new';
-import * as Table from './components-new/Table';
+import { Title, Text, LayoutComponents } from './components';
+import * as Table from './components/Table';
 
 <Unstyled>
 

packages/canon/docs/Theme.mdx

@@ -1,18 +1,15 @@
 import { Unstyled, Source } from '@storybook/blocks';
-import { Title, Text, Chip } from './components-new';
-import * as Table from './components-new/Table';
+import { Title, Text, Chip } from './components';
+import * as Table from './components/Table';
 
 <Unstyled>
 
 <Title type="h1">Theming</Title>
 <Text>
   Backstage ships with a default theme with a light and dark mode variant. The
-  themes are provided as a part of the{' '}
-  <a href="https://github.com/backstage/backstage/packages/canon">
-    @backstage/canon
-  </a>{' '}
-  package, which also includes utilities for customizing the default theme, or
-  creating completely new themes.
+  themes are provided as a part of the `@backstage/canon` package, which also
+  includes utilities for customizing the default theme, or creating completely
+  new themes.
 </Text>
 
 <Title type="h2">Light & Dark modes</Title>

packages/canon/src/components/Box/box.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Meta, Unstyled } from '@storybook/blocks';
 import * as BoxStories from './Box.stories';
-import { Chip } from '../../../docs/components-new/Chip';
-import * as Table from '../../../docs/components-new/Table';
+import { Chip } from '../../../docs/components/Chip';
+import * as Table from '../../../docs/components/Table';
 import { Box } from './Box';
 import { Stack } from '../Stack';
-import { Title, Text } from '../../../docs/components-new';
+import { Title, Text } from '../../../docs/components';
 import { Padding } from './docs/padding';
 import { listResponsiveValues, listColorValues } from '../../utils/list-values';
 import { responsiveProperties } from './sprinkles.css';

packages/canon/src/components/Box/docs/props-table.tsx

@@ -15,8 +15,8 @@
  */
 
 import React from 'react';
-import * as Table from '../../../../docs/components-new';
-import { Chip } from '../../../../docs/components-new';
+import * as Table from '../../../../docs/components';
+import { Chip } from '../../../../docs/components';
 import { listResponsiveValues } from '../../../utils/list-values';
 import { responsiveProperties } from '../sprinkles.css';
 

packages/canon/src/components/Box/docs/spacing-table.tsx

@@ -15,8 +15,8 @@
  */
 
 import React from 'react';
-import * as Table from '../../../../docs/components-new';
-import { Chip } from '../../../../docs/components-new';
+import * as Table from '../../../../docs/components';
+import { Chip } from '../../../../docs/components';
 import { listResponsiveValues } from '../../../utils/list-values';
 import { responsiveProperties } from '../sprinkles.css';
 

packages/canon/src/index.ts

@@ -20,6 +20,6 @@
  * @packageDocumentation
  */
 
-export * from './components-new/Button';
-export * from './components-new/Box';
-export * from './components-new/Icon';
+export * from './components/Button';
+export * from './components/Box';
+export * from './components/Icon';

packages/canon/src/theme/styles.css

@@ -22,4 +22,4 @@
 @import './theme.css';
 
 /* Components */
-@import '../components-new/Button/styles.css';
+@import '../components/Button/styles.css';

packages/canon/src/utils/align.ts

@@ -17,7 +17,7 @@
 import {
   type OptionalResponsiveValue,
   mapResponsiveValue,
-} from '../components-new/Box/sprinkles.css';
+} from '../components/Box/sprinkles.css';
 
 export type Align = 'left' | 'center' | 'right';
 export type AlignY = 'top' | 'center' | 'bottom';

packages/canon/src/utils/list-values.ts

@@ -17,7 +17,7 @@
 import {
   responsiveProperties,
   colorProperties,
-} from '../components-new/Box/sprinkles.css';
+} from '../components/Box/sprinkles.css';
 
 export const listResponsiveValues = (
   value: keyof typeof responsiveProperties.styles,