From 5598d8881e8fad9eb4412cbd872a8e37a2b03334 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Wed, 5 Feb 2025 17:12:12 +0100
Subject: [PATCH 01/12] Reimplementation of the Chip component with new CSS
 variables

---
 packages/lib/.storybook/preview-head.html     |   1 -
 packages/lib/.storybook/preview.tsx           |   1 +
 packages/lib/src/chip/Chip.tsx                | 136 ++++++++----------
 .../lib/src/container/Container.stories.tsx   |  12 +-
 packages/lib/src/index.ts                     |   2 +-
 5 files changed, 74 insertions(+), 78 deletions(-)

diff --git a/packages/lib/.storybook/preview-head.html b/packages/lib/.storybook/preview-head.html
index e28cb145ff..4e1ea405ff 100644
--- a/packages/lib/.storybook/preview-head.html
+++ b/packages/lib/.storybook/preview-head.html
@@ -2,7 +2,6 @@
   rel="stylesheet"
   href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap&family=Material+Symbols+Outlined:FILL@0..1"
 />
-<link rel="stylesheet" href="../src/styles/variables.css" />
 
 <style>
   body {
diff --git a/packages/lib/.storybook/preview.tsx b/packages/lib/.storybook/preview.tsx
index 50171526b6..e535a40648 100644
--- a/packages/lib/.storybook/preview.tsx
+++ b/packages/lib/.storybook/preview.tsx
@@ -1,5 +1,6 @@
 import type { Preview } from "@storybook/react";
 import { disabledRules } from "../test/accessibility/rules/common/disabledRules";
+import "../src/styles/variables.css";
 
 const preview: Preview = {
   parameters: {
diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index b5434cef32..188667e75c 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -6,51 +6,6 @@ import DxcIcon from "../icon/Icon";
 import HalstackContext from "../HalstackContext";
 import ChipPropsType from "./types";
 
-const DxcChip = ({
-  label,
-  suffixIcon,
-  prefixIcon,
-  onClickSuffix,
-  onClickPrefix,
-  disabled,
-  margin,
-  tabIndex = 0,
-}: ChipPropsType): JSX.Element => {
-  const colorsTheme = useContext(HalstackContext);
-
-  return (
-    <ThemeProvider theme={colorsTheme.chip}>
-      <Chip disabled={disabled} margin={margin}>
-        {prefixIcon && (
-          <IconContainer
-            role={typeof onClickPrefix === "function" ? "button" : undefined}
-            aria-label={typeof onClickPrefix === "function" ? "Prefix Action" : undefined}
-            disabled={disabled}
-            interactive={typeof onClickPrefix === "function" && !disabled}
-            tabIndex={typeof onClickPrefix === "function" && !disabled ? tabIndex : -1}
-            onClick={() => onClickPrefix && !disabled && onClickPrefix()}
-          >
-            {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
-          </IconContainer>
-        )}
-        {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
-        {suffixIcon && (
-          <IconContainer
-            role={typeof onClickSuffix === "function" ? "button" : undefined}
-            aria-label={typeof onClickSuffix === "function" ? "Suffix Action" : undefined}
-            disabled={disabled}
-            interactive={typeof onClickSuffix === "function" && !disabled}
-            tabIndex={typeof onClickSuffix === "function" && !disabled ? tabIndex : -1}
-            onClick={() => !disabled && onClickSuffix?.()}
-          >
-            {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
-          </IconContainer>
-        )}
-      </Chip>
-    </ThemeProvider>
-  );
-};
-
 const calculateWidth = (margin: ChipPropsType["margin"]) =>
   `calc(100% - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})`;
 
@@ -58,20 +13,13 @@ const Chip = styled.div<{ margin: ChipPropsType["margin"]; disabled: ChipPropsTy
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
-  gap: ${(props) => props.theme.iconSpacing};
-  min-height: 40px;
+  gap: var(--spacing-gap-s);
+  min-height: var(--height-xl);
   max-width: ${(props) => calculateWidth(props.margin)};
-  background-color: ${(props) =>
-    (props.disabled && props.theme.disabledBackgroundColor) || props.theme.backgroundColor};
-  border-radius: ${(props) => props.theme.borderRadius};
-  border-width: ${(props) => props.theme.borderThickness};
-  border-style: ${(props) => props.theme.borderStyle};
-  border-color: ${(props) => props.theme.borderColor};
+  background-color: var(--color-bg-neutral-light);
+  border-radius: var(--border-radius-xl);
 
-  padding-top: ${(props) => props.theme.contentPaddingTop};
-  padding-bottom: ${(props) => props.theme.contentPaddingBottom};
-  padding-left: ${(props) => props.theme.contentPaddingLeft};
-  padding-right: ${(props) => props.theme.contentPaddingRight};
+  padding: var(--spacing-padding-none) var(--spacing-padding-m);
   margin: ${(props) => (props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px")};
   margin-top: ${(props) =>
     props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
@@ -85,11 +33,11 @@ const Chip = styled.div<{ margin: ChipPropsType["margin"]; disabled: ChipPropsTy
 `;
 
 const LabelContainer = styled.span<{ disabled: ChipPropsType["disabled"] }>`
-  font-size: ${(props) => props.theme.fontSize};
-  font-family: ${(props) => props.theme.fontFamily};
-  font-weight: ${(props) => props.theme.fontWeight};
-  font-style: ${(props) => props.theme.fontStyle};
-  color: ${(props) => (props.disabled ? props.theme.disabledFontColor : props.theme.fontColor)};
+  font-size: var(--typography-label-l);
+  font-family: var(--typography-font-family);
+  font-weight: var(--typography-label-regular);
+  font-style: var(--font-style-normal);
+  color: ${(props) => (props.disabled ? "var(--color-fg-neutral-medium)" : "var(--color-fg-neutral-dark)")};
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -100,30 +48,72 @@ const IconContainer = styled.div<{
   interactive: boolean;
 }>`
   display: flex;
-  border-radius: 0.25rem;
-  color: ${(props) => (props.disabled ? props.theme.disabledIconColor : props.theme.iconColor)};
+  border-radius: var(--border-radius-xs);
+  color: ${(props) => (props.disabled ? "var(--color-fg-neutral-medium)" : "var(--color-fg-neutral-dark)")};
   ${({ interactive }) => interactive && "cursor: pointer;"}
 
   ${(props) =>
     props.interactive &&
     `
-      &:hover {
-        color: ${props.theme.hoverIconColor};
+      &:hover, &:active{
+        background-color: var(--color-bg-alpha-light);
       }
       &:focus,
       &:focus-visible {
-        outline: ${props.theme.focusBorderThickness} ${props.theme.focusBorderStyle} ${props.theme.focusColor};
-      }
-      &:active {
-        color: ${props.theme.activeIconColor};
+        outline: var(--border-width-m, 2px) solid var(--border-color-secondary-medium);
       }
     `}
 
-  font-size: ${(props) => props.theme.iconSize};
+  font-size: var(--height-s);
   svg {
-    width: ${(props) => props.theme.iconSize};
-    height: ${(props) => props.theme.iconSize};
+    width: 24px;
+    height: var(--height-s);
   }
 `;
 
+const DxcChip = ({
+  label,
+  suffixIcon,
+  prefixIcon,
+  onClickSuffix,
+  onClickPrefix,
+  disabled,
+  margin,
+  tabIndex = 0,
+}: ChipPropsType): JSX.Element => {
+  const colorsTheme = useContext(HalstackContext);
+
+  return (
+    <ThemeProvider theme={colorsTheme.chip}>
+      <Chip disabled={disabled} margin={margin}>
+        {prefixIcon && (
+          <IconContainer
+            role={typeof onClickPrefix === "function" ? "button" : undefined}
+            aria-label={typeof onClickPrefix === "function" ? "Prefix Action" : undefined}
+            disabled={disabled}
+            interactive={typeof onClickPrefix === "function" && !disabled}
+            tabIndex={typeof onClickPrefix === "function" && !disabled ? tabIndex : -1}
+            onClick={() => onClickPrefix && !disabled && onClickPrefix()}
+          >
+            {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
+          </IconContainer>
+        )}
+        {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
+        {suffixIcon && (
+          <IconContainer
+            role={typeof onClickSuffix === "function" ? "button" : undefined}
+            aria-label={typeof onClickSuffix === "function" ? "Suffix Action" : undefined}
+            disabled={disabled}
+            interactive={typeof onClickSuffix === "function" && !disabled}
+            tabIndex={typeof onClickSuffix === "function" && !disabled ? tabIndex : -1}
+            onClick={() => !disabled && onClickSuffix?.()}
+          >
+            {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
+          </IconContainer>
+        )}
+      </Chip>
+    </ThemeProvider>
+  );
+};
+
 export default DxcChip;
diff --git a/packages/lib/src/container/Container.stories.tsx b/packages/lib/src/container/Container.stories.tsx
index 2162bfb679..097771f2a1 100644
--- a/packages/lib/src/container/Container.stories.tsx
+++ b/packages/lib/src/container/Container.stories.tsx
@@ -83,13 +83,19 @@ const Container = () => (
     <Title title="Background image" level={4} />
     <ExampleContainer>
       <DxcContainer
+        borderRadius="0.25rem"
         background={{
           image:
             "url(https://dxc.com/content/dam/dxc/projects/dxc-com/common/images/landscape-1050x650/logos/we_are_dxc-1050x650.jpg)",
-          size: "500px 500px",
+          color: "color_purple_100",
+          size: "cover",
+          attachment: "fixed",
+          repeat: "no-repeat",
         }}
-        width="500px"
-        height="500px"
+        minWidth="100vw"
+        height="100vh"
+        maxHeight="100vh"
+        width="100vw"
       >
         <p>Example text</p>
       </DxcContainer>
diff --git a/packages/lib/src/index.ts b/packages/lib/src/index.ts
index fd0fc86ca5..3ded437d20 100644
--- a/packages/lib/src/index.ts
+++ b/packages/lib/src/index.ts
@@ -1,5 +1,5 @@
 import "./styles/fonts.css";
-// import "./styles/variables.css";
+import "./styles/variables.css";
 
 export { default as DxcAccordion } from "./accordion/Accordion";
 export { default as DxcAccordionGroup } from "./accordion-group/AccordionGroup";

From bc298f39a879e444b137a3f7ee84c7dee4110e92 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Tue, 18 Feb 2025 13:04:05 +0100
Subject: [PATCH 02/12] Prepared structure for new documentation

---
 apps/website/pages/components/chip/code.tsx   |  19 +
 apps/website/pages/components/chip/index.tsx  |   8 +-
 .../pages/components/chip/specifications.tsx  |  21 -
 apps/website/pages/components/chip/usage.tsx  |  21 -
 .../components/chip/ChipPageLayout.tsx        |  11 +-
 .../components/chip/code/ChipCodePage.tsx     |  62 +--
 .../ChipOverviewPage.tsx}                     |   8 +-
 .../components/chip/specs/ChipSpecsPage.tsx   | 423 ------------------
 .../chip/specs/images/chip_anatomy.png        | Bin 10972 -> 0 bytes
 .../chip/specs/images/chip_specs.png          | Bin 14296 -> 0 bytes
 .../chip/specs/images/chip_states_action.png  | Bin 12853 -> 0 bytes
 .../specs/images/chip_states_container.png    | Bin 8287 -> 0 bytes
 12 files changed, 62 insertions(+), 511 deletions(-)
 create mode 100644 apps/website/pages/components/chip/code.tsx
 delete mode 100644 apps/website/pages/components/chip/specifications.tsx
 delete mode 100644 apps/website/pages/components/chip/usage.tsx
 rename apps/website/screens/components/chip/{usage/ChipUsagePage.tsx => overview/ChipOverviewPage.tsx} (84%)
 delete mode 100644 apps/website/screens/components/chip/specs/ChipSpecsPage.tsx
 delete mode 100644 apps/website/screens/components/chip/specs/images/chip_anatomy.png
 delete mode 100644 apps/website/screens/components/chip/specs/images/chip_specs.png
 delete mode 100644 apps/website/screens/components/chip/specs/images/chip_states_action.png
 delete mode 100644 apps/website/screens/components/chip/specs/images/chip_states_container.png

diff --git a/apps/website/pages/components/chip/code.tsx b/apps/website/pages/components/chip/code.tsx
new file mode 100644
index 0000000000..edcba505f0
--- /dev/null
+++ b/apps/website/pages/components/chip/code.tsx
@@ -0,0 +1,19 @@
+import Head from "next/head";
+import type { ReactElement } from "react";
+import ChipCodePage from "screens/components/chip/code/ChipCodePage";
+import ChipPageLayout from "screens/components/chip/ChipPageLayout";
+
+const Code = () => {
+  return (
+    <>
+      <Head>
+        <title>Chip Code — Halstack Design System</title>
+      </Head>
+      <ChipCodePage />
+    </>
+  );
+};
+
+Code.getLayout = (page: ReactElement) => <ChipPageLayout>{page}</ChipPageLayout>;
+
+export default Code;
diff --git a/apps/website/pages/components/chip/index.tsx b/apps/website/pages/components/chip/index.tsx
index 99f10ff97c..147b709d5e 100644
--- a/apps/website/pages/components/chip/index.tsx
+++ b/apps/website/pages/components/chip/index.tsx
@@ -1,6 +1,6 @@
 import Head from "next/head";
 import type { ReactElement } from "react";
-import ChipCodePage from "screens/components/chip/code/ChipCodePage";
+import ChipOverviewPage from "screens/components/chip/overview/ChipOverviewPage";
 import ChipPageLayout from "screens/components/chip/ChipPageLayout";
 
 const Index = () => {
@@ -9,13 +9,11 @@ const Index = () => {
       <Head>
         <title>Chip — Halstack Design System</title>
       </Head>
-      <ChipCodePage></ChipCodePage>
+      <ChipOverviewPage />
     </>
   );
 };
 
-Index.getLayout = function getLayout(page: ReactElement) {
-  return <ChipPageLayout>{page}</ChipPageLayout>;
-};
+Index.getLayout = (page: ReactElement) => <ChipPageLayout>{page}</ChipPageLayout>;
 
 export default Index;
diff --git a/apps/website/pages/components/chip/specifications.tsx b/apps/website/pages/components/chip/specifications.tsx
deleted file mode 100644
index fea0962888..0000000000
--- a/apps/website/pages/components/chip/specifications.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Head from "next/head";
-import type { ReactElement } from "react";
-import ChipSpecsPage from "screens/components/chip/specs/ChipSpecsPage";
-import ChipPageLayout from "screens/components/chip/ChipPageLayout";
-
-const Specifications = () => {
-  return (
-    <>
-      <Head>
-        <title>Chip Specs — Halstack Design System</title>
-      </Head>
-      <ChipSpecsPage></ChipSpecsPage>
-    </>
-  );
-};
-
-Specifications.getLayout = function getLayout(page: ReactElement) {
-  return <ChipPageLayout>{page}</ChipPageLayout>;
-};
-
-export default Specifications;
diff --git a/apps/website/pages/components/chip/usage.tsx b/apps/website/pages/components/chip/usage.tsx
deleted file mode 100644
index 98f85c4e95..0000000000
--- a/apps/website/pages/components/chip/usage.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Head from "next/head";
-import type { ReactElement } from "react";
-import ChipUsagePage from "screens/components/chip/usage/ChipUsagePage";
-import ChipPageLayout from "screens/components/chip/ChipPageLayout";
-
-const Usage = () => {
-  return (
-    <>
-      <Head>
-        <title>Chip Usage — Halstack Design System</title>
-      </Head>
-      <ChipUsagePage></ChipUsagePage>
-    </>
-  );
-};
-
-Usage.getLayout = function getLayout(page: ReactElement) {
-  return <ChipPageLayout>{page}</ChipPageLayout>;
-};
-
-export default Usage;
diff --git a/apps/website/screens/components/chip/ChipPageLayout.tsx b/apps/website/screens/components/chip/ChipPageLayout.tsx
index cf36827872..d1e081cff1 100644
--- a/apps/website/screens/components/chip/ChipPageLayout.tsx
+++ b/apps/website/screens/components/chip/ChipPageLayout.tsx
@@ -4,11 +4,10 @@ import TabsPageHeading from "@/common/TabsPageLayout";
 import ComponentHeading from "@/common/ComponentHeading";
 import { ReactNode } from "react";
 
-const ChipPageHeading = ({ children }: { children: ReactNode }) => {
+const ChipHeading = ({ children }: { children: ReactNode }) => {
   const tabs = [
-    { label: "Code", path: "/components/chip" },
-    { label: "Usage", path: "/components/chip/usage" },
-    { label: "Specifications", path: "/components/chip/specifications" },
+    { label: "Overview", path: "/components/chip" },
+    { label: "Code", path: "/components/chip/code" },
   ];
 
   return (
@@ -19,7 +18,7 @@ const ChipPageHeading = ({ children }: { children: ReactNode }) => {
           <DxcParagraph>
             Chips are elements that represent status, complementary information, or association between elements.
           </DxcParagraph>
-          <TabsPageHeading tabs={tabs}></TabsPageHeading>
+          <TabsPageHeading tabs={tabs} />
         </DxcFlex>
       </PageHeading>
       {children}
@@ -27,4 +26,4 @@ const ChipPageHeading = ({ children }: { children: ReactNode }) => {
   );
 };
 
-export default ChipPageHeading;
+export default ChipHeading;
diff --git a/apps/website/screens/components/chip/code/ChipCodePage.tsx b/apps/website/screens/components/chip/code/ChipCodePage.tsx
index a6b77e3424..1810934198 100644
--- a/apps/website/screens/components/chip/code/ChipCodePage.tsx
+++ b/apps/website/screens/components/chip/code/ChipCodePage.tsx
@@ -23,40 +23,31 @@ const sections = [
         </thead>
         <tbody>
           <tr>
-            <td>label</td>
+            <td>disabled</td>
             <td>
-              <TableCode>string</TableCode>
+              <TableCode>boolean</TableCode>
             </td>
-            <td>Text to be placed on the chip.</td>
-            <td>-</td>
-          </tr>
-          <tr>
-            <td>prefixIcon</td>
+            <td>If true, the component will be disabled.</td>
             <td>
-              <TableCode>string | {"(React.ReactNode & React.SVGProps <SVGSVGElement>)"}</TableCode>
+              <TableCode>false</TableCode>
             </td>
+          </tr>
+          <tr>
+            <td>label</td>
             <td>
-              <DxcLink newWindow href="https://fonts.google.com/icons">
-                Material Symbol
-              </DxcLink>{" "}
-              name or SVG element as the icon that will be placed before the chip label. When using Material Symbols,
-              replace spaces with underscores. By default they are outlined if you want it to be filled prefix the
-              symbol name with <TableCode>"filled_"</TableCode>.
+              <TableCode>string</TableCode>
             </td>
+            <td>Text to be placed on the chip.</td>
             <td>-</td>
           </tr>
           <tr>
-            <td>suffixIcon</td>
+            <td>margin</td>
             <td>
-              <TableCode>string | {"(React.ReactNode & React.SVGProps <SVGSVGElement>)"}</TableCode>
+              <TableCode>'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | Margin</TableCode>
             </td>
             <td>
-              <DxcLink newWindow href="https://fonts.google.com/icons">
-                Material Symbol
-              </DxcLink>{" "}
-              name or SVG element as the icon that will be placed after the chip label. When using Material Symbols,
-              replace spaces with underscores. By default they are outlined if you want it to be filled prefix the
-              symbol name with <TableCode>"filled_"</TableCode>.
+              Size of the margin to be applied to the component. You can pass an object with 'top', 'bottom', 'left' and
+              'right' properties in order to specify different margin sizes.
             </td>
             <td>-</td>
           </tr>
@@ -83,23 +74,32 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>disabled</td>
+            <td>prefixIcon</td>
             <td>
-              <TableCode>boolean</TableCode>
+              <TableCode>string | {"(React.ReactNode & React.SVGProps <SVGSVGElement>)"}</TableCode>
             </td>
-            <td>If true, the component will be disabled.</td>
             <td>
-              <TableCode>false</TableCode>
+              <DxcLink newWindow href="https://fonts.google.com/icons">
+                Material Symbol
+              </DxcLink>{" "}
+              name or SVG element as the icon that will be placed before the chip label. When using Material Symbols,
+              replace spaces with underscores. By default they are outlined if you want it to be filled prefix the
+              symbol name with <TableCode>"filled_"</TableCode>.
             </td>
+            <td>-</td>
           </tr>
           <tr>
-            <td>margin</td>
+            <td>suffixIcon</td>
             <td>
-              <TableCode>'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | Margin</TableCode>
+              <TableCode>string | {"(React.ReactNode & React.SVGProps <SVGSVGElement>)"}</TableCode>
             </td>
             <td>
-              Size of the margin to be applied to the component. You can pass an object with 'top', 'bottom', 'left' and
-              'right' properties in order to specify different margin sizes.
+              <DxcLink newWindow href="https://fonts.google.com/icons">
+                Material Symbol
+              </DxcLink>{" "}
+              name or SVG element as the icon that will be placed after the chip label. When using Material Symbols,
+              replace spaces with underscores. By default they are outlined if you want it to be filled prefix the
+              symbol name with <TableCode>"filled_"</TableCode>.
             </td>
             <td>-</td>
           </tr>
@@ -143,7 +143,7 @@ const ChipCodePage = () => {
   return (
     <DxcFlex direction="column" gap="4rem">
       <QuickNavContainerLayout>
-        <QuickNavContainer sections={sections} startHeadingLevel={2}></QuickNavContainer>
+        <QuickNavContainer sections={sections} startHeadingLevel={2} />
       </QuickNavContainerLayout>
       <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/code/ChipCodePage.tsx" />
     </DxcFlex>
diff --git a/apps/website/screens/components/chip/usage/ChipUsagePage.tsx b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
similarity index 84%
rename from apps/website/screens/components/chip/usage/ChipUsagePage.tsx
rename to apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
index eadf79c656..d64505df09 100644
--- a/apps/website/screens/components/chip/usage/ChipUsagePage.tsx
+++ b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
@@ -5,7 +5,7 @@ import DocFooter from "@/common/DocFooter";
 
 const sections = [
   {
-    title: "Usage",
+    title: "Introduction",
     content: (
       <DxcBulletedList>
         <DxcBulletedList.Item>
@@ -18,15 +18,15 @@ const sections = [
   },
 ];
 
-const ChipUsagePage = () => {
+const ChipOverviewPage = () => {
   return (
     <DxcFlex direction="column" gap="4rem">
       <QuickNavContainerLayout>
         <QuickNavContainer sections={sections} startHeadingLevel={2}></QuickNavContainer>
       </QuickNavContainerLayout>
-      <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/usage/ChipUsagePage.tsx" />
+      <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx" />
     </DxcFlex>
   );
 };
 
-export default ChipUsagePage;
+export default ChipOverviewPage;
diff --git a/apps/website/screens/components/chip/specs/ChipSpecsPage.tsx b/apps/website/screens/components/chip/specs/ChipSpecsPage.tsx
deleted file mode 100644
index c82afaf2b0..0000000000
--- a/apps/website/screens/components/chip/specs/ChipSpecsPage.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-import { DxcBulletedList, DxcFlex, DxcTable, DxcParagraph } from "@dxc-technology/halstack-react";
-import QuickNavContainer from "@/common/QuickNavContainer";
-import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
-import DocFooter from "@/common/DocFooter";
-import Figure from "@/common/Figure";
-import Image from "@/common/Image";
-import Code from "@/common/Code";
-import specsImage from "./images/chip_specs.png";
-import statesImage from "./images/chip_states_container.png";
-import prefixSuffixStatesImage from "./images/chip_states_action.png";
-import anatomyImage from "./images/chip_anatomy.png";
-
-const sections = [
-  {
-    title: "Specifications",
-    content: (
-      <Figure caption="Chip design specifications">
-        <Image src={specsImage} alt="Chip design specifications" />
-      </Figure>
-    ),
-  },
-  {
-    title: "States",
-    content: (
-      <>
-        <DxcParagraph>
-          The chip component container states are <strong>enabled</strong> and <strong>disabled</strong>:
-        </DxcParagraph>
-        <Figure caption="Chip states">
-          <Image src={statesImage} alt="Chip states" />
-        </Figure>
-        <DxcParagraph>
-          The chip action item has the following states: <strong>enabled</strong>, <strong>hover</strong>,{" "}
-          <strong>focus</strong>, <strong>active</strong> and <strong>disabled</strong>:
-        </DxcParagraph>
-        <Figure caption="Chip prefix and suffix states">
-          <Image src={prefixSuffixStatesImage} alt="Chip prefix and suffix states" />
-        </Figure>
-      </>
-    ),
-  },
-  {
-    title: "Anatomy",
-    content: (
-      <>
-        <Image src={anatomyImage} alt="Chip anatomy" />
-        <DxcBulletedList type="number">
-          <DxcBulletedList.Item>Container</DxcBulletedList.Item>
-          <DxcBulletedList.Item>
-            Prefix <em>(Optional)</em>
-          </DxcBulletedList.Item>
-          <DxcBulletedList.Item>Label</DxcBulletedList.Item>
-          <DxcBulletedList.Item>
-            Suffix <em>(Optional)</em>
-          </DxcBulletedList.Item>
-        </DxcBulletedList>
-      </>
-    ),
-  },
-  {
-    title: "Design tokens",
-    subSections: [
-      {
-        title: "Color",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Component token</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>activeIconColor</Code>
-                </td>
-                <td>Container:active</td>
-                <td>
-                  <Code>color-black</Code>
-                </td>
-                <td>#000000</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>backgroundColor</Code>
-                </td>
-                <td>Container</td>
-                <td>
-                  <Code>color-grey-200</Code>
-                </td>
-                <td>#e6e6e6</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>borderColor</Code>
-                </td>
-                <td>Container:border</td>
-                <td>
-                  <Code>color-transparent</Code>
-                </td>
-                <td>transparent</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>disabledBackgroundColor</Code>
-                </td>
-                <td>Container:disabled</td>
-                <td>
-                  <Code>color-grey-100</Code>
-                </td>
-                <td>#f2f2f2</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>disabledFontcolor</Code>
-                </td>
-                <td>Label:disabled</td>
-                <td>
-                  <Code>color-grey-500</Code>
-                </td>
-                <td>#999999</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>disabledIconColor</Code>
-                </td>
-                <td>Icon:disabled</td>
-                <td>
-                  <Code>color-grey-500</Code>
-                </td>
-                <td>#999999</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>focusColor</Code>
-                </td>
-                <td>Focus outline</td>
-                <td>
-                  <Code>color-blue-600</Code>
-                </td>
-                <td>#0095ff</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>fontColor</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>color-black</Code>
-                </td>
-                <td>#000000</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>hoverIconColor</Code>
-                </td>
-                <td>Container:hover</td>
-                <td>
-                  <Code>color-grey-900</Code>
-                </td>
-                <td>#333333</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>iconColor</Code>
-                </td>
-                <td>Icon</td>
-                <td>
-                  <Code>color-grey-800</Code>
-                </td>
-                <td>#4d4d4d</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Typography",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Component token</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>fontFamily</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>font-family-sans</Code>
-                </td>
-                <td>&#39;Open Sans&#39;, sans-serif</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>fontSize</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>font-scale-03</Code>
-                </td>
-                <td>1rem / 16px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>fontStyle</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>font-style-normal</Code>
-                </td>
-                <td>normal</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>fontWeight</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>font-weight-regular</Code>
-                </td>
-                <td>400</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Spacing",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Component token</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>contentPaddingLeft</Code>
-                </td>
-                <td>Container</td>
-                <td>
-                  <Code>spacing-16</Code>
-                </td>
-                <td>1rem / 16px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>contentPaddingRight</Code>
-                </td>
-                <td>Container</td>
-                <td>
-                  <Code>spacing-16</Code>
-                </td>
-                <td>1rem / 16px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>contentPaddingTop</Code>
-                </td>
-                <td>Container</td>
-                <td>
-                  <Code>spacing-0</Code>
-                </td>
-                <td>0rem / 0px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>contentPaddingBottom</Code>
-                </td>
-                <td>Container</td>
-                <td>
-                  <Code>spacing-0</Code>
-                </td>
-                <td>0rem / 0px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>iconSpacing</Code>
-                </td>
-                <td>Icon</td>
-                <td>
-                  <Code>spacing-8</Code>
-                </td>
-                <td>0.5rem / 8px</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Border",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Property</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>border-width</Code>
-                </td>
-                <td>Chip container</td>
-                <td>
-                  <Code>border-width-0</Code>
-                </td>
-                <td>0rem / 0px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>border-style</Code>
-                </td>
-                <td>Chip container</td>
-                <td>
-                  <Code>border-style-none</Code>
-                </td>
-                <td>none</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>border-radius</Code>
-                </td>
-                <td>Chip container</td>
-                <td>
-                  <Code>border-radius-full</Code>
-                </td>
-                <td>9999px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>border-width</Code>
-                </td>
-                <td>Focus border</td>
-                <td>
-                  <Code>border-width-2</Code>
-                </td>
-                <td>2px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>border-style</Code>
-                </td>
-                <td>Focus border</td>
-                <td>
-                  <Code>border-style-solid</Code>
-                </td>
-                <td>solid</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>border-radius</Code>
-                </td>
-                <td>Focus border</td>
-                <td>
-                  <Code>border-radius-medium</Code>
-                </td>
-                <td>0.25rem / 4px</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Size",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Component token</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>iconSize</Code>
-                </td>
-                <td>Prefix/Suffix</td>
-                <td>
-                  <Code>size-icon-large</Code>
-                </td>
-                <td>24x24px</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-    ],
-  },
-];
-
-const ChipSpecsPage = () => {
-  return (
-    <DxcFlex direction="column" gap="4rem">
-      <QuickNavContainerLayout>
-        <QuickNavContainer sections={sections} startHeadingLevel={2}></QuickNavContainer>
-      </QuickNavContainerLayout>
-      <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/specs/ChipSpecsPage.tsx" />
-    </DxcFlex>
-  );
-};
-
-export default ChipSpecsPage;
diff --git a/apps/website/screens/components/chip/specs/images/chip_anatomy.png b/apps/website/screens/components/chip/specs/images/chip_anatomy.png
deleted file mode 100644
index 33ababa249d0a388db5a71661374f19b630ec91c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10972
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
a{SR9=KVJC$5%{?(#OSoipM+D6cmD^#X$A)X

diff --git a/apps/website/screens/components/chip/specs/images/chip_specs.png b/apps/website/screens/components/chip/specs/images/chip_specs.png
deleted file mode 100644
index eb805bc7608f4e4ca7f25812b40210951e7dd9fb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14296
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
G=YIg(W9+~H

diff --git a/apps/website/screens/components/chip/specs/images/chip_states_action.png b/apps/website/screens/components/chip/specs/images/chip_states_action.png
deleted file mode 100644
index 6e37083ab47c738fb53800bf9b33c64e4ec7f8ee..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12853
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

diff --git a/apps/website/screens/components/chip/specs/images/chip_states_container.png b/apps/website/screens/components/chip/specs/images/chip_states_container.png
deleted file mode 100644
index 961986709c6e322b8fde877b5e90abdc2800825d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8287
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
YUoF_+pqa8`pcgVWv^Y_C+~xZJ0QU$9#{d8T


From 86de1b0058b0960874e8b977a0606315045fbd5f Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Tue, 18 Feb 2025 13:52:00 +0100
Subject: [PATCH 03/12] Fixed text for export

---
 apps/website/screens/components/chip/ChipPageLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/website/screens/components/chip/ChipPageLayout.tsx b/apps/website/screens/components/chip/ChipPageLayout.tsx
index d1e081cff1..eae8d35130 100644
--- a/apps/website/screens/components/chip/ChipPageLayout.tsx
+++ b/apps/website/screens/components/chip/ChipPageLayout.tsx
@@ -4,7 +4,7 @@ import TabsPageHeading from "@/common/TabsPageLayout";
 import ComponentHeading from "@/common/ComponentHeading";
 import { ReactNode } from "react";
 
-const ChipHeading = ({ children }: { children: ReactNode }) => {
+const ChipPageHeading = ({ children }: { children: ReactNode }) => {
   const tabs = [
     { label: "Overview", path: "/components/chip" },
     { label: "Code", path: "/components/chip/code" },
@@ -26,4 +26,4 @@ const ChipHeading = ({ children }: { children: ReactNode }) => {
   );
 };
 
-export default ChipHeading;
+export default ChipPageHeading;

From d34606d9a6ce750669de9c16df6629cfa0cdfbcd Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Fri, 28 Feb 2025 12:45:24 +0100
Subject: [PATCH 04/12] Removed font-style (default value)

---
 packages/lib/src/chip/Chip.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index 188667e75c..6413307d1e 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -36,7 +36,6 @@ const LabelContainer = styled.span<{ disabled: ChipPropsType["disabled"] }>`
   font-size: var(--typography-label-l);
   font-family: var(--typography-font-family);
   font-weight: var(--typography-label-regular);
-  font-style: var(--font-style-normal);
   color: ${(props) => (props.disabled ? "var(--color-fg-neutral-medium)" : "var(--color-fg-neutral-dark)")};
   text-overflow: ellipsis;
   white-space: nowrap;

From ef21ed6686506b720797689b42b43e8a92351214 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Fri, 28 Feb 2025 13:16:51 +0100
Subject: [PATCH 05/12] Added ActionIcon to Chip

---
 packages/lib/src/chip/Chip.tsx | 68 +++++++++++++++-------------------
 1 file changed, 29 insertions(+), 39 deletions(-)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index 6413307d1e..d3d675e9f6 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -5,6 +5,7 @@ import { spaces } from "../common/variables";
 import DxcIcon from "../icon/Icon";
 import HalstackContext from "../HalstackContext";
 import ChipPropsType from "./types";
+import ActionIcon from "../action-icon/ActionIcon";
 
 const calculateWidth = (margin: ChipPropsType["margin"]) =>
   `calc(100% - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})`;
@@ -44,25 +45,10 @@ const LabelContainer = styled.span<{ disabled: ChipPropsType["disabled"] }>`
 
 const IconContainer = styled.div<{
   disabled: ChipPropsType["disabled"];
-  interactive: boolean;
 }>`
   display: flex;
   border-radius: var(--border-radius-xs);
   color: ${(props) => (props.disabled ? "var(--color-fg-neutral-medium)" : "var(--color-fg-neutral-dark)")};
-  ${({ interactive }) => interactive && "cursor: pointer;"}
-
-  ${(props) =>
-    props.interactive &&
-    `
-      &:hover, &:active{
-        background-color: var(--color-bg-alpha-light);
-      }
-      &:focus,
-      &:focus-visible {
-        outline: var(--border-width-m, 2px) solid var(--border-color-secondary-medium);
-      }
-    `}
-
   font-size: var(--height-s);
   svg {
     width: 24px;
@@ -85,31 +71,35 @@ const DxcChip = ({
   return (
     <ThemeProvider theme={colorsTheme.chip}>
       <Chip disabled={disabled} margin={margin}>
-        {prefixIcon && (
-          <IconContainer
-            role={typeof onClickPrefix === "function" ? "button" : undefined}
-            aria-label={typeof onClickPrefix === "function" ? "Prefix Action" : undefined}
-            disabled={disabled}
-            interactive={typeof onClickPrefix === "function" && !disabled}
-            tabIndex={typeof onClickPrefix === "function" && !disabled ? tabIndex : -1}
-            onClick={() => onClickPrefix && !disabled && onClickPrefix()}
-          >
-            {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
-          </IconContainer>
-        )}
+        {prefixIcon &&
+          (typeof onClickPrefix === "function" ? (
+            <ActionIcon
+              disabled={disabled}
+              icon={prefixIcon}
+              onClick={onClickPrefix}
+              tabIndex={tabIndex}
+              title="Prefix Action"
+            />
+          ) : (
+            <IconContainer disabled={disabled}>
+              {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
+            </IconContainer>
+          ))}
         {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
-        {suffixIcon && (
-          <IconContainer
-            role={typeof onClickSuffix === "function" ? "button" : undefined}
-            aria-label={typeof onClickSuffix === "function" ? "Suffix Action" : undefined}
-            disabled={disabled}
-            interactive={typeof onClickSuffix === "function" && !disabled}
-            tabIndex={typeof onClickSuffix === "function" && !disabled ? tabIndex : -1}
-            onClick={() => !disabled && onClickSuffix?.()}
-          >
-            {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
-          </IconContainer>
-        )}
+        {suffixIcon &&
+          (typeof onClickSuffix ? (
+            <ActionIcon
+              disabled={disabled}
+              icon={suffixIcon}
+              onClick={onClickSuffix}
+              tabIndex={tabIndex}
+              title="Suffix Action"
+            />
+          ) : (
+            <IconContainer disabled={disabled}>
+              {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
+            </IconContainer>
+          ))}
       </Chip>
     </ThemeProvider>
   );

From 60182ed06d5f26325828c1d6ff44fb8ad032b4e7 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Mon, 10 Mar 2025 10:51:18 +0100
Subject: [PATCH 06/12] Fixed small review changes

---
 packages/lib/src/chip/Chip.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index d3d675e9f6..048d1ac14e 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -19,7 +19,6 @@ const Chip = styled.div<{ margin: ChipPropsType["margin"]; disabled: ChipPropsTy
   max-width: ${(props) => calculateWidth(props.margin)};
   background-color: var(--color-bg-neutral-light);
   border-radius: var(--border-radius-xl);
-
   padding: var(--spacing-padding-none) var(--spacing-padding-m);
   margin: ${(props) => (props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px")};
   margin-top: ${(props) =>
@@ -65,7 +64,7 @@ const DxcChip = ({
   disabled,
   margin,
   tabIndex = 0,
-}: ChipPropsType): JSX.Element => {
+}: ChipPropsType) => {
   const colorsTheme = useContext(HalstackContext);
 
   return (

From 0ab26d2ff34c3378e9108d73aa3675441814a7a8 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Wed, 12 Mar 2025 15:19:23 +0100
Subject: [PATCH 07/12] Removed theme provider

---
 packages/lib/src/chip/Chip.tsx | 76 +++++++++++++++-------------------
 1 file changed, 34 insertions(+), 42 deletions(-)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index 048d1ac14e..e93b0be57d 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -1,9 +1,7 @@
-import { useContext } from "react";
-import styled, { ThemeProvider } from "styled-components";
+import styled from "styled-components";
 import { getMargin } from "../common/utils";
 import { spaces } from "../common/variables";
 import DxcIcon from "../icon/Icon";
-import HalstackContext from "../HalstackContext";
 import ChipPropsType from "./types";
 import ActionIcon from "../action-icon/ActionIcon";
 
@@ -64,44 +62,38 @@ const DxcChip = ({
   disabled,
   margin,
   tabIndex = 0,
-}: ChipPropsType) => {
-  const colorsTheme = useContext(HalstackContext);
-
-  return (
-    <ThemeProvider theme={colorsTheme.chip}>
-      <Chip disabled={disabled} margin={margin}>
-        {prefixIcon &&
-          (typeof onClickPrefix === "function" ? (
-            <ActionIcon
-              disabled={disabled}
-              icon={prefixIcon}
-              onClick={onClickPrefix}
-              tabIndex={tabIndex}
-              title="Prefix Action"
-            />
-          ) : (
-            <IconContainer disabled={disabled}>
-              {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
-            </IconContainer>
-          ))}
-        {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
-        {suffixIcon &&
-          (typeof onClickSuffix ? (
-            <ActionIcon
-              disabled={disabled}
-              icon={suffixIcon}
-              onClick={onClickSuffix}
-              tabIndex={tabIndex}
-              title="Suffix Action"
-            />
-          ) : (
-            <IconContainer disabled={disabled}>
-              {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
-            </IconContainer>
-          ))}
-      </Chip>
-    </ThemeProvider>
-  );
-};
+}: ChipPropsType) => (
+  <Chip disabled={disabled} margin={margin}>
+    {prefixIcon &&
+      (typeof onClickPrefix === "function" ? (
+        <ActionIcon
+          disabled={disabled}
+          icon={prefixIcon}
+          onClick={onClickPrefix}
+          tabIndex={tabIndex}
+          title="Prefix Action"
+        />
+      ) : (
+        <IconContainer disabled={disabled}>
+          {typeof prefixIcon === "string" ? <DxcIcon icon={prefixIcon} /> : prefixIcon}
+        </IconContainer>
+      ))}
+    {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
+    {suffixIcon &&
+      (typeof onClickSuffix ? (
+        <ActionIcon
+          disabled={disabled}
+          icon={suffixIcon}
+          onClick={onClickSuffix}
+          tabIndex={tabIndex}
+          title="Suffix Action"
+        />
+      ) : (
+        <IconContainer disabled={disabled}>
+          {typeof suffixIcon === "string" ? <DxcIcon icon={suffixIcon} /> : suffixIcon}
+        </IconContainer>
+      ))}
+  </Chip>
+);
 
 export default DxcChip;

From 03aad29d21683a25128608ee9f2f64f608652b7d Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Thu, 13 Mar 2025 09:28:04 +0100
Subject: [PATCH 08/12] Added documentation

---
 .../components/chip/ChipPageLayout.tsx        |   3 +-
 .../chip/overview/ChipOverviewPage.tsx        | 195 +++++++++++++++++-
 .../chip/overview/examples/categorization.ts  |  21 ++
 .../chip/overview/examples/filter.ts          |  22 ++
 .../chip/overview/images/chip-anatomy.png     | Bin 0 -> 28144 bytes
 .../chip/overview/images/chip-spacing.png     | Bin 0 -> 40202 bytes
 packages/lib/src/chip/Chip.tsx                |   2 +-
 7 files changed, 233 insertions(+), 10 deletions(-)
 create mode 100644 apps/website/screens/components/chip/overview/examples/categorization.ts
 create mode 100644 apps/website/screens/components/chip/overview/examples/filter.ts
 create mode 100644 apps/website/screens/components/chip/overview/images/chip-anatomy.png
 create mode 100644 apps/website/screens/components/chip/overview/images/chip-spacing.png

diff --git a/apps/website/screens/components/chip/ChipPageLayout.tsx b/apps/website/screens/components/chip/ChipPageLayout.tsx
index eae8d35130..fd2719e720 100644
--- a/apps/website/screens/components/chip/ChipPageLayout.tsx
+++ b/apps/website/screens/components/chip/ChipPageLayout.tsx
@@ -16,7 +16,8 @@ const ChipPageHeading = ({ children }: { children: ReactNode }) => {
         <DxcFlex direction="column" gap="2rem">
           <ComponentHeading name="Chip" />
           <DxcParagraph>
-            Chips are elements that represent status, complementary information, or association between elements.
+            A <strong>chip</strong> is a compact, interactive UI element used to represent small pieces of information,
+            actions, or selections.
           </DxcParagraph>
           <TabsPageHeading tabs={tabs} />
         </DxcFlex>
diff --git a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
index d64505df09..5703c55976 100644
--- a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
+++ b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
@@ -1,21 +1,200 @@
-import { DxcBulletedList, DxcFlex } from "@dxc-technology/halstack-react";
+import { DxcBulletedList, DxcFlex, DxcParagraph, DxcTable } from "@dxc-technology/halstack-react";
 import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import DocFooter from "@/common/DocFooter";
+import Image from "@/common/Image";
+import anatomy from "./images/chip-anatomy.png";
+import Example from "@/common/example/Example";
+import categorization from "./examples/categorization";
+import filter from "./examples/filter";
+import spacing from "./images/chip-spacing.png";
 
 const sections = [
   {
     title: "Introduction",
     content: (
-      <DxcBulletedList>
-        <DxcBulletedList.Item>
-          Do not use chips instead of buttons since they have a total different aim in the UI.
-        </DxcBulletedList.Item>
-        <DxcBulletedList.Item>Make the content of the label clear and simple.</DxcBulletedList.Item>
-        <DxcBulletedList.Item>Use chips to make tasks easier for the user.</DxcBulletedList.Item>
-      </DxcBulletedList>
+      <DxcParagraph>
+        Chips are versatile components that allow users to display and manage information in a compact format. They are
+        commonly used to represent selected options, tags, filters, or interactive elements within an interface. Their
+        lightweight and flexible design makes them ideal for enhancing user experience by enabling quick and organized
+        interactions.
+      </DxcParagraph>
     ),
   },
+  {
+    title: "Anatomy",
+    content: (
+      <>
+        <Image src={anatomy} alt="Chip's anatomy" />
+        <DxcBulletedList type="number">
+          <DxcBulletedList.Item>
+            <strong>Prefix</strong> <em>(Optional)</em>: The prefix can be an icon or an action icon that provides
+            additional context or functionality.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Label:</strong> The primary text that conveys the chip's meaning, such as a tag name or a selected
+            option. It should be concise, clear, and relevant to the chip's function.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Suffix</strong> <em>(Optional)</em>: The suffix can be an icon or an action icon that enhances
+            interactivity.
+          </DxcBulletedList.Item>
+        </DxcBulletedList>
+      </>
+    ),
+  },
+  {
+    title: "Using chips",
+    subSections: [
+      {
+        title: "Categorization",
+        content: (
+          <>
+            <DxcParagraph>
+              Chips are commonly used to organize content by grouping related topics, products, or subjects. They often
+              serve as a summary of the page's content. When using chips for categorization, ensure that they are
+              relevant to the displayed information to maintain clarity and usability.
+            </DxcParagraph>
+            <Example example={categorization} />
+          </>
+        ),
+      },
+      {
+        title: "Faceted search filters",
+        content: (
+          <>
+            <DxcParagraph>
+              Chips can function as filter facets, enabling users to refine search results by selecting or removing
+              specific attributes. In this use case, chips help users include or exclude preferences from their search
+              queries. When used for faceted filtering, chip should be dismissible to allow for easy adjustments.
+            </DxcParagraph>
+            <Example example={filter} />
+          </>
+        ),
+      },
+      {
+        title: "Chips vs. Badges",
+        content: (
+          <>
+            <DxcParagraph>
+              While badges and chips share a similar visual style, they serve different purposes in a user interface:
+              <strong>chips are interactive</strong>, while <strong>badges are static indicators</strong>.
+            </DxcParagraph>
+            <DxcTable>
+              <thead>
+                <tr>
+                  <th>Component</th>
+                  <th>Use case</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>
+                    <strong>Chip</strong>
+                  </td>
+                  <td>
+                    Chips help users categorize, filter, or organize information. They often include keywords or
+                    metadata, providing quick access to related content and aiding navigation.
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    <strong>Badge</strong>
+                  </td>
+                  <td>
+                    Badges function as visual indicators, displaying status or contextual information. They are
+                    non-interactive and <strong>rely on color and text</strong> to communicate meaning.
+                  </td>
+                </tr>
+              </tbody>
+            </DxcTable>
+          </>
+        ),
+      },
+    ],
+  },
+  {
+    title: "Best practices",
+    subSections: [
+      {
+        title: "Keep labels concise and meaningful",
+        content: (
+          <DxcBulletedList>
+            <DxcBulletedList.Item>
+              Labels should be <strong>short and clear</strong>, ideally one or two words.
+            </DxcBulletedList.Item>
+            <DxcBulletedList.Item>
+              <strong>Avoid long text</strong> that may cause truncation or wrapping issues.
+            </DxcBulletedList.Item>
+            <DxcBulletedList.Item>
+              Use <strong>sentence case</strong> for readability (e.g., "New York" instead of "NEW YORK").
+            </DxcBulletedList.Item>
+          </DxcBulletedList>
+        ),
+      },
+      {
+        title: "Avoid overloading the UI with too many chips",
+        content: (
+          <>
+            <DxcBulletedList>
+              <DxcBulletedList.Item>
+                Use chips <strong>only when necessary</strong> to avoid clutter.
+              </DxcBulletedList.Item>
+              <DxcBulletedList.Item>
+                Group related chips logically and consider <strong>collapsible chip groups</strong> if the list becomes
+                too long.
+              </DxcBulletedList.Item>
+            </DxcBulletedList>
+            <Image src={spacing} alt="Chip's spacing" />
+          </>
+        ),
+      },
+      {
+        title: "Ensure icons are contextually relevant and avoid redundancy",
+        content: (
+          <>
+            <DxcParagraph>
+              While the component configuration is flexible enough to allow multiple icons or action icons, it is{" "}
+              <strong>not recommended</strong> to use two icons or two action icons within the same chip. Instead, a{" "}
+              <strong>balanced approach</strong> should be followed: pairing one <strong>icon</strong> (to provide
+              context) with one <strong>action icon</strong> (to enable an interaction).
+            </DxcParagraph>
+            <DxcBulletedList>
+              <DxcBulletedList.Item>
+                <strong>Icons should add value</strong> to the chip, not just be decorative.
+              </DxcBulletedList.Item>
+              <DxcBulletedList.Item>
+                Ensure that icons are <strong>easy to recognize and understand</strong> within the chip's context. The
+                selected icon should accurately represent the chip's purpose, while the action icon should clearly
+                indicate the interaction it triggers.
+              </DxcBulletedList.Item>
+              <DxcBulletedList.Item>
+                Icons <strong>should not compete for attention</strong> or convey conflicting messages. Instead, they
+                should complement each other to enhance usability.
+              </DxcBulletedList.Item>
+              <DxcBulletedList.Item>
+                Follow the guideline: <strong>one informational icon + one action icon (if needed)</strong>—avoid using
+                two icons of the same type.
+              </DxcBulletedList.Item>
+            </DxcBulletedList>
+          </>
+        ),
+      },
+      {
+        title: "Manage chip overflow gracefully",
+        content: (
+          <DxcBulletedList>
+            <DxcBulletedList.Item>
+              If there are too many chips in a row, consider <strong>horizontal scrolling or wrapping</strong>.
+            </DxcBulletedList.Item>
+            <DxcBulletedList.Item>
+              For dynamic content, provide a <strong>"Show more" option</strong> to avoid overwhelming the user.
+            </DxcBulletedList.Item>
+          </DxcBulletedList>
+        ),
+      },
+    ],
+  },
 ];
 
 const ChipOverviewPage = () => {
diff --git a/apps/website/screens/components/chip/overview/examples/categorization.ts b/apps/website/screens/components/chip/overview/examples/categorization.ts
new file mode 100644
index 0000000000..a1b7b992f5
--- /dev/null
+++ b/apps/website/screens/components/chip/overview/examples/categorization.ts
@@ -0,0 +1,21 @@
+import { DxcChip, DxcInset, DxcFlex } from "@dxc-technology/halstack-react";
+
+const code = `() => {
+  return (
+    <DxcInset space="2rem">
+      <DxcFlex gap="0.5rem" justifyContent="center">
+        <DxcChip label="GPDR Compliant" suffixIcon="open_in_new" />
+        <DxcChip label="ISO 27001 Certified" suffixIcon="open_in_new" />
+        <DxcChip label="HIPAA Pending" suffixIcon="open_in_new" />
+      </DxcFlex>
+    </DxcInset>
+  );
+}`;
+
+const scope = {
+  DxcChip,
+  DxcInset,
+  DxcFlex,
+};
+
+export default { code, scope };
diff --git a/apps/website/screens/components/chip/overview/examples/filter.ts b/apps/website/screens/components/chip/overview/examples/filter.ts
new file mode 100644
index 0000000000..5dd7b6916d
--- /dev/null
+++ b/apps/website/screens/components/chip/overview/examples/filter.ts
@@ -0,0 +1,22 @@
+import { DxcChip, DxcInset, DxcFlex } from "@dxc-technology/halstack-react";
+
+const code = `() => {
+  return (
+    <DxcInset space="1rem">
+      <DxcFlex gap="0.5rem" justifyContent="center">
+        <DxcChip label="Admin" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
+        <DxcChip label="Security Analist" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
+        <DxcChip label="Auditor" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
+        <DxcChip label="Read-Only User" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
+      </DxcFlex>
+    </DxcInset>
+  );
+}`;
+
+const scope = {
+  DxcChip,
+  DxcInset,
+  DxcFlex,
+};
+
+export default { code, scope };
diff --git a/apps/website/screens/components/chip/overview/images/chip-anatomy.png b/apps/website/screens/components/chip/overview/images/chip-anatomy.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef136349cb36f8a63b42e4138f6d360477d891b1
GIT binary patch
literal 28144
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

literal 0
HcmV?d00001

diff --git a/apps/website/screens/components/chip/overview/images/chip-spacing.png b/apps/website/screens/components/chip/overview/images/chip-spacing.png
new file mode 100644
index 0000000000000000000000000000000000000000..960982e92683dd92bd6d87e4f758892b5b80c834
GIT binary patch
literal 40202
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
V`4OFVg#q}{{oP2b<eJ^1{|8R*6C3~l

literal 0
HcmV?d00001

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index e93b0be57d..6ee1113cd6 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -80,7 +80,7 @@ const DxcChip = ({
       ))}
     {label && <LabelContainer disabled={disabled}>{label}</LabelContainer>}
     {suffixIcon &&
-      (typeof onClickSuffix ? (
+      (typeof onClickSuffix === "function" ? (
         <ActionIcon
           disabled={disabled}
           icon={suffixIcon}

From d6e66e06054f2f46969dd7c875fb3a8c03ca90ea Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Thu, 13 Mar 2025 13:28:01 +0100
Subject: [PATCH 09/12] Added better example for filtering

---
 .../chip/overview/ChipOverviewPage.tsx        |  9 ++--
 .../chip/overview/examples/filter.ts          | 46 ++++++++++++++++---
 2 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
index 5703c55976..9020f27c91 100644
--- a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
+++ b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
@@ -2,12 +2,12 @@ import { DxcBulletedList, DxcFlex, DxcParagraph, DxcTable } from "@dxc-technolog
 import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import DocFooter from "@/common/DocFooter";
-import Image from "@/common/Image";
 import anatomy from "./images/chip-anatomy.png";
 import Example from "@/common/example/Example";
 import categorization from "./examples/categorization";
 import filter from "./examples/filter";
 import spacing from "./images/chip-spacing.png";
+import Image from "@/common/Image";
 
 const sections = [
   {
@@ -64,9 +64,10 @@ const sections = [
         content: (
           <>
             <DxcParagraph>
-              Chips can function as filter facets, enabling users to refine search results by selecting or removing
-              specific attributes. In this use case, chips help users include or exclude preferences from their search
-              queries. When used for faceted filtering, chip should be dismissible to allow for easy adjustments.
+              When used alongside the select component, chips serve as effective filter facets, allowing users to refine
+              search results by choosing and removing specific attributes. This combination enables users to include or
+              exclude preferences directly from their queries. For faceted filtering, chips should be dismissible,
+              ensuring effortless adjustments and a more intuitive selection experience.
             </DxcParagraph>
             <Example example={filter} />
           </>
diff --git a/apps/website/screens/components/chip/overview/examples/filter.ts b/apps/website/screens/components/chip/overview/examples/filter.ts
index 5dd7b6916d..39fd2e7951 100644
--- a/apps/website/screens/components/chip/overview/examples/filter.ts
+++ b/apps/website/screens/components/chip/overview/examples/filter.ts
@@ -1,13 +1,42 @@
-import { DxcChip, DxcInset, DxcFlex } from "@dxc-technology/halstack-react";
+import { DxcChip, DxcInset, DxcFlex, DxcSelect, DxcHeading } from "@dxc-technology/halstack-react";
+import { useState } from "react";
 
 const code = `() => {
+const roles = ["Admin", "Security Analyst", "Auditor", "Read-Only User"];
+  const [selectedRoles, setSelectedRoles] = useState([roles[0]]);
+
+  const handleSelectChange = ({value}) => {
+    setSelectedRoles(value);
+  };
+  const handleRemoveRole = (roleToRemove) => {
+    setSelectedRoles(selectedRoles.filter((role) => role !== roleToRemove));
+  };
+
   return (
     <DxcInset space="1rem">
-      <DxcFlex gap="0.5rem" justifyContent="center">
-        <DxcChip label="Admin" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
-        <DxcChip label="Security Analist" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
-        <DxcChip label="Auditor" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
-        <DxcChip label="Read-Only User" prefixIcon="filled_account_circle" suffixIcon="cancel" onClickSuffix={() => {}} />
+      <DxcFlex gap="1rem" direction="column">
+        <DxcSelect
+          label="Available roles"
+          helperText="Select one or more roles to filter"
+          options={roles.map((role) => ({ label: role, value: role }))}
+          onChange={handleSelectChange}
+          value={selectedRoles}
+          multiple
+        />
+        <DxcFlex gap="0.25rem" direction="column">
+          <DxcHeading level={5} text="Selected roles" />
+          <DxcFlex gap="0.5rem">
+            {selectedRoles.map((role) => (
+              <DxcChip
+                key={role}
+                label={role}
+                prefixIcon="filled_account_circle"
+                suffixIcon="cancel"
+                onClickSuffix={() => handleRemoveRole(role)}
+              />
+            ))}
+          </DxcFlex>
+        </DxcFlex>
       </DxcFlex>
     </DxcInset>
   );
@@ -15,8 +44,11 @@ const code = `() => {
 
 const scope = {
   DxcChip,
-  DxcInset,
   DxcFlex,
+  DxcHeading,
+  DxcInset,
+  DxcSelect,
+  useState
 };
 
 export default { code, scope };

From 761c423f0886108d475516124d54160650f49358 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Thu, 13 Mar 2025 17:08:47 +0100
Subject: [PATCH 10/12] Fixes based on review

---
 .../components/chip/ChipPageLayout.tsx        |  4 +--
 .../chip/overview/ChipOverviewPage.tsx        | 34 ++++++++++---------
 .../chip/overview/examples/categorization.ts  |  6 ++--
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/apps/website/screens/components/chip/ChipPageLayout.tsx b/apps/website/screens/components/chip/ChipPageLayout.tsx
index fd2719e720..dc88a9d4ef 100644
--- a/apps/website/screens/components/chip/ChipPageLayout.tsx
+++ b/apps/website/screens/components/chip/ChipPageLayout.tsx
@@ -16,8 +16,8 @@ const ChipPageHeading = ({ children }: { children: ReactNode }) => {
         <DxcFlex direction="column" gap="2rem">
           <ComponentHeading name="Chip" />
           <DxcParagraph>
-            A <strong>chip</strong> is a compact, interactive UI element used to represent small pieces of information,
-            actions, or selections.
+            A chip is a compact, interactive UI element used to represent small pieces of information, actions, or
+            selections.
           </DxcParagraph>
           <TabsPageHeading tabs={tabs} />
         </DxcFlex>
diff --git a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
index 9020f27c91..9d198e64b0 100644
--- a/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
+++ b/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx
@@ -1,4 +1,4 @@
-import { DxcBulletedList, DxcFlex, DxcParagraph, DxcTable } from "@dxc-technology/halstack-react";
+import { DxcBulletedList, DxcFlex, DxcLink, DxcParagraph, DxcTable } from "@dxc-technology/halstack-react";
 import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
 import QuickNavContainer from "@/common/QuickNavContainer";
 import DocFooter from "@/common/DocFooter";
@@ -8,6 +8,7 @@ import categorization from "./examples/categorization";
 import filter from "./examples/filter";
 import spacing from "./images/chip-spacing.png";
 import Image from "@/common/Image";
+import Link from "next/link";
 
 const sections = [
   {
@@ -28,15 +29,15 @@ const sections = [
         <Image src={anatomy} alt="Chip's anatomy" />
         <DxcBulletedList type="number">
           <DxcBulletedList.Item>
-            <strong>Prefix</strong> <em>(Optional)</em>: The prefix can be an icon or an action icon that provides
+            <strong>Prefix</strong> <em>(Optional)</em>: the prefix can be an icon or an action icon that provides
             additional context or functionality.
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
-            <strong>Label:</strong> The primary text that conveys the chip's meaning, such as a tag name or a selected
+            <strong>Label:</strong> the primary text that conveys the chip's meaning, such as a tag name or a selected
             option. It should be concise, clear, and relevant to the chip's function.
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
-            <strong>Suffix</strong> <em>(Optional)</em>: The suffix can be an icon or an action icon that enhances
+            <strong>Suffix</strong> <em>(Optional)</em>: the suffix can be an icon or an action icon that enhances
             interactivity.
           </DxcBulletedList.Item>
         </DxcBulletedList>
@@ -78,7 +79,11 @@ const sections = [
         content: (
           <>
             <DxcParagraph>
-              While badges and chips share a similar visual style, they serve different purposes in a user interface:
+              While{" "}
+              <Link href="/components/badge" passHref legacyBehavior>
+                <DxcLink>badges</DxcLink>
+              </Link>{" "}
+              and chips share a similar visual style, they serve different purposes in a user interface:{" "}
               <strong>chips are interactive</strong>, while <strong>badges are static indicators</strong>.
             </DxcParagraph>
             <DxcTable>
@@ -198,15 +203,12 @@ const sections = [
   },
 ];
 
-const ChipOverviewPage = () => {
-  return (
-    <DxcFlex direction="column" gap="4rem">
-      <QuickNavContainerLayout>
-        <QuickNavContainer sections={sections} startHeadingLevel={2}></QuickNavContainer>
-      </QuickNavContainerLayout>
-      <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx" />
-    </DxcFlex>
-  );
-};
-
+const ChipOverviewPage = () => (
+  <DxcFlex direction="column" gap="4rem">
+    <QuickNavContainerLayout>
+      <QuickNavContainer sections={sections} startHeadingLevel={2} />
+    </QuickNavContainerLayout>
+    <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/chip/overview/ChipOverviewPage.tsx" />
+  </DxcFlex>
+);
 export default ChipOverviewPage;
diff --git a/apps/website/screens/components/chip/overview/examples/categorization.ts b/apps/website/screens/components/chip/overview/examples/categorization.ts
index a1b7b992f5..d2dd832054 100644
--- a/apps/website/screens/components/chip/overview/examples/categorization.ts
+++ b/apps/website/screens/components/chip/overview/examples/categorization.ts
@@ -4,9 +4,9 @@ const code = `() => {
   return (
     <DxcInset space="2rem">
       <DxcFlex gap="0.5rem" justifyContent="center">
-        <DxcChip label="GPDR Compliant" suffixIcon="open_in_new" />
-        <DxcChip label="ISO 27001 Certified" suffixIcon="open_in_new" />
-        <DxcChip label="HIPAA Pending" suffixIcon="open_in_new" />
+        <DxcChip label="GPDR Compliant" suffixIcon="open_in_new" onClickSuffix={() => {}} />
+        <DxcChip label="ISO 27001 Certified" suffixIcon="open_in_new" onClickSuffix={() => {}} />
+        <DxcChip label="HIPAA Pending" suffixIcon="open_in_new" onClickSuffix={() => {}} />
       </DxcFlex>
     </DxcInset>
   );

From ee7722d3417e2052a74d7ae3c8bfede6dca54eea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20G=C3=B3mez=20Pinta?=
 <44321109+GomezIvann@users.noreply.github.com>
Date: Thu, 13 Mar 2025 17:20:38 +0100
Subject: [PATCH 11/12] Removed chip opinionated stories

---
 packages/lib/src/chip/Chip.stories.tsx | 46 --------------------------
 1 file changed, 46 deletions(-)

diff --git a/packages/lib/src/chip/Chip.stories.tsx b/packages/lib/src/chip/Chip.stories.tsx
index 0950b12fe9..c9edd3e333 100644
--- a/packages/lib/src/chip/Chip.stories.tsx
+++ b/packages/lib/src/chip/Chip.stories.tsx
@@ -1,7 +1,6 @@
 import { userEvent } from "@storybook/test";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
-import { HalstackProvider } from "../HalstackContext";
 import DxcChip from "./Chip";
 import { Meta, StoryObj } from "@storybook/react";
 
@@ -39,14 +38,6 @@ const smallIconSVG = (
   </svg>
 );
 
-const opinionatedTheme = {
-  chip: {
-    baseColor: "#e6e6e6",
-    fontColor: "#000000",
-    iconColor: "#4d4d4d",
-  },
-};
-
 const Chip = () => (
   <>
     <ExampleContainer>
@@ -132,43 +123,6 @@ const Chip = () => (
       <Title title="Xxlarge margin" theme="light" level={4} />
       <DxcChip label="xxlarge" margin="xxlarge" />
     </ExampleContainer>
-    <Title title="Opinionated theme" theme="light" level={2} />
-    <ExampleContainer>
-      <Title title="Chip with prefix and suffix" theme="light" level={4} />
-      <HalstackProvider theme={opinionatedTheme}>
-        <DxcChip label="Chip" prefixIcon={iconSVG} suffixIcon="filled_check_circle" />
-      </HalstackProvider>
-    </ExampleContainer>
-    <ExampleContainer>
-      <Title title="Chip with prefix and suffix" theme="light" level={4} />
-      <HalstackProvider theme={opinionatedTheme}>
-        <DxcChip label="Chip" disabled prefixIcon={iconSVG} suffixIcon="filled_check_circle" />
-      </HalstackProvider>
-    </ExampleContainer>
-    <ExampleContainer pseudoState="pseudo-hover">
-      <Title title="Hovered" theme="light" level={4} />
-      <HalstackProvider theme={opinionatedTheme}>
-        <DxcChip
-          label="Chip"
-          prefixIcon={iconSVG}
-          suffixIcon={iconSVG}
-          onClickPrefix={() => {}}
-          onClickSuffix={() => {}}
-        />
-      </HalstackProvider>
-    </ExampleContainer>
-    <ExampleContainer pseudoState="pseudo-active">
-      <Title title="Actived" theme="light" level={4} />
-      <HalstackProvider theme={opinionatedTheme}>
-        <DxcChip
-          label="Chip"
-          prefixIcon={iconSVG}
-          suffixIcon={iconSVG}
-          onClickPrefix={() => {}}
-          onClickSuffix={() => {}}
-        />
-      </HalstackProvider>
-    </ExampleContainer>
   </>
 );
 

From fb3d712953c40a73e779154f03b7edd0a6e35928 Mon Sep 17 00:00:00 2001
From: Enrique Moreno <enrique.moreno@dxc.com>
Date: Thu, 13 Mar 2025 17:36:04 +0100
Subject: [PATCH 12/12] Restored container story

---
 packages/lib/src/container/Container.stories.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/lib/src/container/Container.stories.tsx b/packages/lib/src/container/Container.stories.tsx
index 097771f2a1..2162bfb679 100644
--- a/packages/lib/src/container/Container.stories.tsx
+++ b/packages/lib/src/container/Container.stories.tsx
@@ -83,19 +83,13 @@ const Container = () => (
     <Title title="Background image" level={4} />
     <ExampleContainer>
       <DxcContainer
-        borderRadius="0.25rem"
         background={{
           image:
             "url(https://dxc.com/content/dam/dxc/projects/dxc-com/common/images/landscape-1050x650/logos/we_are_dxc-1050x650.jpg)",
-          color: "color_purple_100",
-          size: "cover",
-          attachment: "fixed",
-          repeat: "no-repeat",
+          size: "500px 500px",
         }}
-        minWidth="100vw"
-        height="100vh"
-        maxHeight="100vh"
-        width="100vw"
+        width="500px"
+        height="500px"
       >
         <p>Example text</p>
       </DxcContainer>