[ch-color-field] Corrected showcase page

Author: jonatan-reto_globant

src/showcase/assets/components/color-picker/color-field.showcase.tsx renamed to src/showcase/assets/components/color-field/color-field.showcase.tsx

@@ -75,6 +75,11 @@ export const showcasePages: NavigationListModel = [
             caption: "Checkbox",
             metadata: DEVELOPER_PREVIEW
           },
+          {
+            link: { url: "#color-field" },
+            caption: "Color-field",
+            metadata: EXPERIMENTAL
+          },
           {
             link: { url: "#combo-box" },
             caption: "Combo Box",
@@ -256,11 +261,6 @@ export const showcasePages: NavigationListModel = [
           // { link: { url: "#alert" }, caption: "Alert", metadata: EXPERIMENTAL },
 
           { link: { url: "#chat" }, caption: "Chat", metadata: EXPERIMENTAL },
-          {
-            link: { url: "#color-field" },
-            caption: "Color-field",
-            metadata: EXPERIMENTAL
-          },
           {
             link: { url: "#progress" },
             caption: "Progress",

src/showcase/assets/components/pages.ts

@@ -8,7 +8,7 @@ import { checkboxShowcaseStory } from "./checkbox/checkbox.showcase";
 import { codeDiffEditorShowcaseStory } from "./code-diff-editor/code-diff-editor.showcase";
 import { codeEditorShowcaseStory } from "./code-editor/code-editor.showcase";
 import { codeShowcaseStory } from "./code/code.showcase";
-import { colorFieldShowcaseStory } from "./color-picker/color-field.showcase";
+import { colorFieldShowcaseStory } from "./color-field/color-field.showcase";
 import { comboBoxShowcaseStory } from "./combo-box/combo-box.showcase";
 import { dialogShowcaseStory } from "./dialog/dialog.showcase";
 import { editShowcaseStory } from "./edit/edit.showcase";