remove changes that were causing the build error

Author: PelayoFelgueroso

apps/website/package.json

@@ -8,6 +8,7 @@
     "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
+    "@adobe/leonardo-contrast-colors": "^1.1.0",
     "@cloudscape-design/components": "^3.0.706",
     "@dxc-technology/halstack-react": "*",
     "@emotion/cache": "^11.14.0",

apps/website/screens/theme-generator/ThemeGeneratorConfigPage.tsx

@@ -64,7 +64,6 @@ const ThemeGeneratorConfigPage = () => {
   });
   const [tokens, setTokens] = useState<Record<string, string>>({});
 
-  // Generate tokens when step change
   useEffect(() => {
     const generateTokensFromColors = () => {
       try {
@@ -82,7 +81,6 @@ const ThemeGeneratorConfigPage = () => {
         const generatedTokens = generateTokens(mappedColors);
 
         setTokens(generatedTokens);
-        console.log("Generated tokens:", generatedTokens);
       } catch (error) {
         console.error("Error generating tokens:", error);
       }

apps/website/screens/theme-generator/ThemeGeneratorPage.tsx

@@ -78,7 +78,7 @@ const ThemeGeneratorPage = () => {
                   </DxcTypography>
                 </DxcContainer>
               </DxcFlex>
-              <Link href="" passHref legacyBehavior>
+              <Link href="/theme-generator/configuration" passHref legacyBehavior>
                 <DxcLink icon="arrow_forward" iconPosition="after">
                   Start your theme
                 </DxcLink>
@@ -139,7 +139,7 @@ const ThemeGeneratorPage = () => {
             </DxcContainer>
           </DxcFlex>
           <DxcFlex gap="var(--spacing-gap-l)">
-            <Link href="" passHref legacyBehavior>
+            <Link href="/theme-generator/configuration" passHref legacyBehavior>
               <DxcLink icon="arrow_forward" iconPosition="after">
                 Open Theme Generator
               </DxcLink>

apps/website/screens/theme-generator/ThemeGeneratorUtils.tsx

@@ -34,7 +34,7 @@ export const generatePalette = (hex: CssColor): string[] => {
       name: "custom",
       colorKeys: [hex],
       ratios: CONTRAST_RATIOS,
-      colorspace: "LCH",
+      colorSpace: "RGB",
       smooth: false,
     });
     const theme = new Theme({