From 94417ab5c7a44ce392b4a9b425e0f8ed4d1749ab 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, 20 Feb 2025 17:24:21 +0100
Subject: [PATCH 1/6] Spinner tokens redesign

---
 packages/lib/.storybook/preview-head.html    |   1 -
 packages/lib/.storybook/preview.tsx          |   1 +
 packages/lib/src/spinner/Spinner.stories.tsx |  32 ---
 packages/lib/src/spinner/Spinner.test.tsx    |   6 -
 packages/lib/src/spinner/Spinner.tsx         | 263 +++++++------------
 5 files changed, 99 insertions(+), 204 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/spinner/Spinner.stories.tsx b/packages/lib/src/spinner/Spinner.stories.tsx
index 56c422086c..8febcce374 100644
--- a/packages/lib/src/spinner/Spinner.stories.tsx
+++ b/packages/lib/src/spinner/Spinner.stories.tsx
@@ -1,7 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
-import { HalstackProvider } from "../HalstackContext";
 import DxcSpinner from "./Spinner";
 
 export default {
@@ -9,16 +8,6 @@ export default {
   component: DxcSpinner,
 } as Meta<typeof DxcSpinner>;
 
-const opinionatedTheme = {
-  spinner: {
-    accentColor: "#5f249f",
-    baseColor: "#ffffff",
-    fontColor: "#000000",
-    overlayColor: "#a46ede",
-    overlayFontColor: "#ffffff",
-  },
-};
-
 const Spinner = () => (
   <>
     <ExampleContainer>
@@ -74,13 +63,6 @@ const Spinner = () => (
       <Title title="Xxlarge margin" theme="light" level={4} />
       <DxcSpinner margin="xxlarge" mode="small" value={75}></DxcSpinner>
     </ExampleContainer>
-    <Title title="Opinionated theme" theme="light" level={2} />
-    <ExampleContainer>
-      <Title title="With label and value label" theme="light" level={4} />
-      <HalstackProvider theme={opinionatedTheme}>
-        <DxcSpinner label="Label" value={50} showValue></DxcSpinner>
-      </HalstackProvider>
-    </ExampleContainer>
   </>
 );
 
@@ -119,21 +101,11 @@ const SpinnerOverlayValueAndLabel = () => (
   </ExampleContainer>
 );
 
-const SpinnerOverlayValueAndLabelOpinionated = () => (
-  <ExampleContainer>
-    <HalstackProvider theme={opinionatedTheme}>
-      <Title title="Mode overlay" theme="light" level={4} />
-      <DxcSpinner mode="overlay" label="Label" value={50} showValue></DxcSpinner>
-    </HalstackProvider>
-  </ExampleContainer>
-);
-
 type Story = StoryObj<typeof DxcSpinner>;
 
 export const Chromatic: Story = {
   render: Spinner,
 };
-
 export const SpinnerOverlay: Story = {
   render: SpinnerWithOverlay,
 };
@@ -143,13 +115,9 @@ export const SpinnerOverlayWith100: Story = {
 export const SpinnerOverlayWithLabel: Story = {
   render: SpinnerOverlayLabel,
 };
-
 export const SpinnerOverlayWithValue: Story = {
   render: SpinnerOverlayValue,
 };
 export const SpinnerOverlayWithValueAndLabel: Story = {
   render: SpinnerOverlayValueAndLabel,
 };
-export const SpinnerOverlayWithValueAndLabelOpinionated: Story = {
-  render: SpinnerOverlayValueAndLabelOpinionated,
-};
diff --git a/packages/lib/src/spinner/Spinner.test.tsx b/packages/lib/src/spinner/Spinner.test.tsx
index 99501a7090..b1a5f7c3b5 100644
--- a/packages/lib/src/spinner/Spinner.test.tsx
+++ b/packages/lib/src/spinner/Spinner.test.tsx
@@ -6,12 +6,10 @@ describe("Spinner component tests", () => {
     const { getByText } = render(<DxcSpinner label="test-loading"></DxcSpinner>);
     expect(getByText("test-loading")).toBeTruthy();
   });
-
   test("Spinner shows value correctly", () => {
     const { getByText } = render(<DxcSpinner label="test-loading" value={75} showValue></DxcSpinner>);
     expect(getByText("75%")).toBeTruthy();
   });
-
   test("Small spinner hides value and label correctly", () => {
     const { queryByText, getByRole } = render(
       <DxcSpinner mode="small" label="test-loading" value={75} showValue></DxcSpinner>
@@ -20,25 +18,21 @@ describe("Spinner component tests", () => {
     expect(queryByText("75%")).toBeFalsy();
     expect(getByRole("progressbar").getAttribute("aria-label")).toBe("Spinner");
   });
-
   test("Overlay spinner shows value and label correctly", () => {
     const { getByText } = render(<DxcSpinner mode="overlay" label="test-loading" value={75} showValue></DxcSpinner>);
     expect(getByText("test-loading")).toBeTruthy();
     expect(getByText("75%")).toBeTruthy();
   });
-
   test("Get spinner by role", () => {
     const { getByRole } = render(<DxcSpinner label="test-loading" value={75} showValue></DxcSpinner>);
     expect(getByRole("progressbar")).toBeTruthy();
   });
-
   test("Test spinner aria-label to be undefined", () => {
     const { getByRole } = render(<DxcSpinner label="test-loading" value={75} showValue></DxcSpinner>);
     const spinner = getByRole("progressbar");
     expect(spinner.getAttribute("aria-label")).toBeNull();
     expect(spinner.getAttribute("aria-labelledby")).toBeTruthy();
   });
-
   test("Test spinner aria-label to be applied correctly when mode is small", () => {
     const { getByRole } = render(
       <DxcSpinner label="test-loading" ariaLabel="Example aria label" value={75} mode="small" showValue></DxcSpinner>
diff --git a/packages/lib/src/spinner/Spinner.tsx b/packages/lib/src/spinner/Spinner.tsx
index dc24d6f3a6..813b833248 100644
--- a/packages/lib/src/spinner/Spinner.tsx
+++ b/packages/lib/src/spinner/Spinner.tsx
@@ -4,93 +4,21 @@ import { spaces } from "../common/variables";
 import HalstackContext from "../HalstackContext";
 import SpinnerPropsType from "./types";
 
-const DxcSpinner = ({
-  label,
-  value,
-  showValue = false,
-  mode = "large",
-  margin,
-  ariaLabel = "Spinner",
-}: SpinnerPropsType): JSX.Element => {
-  const labelId = useId();
-  const colorsTheme = useContext(HalstackContext);
-  const determinated = useMemo(() => value != null && value >= 0 && value <= 100, [value]);
-
-  return (
-    <ThemeProvider theme={colorsTheme.spinner}>
-      <DXCSpinner margin={margin} mode={mode}>
-        <SpinnerContainer mode={mode}>
-          {mode === "overlay" && <BackOverlay />}
-          <BackgroundSpinner>
-            {mode === "small" ? (
-              <SVGBackground viewBox="0 0 16 16">
-                <CircleBackground cx="8" cy="8" r="6" mode={mode} />
-              </SVGBackground>
-            ) : (
-              <SVGBackground viewBox="0 0 140 140">
-                <CircleBackground cx="70" cy="70" r="65" mode={mode} />
-              </SVGBackground>
-            )}
-          </BackgroundSpinner>
-          <Spinner
-            role="progressbar"
-            aria-valuenow={determinated && showValue ? value : undefined}
-            aria-valuemin={determinated ? 0 : undefined}
-            aria-valuemax={determinated ? 100 : undefined}
-            aria-labelledby={label && mode !== "small" ? labelId : undefined}
-            aria-label={!label ? ariaLabel : mode === "small" ? ariaLabel : undefined}
-          >
-            {mode === "small" ? (
-              <SVGSpinner viewBox="0 0 16 16" determinated={determinated}>
-                <CircleSpinner cx="8" cy="8" r="6" mode={mode} determinated={determinated} value={value} />
-              </SVGSpinner>
-            ) : (
-              <SVGSpinner viewBox="0 0 140 140" determinated={determinated}>
-                <CircleSpinner cx="70" cy="70" r="65" mode={mode} determinated={determinated} value={value} />
-              </SVGSpinner>
-            )}
-          </Spinner>
-          {mode !== "small" && (
-            <LabelsContainer>
-              {label && (
-                <SpinnerLabel id={labelId} mode={mode}>
-                  {label}
-                </SpinnerLabel>
-              )}
-              {(value || value === 0) && showValue && (
-                <SpinnerProgress value={value} mode={mode} showValue={showValue}>
-                  {value}%
-                </SpinnerProgress>
-              )}
-            </LabelsContainer>
-          )}
-        </SpinnerContainer>
-      </DXCSpinner>
-    </ThemeProvider>
-  );
-};
-
-const determinateValue = (value: SpinnerPropsType["value"], strokeDashArray: number) => {
-  let val = 0;
-  if (value != null && value >= 0 && value <= 100) {
-    val = strokeDashArray * (1 - value / 100);
-  }
-  return val;
-};
-
-const DXCSpinner = styled.div<{
+const SpinnerContainer = styled.div<{
   mode: SpinnerPropsType["mode"];
   margin: SpinnerPropsType["margin"];
 }>`
-  height: ${(props) => (props.mode === "overlay" ? "100vh" : "")};
-  width: ${(props) => (props.mode === "overlay" ? "100vw" : "")};
-  display: ${(props) => (props.mode === "overlay" ? "flex" : "")};
-  position: ${(props) => (props.mode === "overlay" ? "fixed" : "")};
-  top: ${(props) => (props.mode === "overlay" ? 0 : "")};
-  left: ${(props) => (props.mode === "overlay" ? 0 : "")};
-  justify-content: ${(props) => (props.mode === "overlay" ? "center" : "")};
-  align-items: ${(props) => (props.mode === "overlay" ? "center" : "")};
-  z-index: ${(props) => (props.mode === "overlay" ? 1300 : "")};
+  ${({ mode }) =>
+    mode === "overlay" &&
+    `
+      position: fixed;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      z-index: 2147483647;
+    `};
 
   margin: ${(props) =>
     props.mode !== "overlay" ? (props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px") : ""};
@@ -120,14 +48,12 @@ const DXCSpinner = styled.div<{
       : ""};
 `;
 
-const SpinnerContainer = styled.div<{ mode: SpinnerPropsType["mode"] }>`
-  align-items: center;
-  display: flex;
-  height: ${(props) => (props.mode === "small" ? "16px" : "140px")};
-  width: ${(props) => (props.mode === "small" ? "16px" : "140px")};
-  justify-content: center;
+const MainContainer = styled.div<{ mode: SpinnerPropsType["mode"] }>`
   position: relative;
-  background-color: transparent;
+  display: grid;
+  place-items: center;
+  height: ${({ mode }) => (mode === "small" ? "16px" : "140px")};
+  width: ${({ mode }) => (mode === "small" ? "16px" : "140px")};
 
   @keyframes spinner-svg {
     0% {
@@ -142,12 +68,10 @@ const SpinnerContainer = styled.div<{ mode: SpinnerPropsType["mode"] }>`
       stroke-dashoffset: 400;
       transform: rotate(0);
     }
-
     50% {
       stroke-dashoffset: 75;
       transform: rotate(45deg);
     }
-
     100% {
       stroke-dashoffset: 400;
       transform: rotate(360deg);
@@ -158,12 +82,10 @@ const SpinnerContainer = styled.div<{ mode: SpinnerPropsType["mode"] }>`
       stroke-dashoffset: 35;
       transform: rotate(0);
     }
-
     50% {
       stroke-dashoffset: 8;
       transform: rotate(45deg);
     }
-
     100% {
       stroke-dashoffset: 35;
       transform: rotate(360deg);
@@ -171,16 +93,11 @@ const SpinnerContainer = styled.div<{ mode: SpinnerPropsType["mode"] }>`
   }
 `;
 
-const BackOverlay = styled.div`
-  width: 100vw;
-  height: 100vh;
-  opacity: 1;
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+const Overlay = styled.div`
   position: fixed;
-  top: 0;
-  left: 0;
-  background-color: ${(props) => `${props.theme.overlayBackgroundColor}`};
-  opacity: ${(props) => `${props.theme.overlayOpacity}`};
+  inset: 0;
+  height: 100%;
+  background-color: var(--color-bg-alpha-medium);
 `;
 
 const BackgroundSpinner = styled.div`
@@ -197,7 +114,7 @@ const SVGBackground = styled.svg`
 const CircleBackground = styled.circle<{ mode: SpinnerPropsType["mode"] }>`
   animation: none;
   fill: transparent;
-  stroke: ${(props) => `${props.theme.totalCircleColor}`};
+  stroke: var(--color-bg-neutral-lightest);
   stroke-dasharray: ${(props) => (props.mode !== "small" ? "409" : "38")};
   stroke-linecap: initial;
   stroke-width: ${(props) => (props.mode !== "small" ? "8.5px" : "2px")};
@@ -206,12 +123,12 @@ const CircleBackground = styled.circle<{ mode: SpinnerPropsType["mode"] }>`
 `;
 
 const Spinner = styled.div`
+  position: relative;
   height: inherit;
   width: inherit;
-  position: relative;
 `;
 
-const SVGSpinner = styled.svg<{ determinated: boolean }>`
+const SVGSpinner = styled.svg<{ determined: boolean }>`
   height: inherit;
   width: inherit;
   transform: rotate(-90deg);
@@ -219,84 +136,100 @@ const SVGSpinner = styled.svg<{ determinated: boolean }>`
   left: 0;
   transform-origin: center;
   overflow: visible;
-  animation: ${(props) => (!props.determinated ? "1.4s linear infinite both spinner-svg" : "")};
+  animation: ${({ determined }) => !determined && "1.4s linear infinite both spinner-svg"};
 `;
 
+const determinateValue = (value: SpinnerPropsType["value"], strokeDashArray: number) =>
+  value != null && value >= 0 && value <= 100 ? strokeDashArray * (1 - value / 100) : 0;
+
 const CircleSpinner = styled.circle<{
   value: SpinnerPropsType["value"];
-  determinated: boolean;
+  determined: boolean;
 }>`
   fill: transparent;
   stroke-linecap: initial;
   vector-effect: non-scaling-stroke;
   animation: ${(props) =>
-    props.determinated
+    props.determined
       ? "none"
       : props.mode !== "small"
         ? "1.4s ease-in-out infinite both svg-circle-large"
         : "1.4s ease-in-out infinite both svg-circle-small"};
-  stroke: ${(props) => (props.mode === "overlay" ? props.theme.trackCircleColorOverlay : props.theme.trackCircleColor)};
-  transform-origin: ${(props) => (!props.determinated ? "50% 50%" : "")};
-  stroke-dasharray: ${(props) => (props.mode !== "small" ? "409" : "38")};
-  stroke-width: ${(props) => (props.mode !== "small" ? "8.5px" : "2px")};
-  stroke-dashoffset: ${(props) =>
-    props.determinated
-      ? props.mode !== "small"
-        ? determinateValue(props.value, 409)
-        : determinateValue(props.value, 38)
-      : ""};
+  stroke: ${({ mode }) => (mode === "overlay" ? "var(--color-fg-primary-medium)" : "var(--color-fg-primary-strong)")};
+  transform-origin: ${({ determined }) => (!determined ? "50% 50%" : "")};
+  stroke-dasharray: ${({ mode }) => (mode !== "small" ? "409" : "38")};
+  stroke-width: ${({ mode }) => (mode !== "small" ? "8.5px" : "2px")};
+  stroke-dashoffset: ${({ determined, mode, value }) =>
+    determined ? (mode !== "small" ? determinateValue(value, 409) : determinateValue(value, 38)) : ""};
 `;
 
-const LabelsContainer = styled.div`
+const Labels = styled.div<{ mode: SpinnerPropsType["mode"] }>`
   position: absolute;
-  margin: 0 auto;
-  width: 110px;
-  text-align: center;
-`;
-
-const SpinnerLabel = styled.p<{ mode: SpinnerPropsType["mode"] }>`
-  margin: 0;
-  width: 100%;
+  display: grid;
+  gap: var(--spacing-gap-none, 0px);
+  place-items: center;
+  width: 116px;
+
+  color: ${({ mode }) => (mode === "overlay" ? "var(--color-absolutes-white)" : "var(--color-fg-neutral-dark)")};
+  font-family: var(--typography-font-family);
+  font-size: var(--typography-helper-text-m);
+  font-weight: var(--typography-helper-text-regular);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-family: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayLabelFontFamily : props.theme.labelFontFamily};
-  font-weight: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayLabelFontWeight : props.theme.labelFontWeight};
-  font-size: ${(props) => (props.mode === "overlay" ? props.theme.overlayLabelFontSize : props.theme.labelFontSize)};
-  font-style: ${(props) => (props.mode === "overlay" ? props.theme.overlayLabelFontStyle : props.theme.labelFontStyle)};
-  color: ${(props) => (props.mode === "overlay" ? props.theme.overlayLabelFontColor : props.theme.labelFontColor)};
-  text-align: ${(props) => (props.mode === "overlay" ? props.theme.overlayLabelTextAlign : props.theme.labelTextAlign)};
-  letter-spacing: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayLabelLetterSpacing : props.theme.labelLetterSpacing};
-`;
 
-const SpinnerProgress = styled.p<{
-  value: SpinnerPropsType["value"];
-  showValue: SpinnerPropsType["showValue"];
-  mode: SpinnerPropsType["mode"];
-}>`
-  margin: 0;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: ${(props) => (props.value && props.showValue === true && "block") || "none"};
-  font-family: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueFontFamily : props.theme.progressValueFontFamily};
-  font-weight: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueFontWeight : props.theme.progressValueFontWeight};
-  font-size: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueFontSize : props.theme.progressValueFontSize};
-  font-style: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueFontStyle : props.theme.progressValueFontStyle};
-  color: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueFontColor : props.theme.progressValueFontColor};
-  text-align: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueTextAlign : props.theme.progressValueTextAlign};
-  letter-spacing: ${(props) =>
-    props.mode === "overlay" ? props.theme.overlayProgressValueLetterSpacing : props.theme.progressValueLetterSpacing};
+  > strong {
+    font-weight: var(--typography-helper-text-semibold);
+  }
 `;
 
+const DxcSpinner = ({ ariaLabel = "Spinner", label, margin, mode = "large", showValue, value }: SpinnerPropsType) => {
+  const labelId = useId();
+  const colorsTheme = useContext(HalstackContext);
+  const determined = useMemo(() => value != null && value >= 0 && value <= 100, [value]);
+
+  return (
+    <SpinnerContainer margin={margin} mode={mode}>
+      <MainContainer mode={mode}>
+        {mode === "overlay" && <Overlay />}
+        <BackgroundSpinner>
+          {mode === "small" ? (
+            <SVGBackground viewBox="0 0 16 16">
+              <CircleBackground cx="8" cy="8" r="6" mode={mode} />
+            </SVGBackground>
+          ) : (
+            <SVGBackground viewBox="0 0 140 140">
+              <CircleBackground cx="70" cy="70" r="65" mode={mode} />
+            </SVGBackground>
+          )}
+        </BackgroundSpinner>
+        <Spinner
+          aria-valuenow={determined && showValue ? value : undefined}
+          aria-valuemin={determined ? 0 : undefined}
+          aria-valuemax={determined ? 100 : undefined}
+          aria-labelledby={label && mode !== "small" ? labelId : undefined}
+          aria-label={!label ? ariaLabel : mode === "small" ? ariaLabel : undefined}
+          role="progressbar"
+        >
+          {mode === "small" ? (
+            <SVGSpinner viewBox="0 0 16 16" determined={determined}>
+              <CircleSpinner cx="8" cy="8" r="6" mode={mode} determined={determined} value={value} />
+            </SVGSpinner>
+          ) : (
+            <SVGSpinner viewBox="0 0 140 140" determined={determined}>
+              <CircleSpinner cx="70" cy="70" r="65" mode={mode} determined={determined} value={value} />
+            </SVGSpinner>
+          )}
+        </Spinner>
+        {mode !== "small" && (
+          <Labels mode={mode}>
+            {label && <span id={labelId}>{label}</span>}
+            {(value || value === 0) && showValue && <strong>{value}%</strong>}
+          </Labels>
+        )}
+      </MainContainer>
+    </SpinnerContainer>
+  );
+};
+
 export default DxcSpinner;

From 572c433db69a45fc5d59a5e148b23a3b79c2b463 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, 20 Feb 2025 17:58:17 +0100
Subject: [PATCH 2/6] Spinner code enhancements

---
 .../spinner/code/SpinnerCodePage.tsx          |  9 ++-
 packages/lib/src/spinner/Spinner.tsx          | 63 ++++++++-----------
 2 files changed, 33 insertions(+), 39 deletions(-)

diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index 2494b58b3d..a88d52d492 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -81,10 +81,13 @@ const sections = [
               <TableCode>string</TableCode>
             </td>
             <td>
-              Specifies a string to be used as the name for the spinner element when no `label` is provided or the
-              `mode` is set to small.
+              Specifies a string to be used as the accessible name for the component when no <Code>label</Code> is
+              provided or the
+              <Code>mode</Code> is set to small.
+            </td>
+            <td>
+              <TableCode>'Spinner'</TableCode>
             </td>
-            <td>'Spinner'</td>
           </tr>
         </tbody>
       </DxcTable>
diff --git a/packages/lib/src/spinner/Spinner.tsx b/packages/lib/src/spinner/Spinner.tsx
index 813b833248..34711de99d 100644
--- a/packages/lib/src/spinner/Spinner.tsx
+++ b/packages/lib/src/spinner/Spinner.tsx
@@ -1,12 +1,11 @@
-import { useContext, useId, useMemo } from "react";
-import styled, { ThemeProvider } from "styled-components";
+import { useId, useMemo } from "react";
+import styled from "styled-components";
 import { spaces } from "../common/variables";
-import HalstackContext from "../HalstackContext";
 import SpinnerPropsType from "./types";
 
 const SpinnerContainer = styled.div<{
-  mode: SpinnerPropsType["mode"];
   margin: SpinnerPropsType["margin"];
+  mode: SpinnerPropsType["mode"];
 }>`
   ${({ mode }) =>
     mode === "overlay" &&
@@ -100,18 +99,13 @@ const Overlay = styled.div`
   background-color: var(--color-bg-alpha-medium);
 `;
 
-const BackgroundSpinner = styled.div`
-  height: inherit;
-  width: inherit;
+const SVGTotalTrack = styled.svg`
   position: absolute;
-`;
-
-const SVGBackground = styled.svg`
   height: inherit;
   width: inherit;
 `;
 
-const CircleBackground = styled.circle<{ mode: SpinnerPropsType["mode"] }>`
+const TotalTrack = styled.circle<{ mode: SpinnerPropsType["mode"] }>`
   animation: none;
   fill: transparent;
   stroke: var(--color-bg-neutral-lightest);
@@ -143,8 +137,8 @@ const determinateValue = (value: SpinnerPropsType["value"], strokeDashArray: num
   value != null && value >= 0 && value <= 100 ? strokeDashArray * (1 - value / 100) : 0;
 
 const CircleSpinner = styled.circle<{
-  value: SpinnerPropsType["value"];
   determined: boolean;
+  value: SpinnerPropsType["value"];
 }>`
   fill: transparent;
   stroke-linecap: initial;
@@ -185,41 +179,38 @@ const Labels = styled.div<{ mode: SpinnerPropsType["mode"] }>`
 
 const DxcSpinner = ({ ariaLabel = "Spinner", label, margin, mode = "large", showValue, value }: SpinnerPropsType) => {
   const labelId = useId();
-  const colorsTheme = useContext(HalstackContext);
   const determined = useMemo(() => value != null && value >= 0 && value <= 100, [value]);
 
   return (
     <SpinnerContainer margin={margin} mode={mode}>
       <MainContainer mode={mode}>
         {mode === "overlay" && <Overlay />}
-        <BackgroundSpinner>
-          {mode === "small" ? (
-            <SVGBackground viewBox="0 0 16 16">
-              <CircleBackground cx="8" cy="8" r="6" mode={mode} />
-            </SVGBackground>
-          ) : (
-            <SVGBackground viewBox="0 0 140 140">
-              <CircleBackground cx="70" cy="70" r="65" mode={mode} />
-            </SVGBackground>
-          )}
-        </BackgroundSpinner>
+        <SVGTotalTrack viewBox={mode === "small" ? "0 0 16 16" : "0 0 140 140"}>
+          <TotalTrack
+            cx={mode === "small" ? "8" : "70"}
+            cy={mode === "small" ? "8" : "70"}
+            mode={mode}
+            r={mode === "small" ? "6" : "65"}
+          />
+        </SVGTotalTrack>
         <Spinner
+          aria-label={!label || mode === "small" ? ariaLabel : undefined}
+          aria-labelledby={label && mode !== "small" ? labelId : undefined}
           aria-valuenow={determined && showValue ? value : undefined}
           aria-valuemin={determined ? 0 : undefined}
           aria-valuemax={determined ? 100 : undefined}
-          aria-labelledby={label && mode !== "small" ? labelId : undefined}
-          aria-label={!label ? ariaLabel : mode === "small" ? ariaLabel : undefined}
-          role="progressbar"
+          role={determined ? "progressbar" : "status"}
         >
-          {mode === "small" ? (
-            <SVGSpinner viewBox="0 0 16 16" determined={determined}>
-              <CircleSpinner cx="8" cy="8" r="6" mode={mode} determined={determined} value={value} />
-            </SVGSpinner>
-          ) : (
-            <SVGSpinner viewBox="0 0 140 140" determined={determined}>
-              <CircleSpinner cx="70" cy="70" r="65" mode={mode} determined={determined} value={value} />
-            </SVGSpinner>
-          )}
+          <SVGSpinner viewBox={mode === "small" ? "0 0 16 16" : "0 0 140 140"} determined={determined}>
+            <CircleSpinner
+              determined={determined}
+              cx={mode === "small" ? "8" : "70"}
+              cy={mode === "small" ? "8" : "70"}
+              mode={mode}
+              r={mode === "small" ? "6" : "65"}
+              value={value}
+            />
+          </SVGSpinner>
         </Spinner>
         {mode !== "small" && (
           <Labels mode={mode}>

From b2205856f489f75f0732adcc813b66e3780a9acc 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: Fri, 21 Feb 2025 11:13:11 +0100
Subject: [PATCH 3/6] Adding ellipsis to the spinner label

---
 packages/lib/src/index.ts                    |  2 +-
 packages/lib/src/spinner/Spinner.stories.tsx | 67 ++++++++++++--------
 packages/lib/src/spinner/Spinner.tsx         | 10 +--
 3 files changed, 47 insertions(+), 32 deletions(-)

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";
diff --git a/packages/lib/src/spinner/Spinner.stories.tsx b/packages/lib/src/spinner/Spinner.stories.tsx
index 8febcce374..5ff04cca5f 100644
--- a/packages/lib/src/spinner/Spinner.stories.tsx
+++ b/packages/lib/src/spinner/Spinner.stories.tsx
@@ -12,56 +12,69 @@ const Spinner = () => (
   <>
     <ExampleContainer>
       <Title title="With label" theme="light" level={4} />
-      <DxcSpinner label="Label" value={50}></DxcSpinner>
+      <DxcSpinner label="Label" value={50} />
+    </ExampleContainer>
+    <ExampleContainer>
       <Title title="With value label" theme="light" level={4} />
-      <DxcSpinner value={50} showValue></DxcSpinner>
+      <DxcSpinner value={50} showValue />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="With value and label with ellipsis" theme="light" level={4} />
+      <DxcSpinner value={50} showValue label="Loading a full screen..." />
+    </ExampleContainer>
+    <ExampleContainer>
       <Title title="With label and value label" theme="light" level={4} />
-      <DxcSpinner label="Label" value={50} showValue></DxcSpinner>
+      <DxcSpinner label="Label" value={50} showValue />{" "}
+    </ExampleContainer>
+    <ExampleContainer>
       <Title title="With 100%" theme="light" level={4} />
-      <DxcSpinner label="Label" value={100} showValue></DxcSpinner>
+      <DxcSpinner label="Label" value={100} showValue />
     </ExampleContainer>
-    <Title title="Modes" theme="light" level={2} />
     <ExampleContainer>
       <Title title="Mode large" theme="light" level={4} />
-      <DxcSpinner mode="large" value={50}></DxcSpinner>
+      <DxcSpinner mode="large" value={50} />
+    </ExampleContainer>
+    <ExampleContainer>
       <Title title="Mode small" theme="light" level={4} />
-      <DxcSpinner mode="small" value={50}></DxcSpinner>
+      <DxcSpinner mode="small" value={50} />
+    </ExampleContainer>
+    <ExampleContainer>
       <Title title="Mode small with 100%" theme="light" level={4} />
-      <DxcSpinner mode="small" value={100} showValue></DxcSpinner>
+      <DxcSpinner mode="small" value={100} showValue />
     </ExampleContainer>
     <Title title="Margins with large mode" theme="light" level={2} />
     <ExampleContainer>
       <Title title="Xxsmall margin" theme="light" level={4} />
-      <DxcSpinner margin="xxsmall" value={75}></DxcSpinner>
+      <DxcSpinner margin="xxsmall" value={75} />
       <Title title="Xsmall margin" theme="light" level={4} />
-      <DxcSpinner margin="xsmall" value={75}></DxcSpinner>
+      <DxcSpinner margin="xsmall" value={75} />
       <Title title="Small margin" theme="light" level={4} />
-      <DxcSpinner margin="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="small" value={75} />
       <Title title="Medium margin" theme="light" level={4} />
-      <DxcSpinner margin="medium" value={75}></DxcSpinner>
+      <DxcSpinner margin="medium" value={75} />
       <Title title="Large margin" theme="light" level={4} />
-      <DxcSpinner margin="large" value={75}></DxcSpinner>
+      <DxcSpinner margin="large" value={75} />
       <Title title="Xlarge margin" theme="light" level={4} />
-      <DxcSpinner margin="xlarge" value={75}></DxcSpinner>
+      <DxcSpinner margin="xlarge" value={75} />
       <Title title="Xxlarge margin" theme="light" level={4} />
-      <DxcSpinner margin="xxlarge" value={75}></DxcSpinner>
+      <DxcSpinner margin="xxlarge" value={75} />
     </ExampleContainer>
     <Title title="Margins with small mode" theme="light" level={2} />
     <ExampleContainer>
       <Title title="Xxsmall margin" theme="light" level={4} />
-      <DxcSpinner margin="xxsmall" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="xxsmall" mode="small" value={75} />
       <Title title="Xsmall margin" theme="light" level={4} />
-      <DxcSpinner margin="xsmall" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="xsmall" mode="small" value={75} />
       <Title title="Small margin" theme="light" level={4} />
-      <DxcSpinner margin="small" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="small" mode="small" value={75} />
       <Title title="Medium margin" theme="light" level={4} />
-      <DxcSpinner margin="medium" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="medium" mode="small" value={75} />
       <Title title="Large margin" theme="light" level={4} />
-      <DxcSpinner margin="large" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="large" mode="small" value={75} />
       <Title title="Xlarge margin" theme="light" level={4} />
-      <DxcSpinner margin="xlarge" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="xlarge" mode="small" value={75} />
       <Title title="Xxlarge margin" theme="light" level={4} />
-      <DxcSpinner margin="xxlarge" mode="small" value={75}></DxcSpinner>
+      <DxcSpinner margin="xxlarge" mode="small" value={75} />
     </ExampleContainer>
   </>
 );
@@ -69,35 +82,35 @@ const Spinner = () => (
 const SpinnerWithOverlay = () => (
   <ExampleContainer>
     <Title title="Mode overlay" theme="light" level={4} />
-    <DxcSpinner mode="overlay" value={25}></DxcSpinner>
+    <DxcSpinner mode="overlay" value={25} />
   </ExampleContainer>
 );
 
 const SpinnerOverlay100 = () => (
   <ExampleContainer>
     <Title title="Mode overlay" theme="light" level={4} />
-    <DxcSpinner mode="overlay" value={100}></DxcSpinner>
+    <DxcSpinner mode="overlay" value={100} />
   </ExampleContainer>
 );
 
 const SpinnerOverlayLabel = () => (
   <ExampleContainer>
     <Title title="Mode overlay" theme="light" level={4} />
-    <DxcSpinner mode="overlay" value={50} label="Label"></DxcSpinner>
+    <DxcSpinner mode="overlay" value={50} label="Label" />
   </ExampleContainer>
 );
 
 const SpinnerOverlayValue = () => (
   <ExampleContainer>
     <Title title="Mode overlay" theme="light" level={4} />
-    <DxcSpinner mode="overlay" value={50} showValue></DxcSpinner>
+    <DxcSpinner mode="overlay" value={50} showValue />
   </ExampleContainer>
 );
 
 const SpinnerOverlayValueAndLabel = () => (
   <ExampleContainer>
     <Title title="Mode overlay" theme="light" level={4} />
-    <DxcSpinner mode="overlay" label="Label" value={50} showValue></DxcSpinner>
+    <DxcSpinner mode="overlay" label="Label" value={50} showValue />
   </ExampleContainer>
 );
 
diff --git a/packages/lib/src/spinner/Spinner.tsx b/packages/lib/src/spinner/Spinner.tsx
index 34711de99d..137c0c66b1 100644
--- a/packages/lib/src/spinner/Spinner.tsx
+++ b/packages/lib/src/spinner/Spinner.tsx
@@ -163,15 +163,17 @@ const Labels = styled.div<{ mode: SpinnerPropsType["mode"] }>`
   gap: var(--spacing-gap-none, 0px);
   place-items: center;
   width: 116px;
-
   color: ${({ mode }) => (mode === "overlay" ? "var(--color-absolutes-white)" : "var(--color-fg-neutral-dark)")};
   font-family: var(--typography-font-family);
   font-size: var(--typography-helper-text-m);
   font-weight: var(--typography-helper-text-regular);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 
+  > span {
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   > strong {
     font-weight: var(--typography-helper-text-semibold);
   }

From 79c6bdd878ee1e4966d4064598cb3240abade3ce 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 12:16:06 +0100
Subject: [PATCH 4/6] Spinner documentation

---
 .../website/pages/components/spinner/code.tsx |  17 ++
 .../pages/components/spinner/index.tsx        |  24 +-
 .../components/spinner/specifications.tsx     |  21 --
 .../pages/components/spinner/usage.tsx        |  21 --
 .../components/spinner/SpinnerPageLayout.tsx  |   9 +-
 .../spinner/code/SpinnerCodePage.tsx          |  73 +++--
 .../spinner/code/examples/basicUsage.ts       |   2 +-
 .../spinner/overview/SpinnerOverviewPage.tsx  | 231 ++++++++++++++
 .../examples/determinateIndeterminate.ts      |   0
 .../spinner/overview/examples/small.ts        |  20 ++
 .../overview/images/spinner_anatomy.png       | Bin 0 -> 21486 bytes
 .../overview/images/spinner_overlay.png       | Bin 0 -> 29880 bytes
 .../spinner/specs/SpinnerSpecsPage.tsx        | 289 ------------------
 .../spinner/specs/images/spinner_specs.png    | Bin 19950 -> 0 bytes
 .../spinner/usage/SpinnerUsagePage.tsx        |  80 -----
 .../spinner/usage/images/spinner_variants.png | Bin 26362 -> 0 bytes
 16 files changed, 318 insertions(+), 469 deletions(-)
 create mode 100644 apps/website/pages/components/spinner/code.tsx
 delete mode 100644 apps/website/pages/components/spinner/specifications.tsx
 delete mode 100644 apps/website/pages/components/spinner/usage.tsx
 create mode 100644 apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
 rename apps/website/screens/components/spinner/{usage => overview}/examples/determinateIndeterminate.ts (100%)
 create mode 100644 apps/website/screens/components/spinner/overview/examples/small.ts
 create mode 100644 apps/website/screens/components/spinner/overview/images/spinner_anatomy.png
 create mode 100644 apps/website/screens/components/spinner/overview/images/spinner_overlay.png
 delete mode 100644 apps/website/screens/components/spinner/specs/SpinnerSpecsPage.tsx
 delete mode 100644 apps/website/screens/components/spinner/specs/images/spinner_specs.png
 delete mode 100644 apps/website/screens/components/spinner/usage/SpinnerUsagePage.tsx
 delete mode 100644 apps/website/screens/components/spinner/usage/images/spinner_variants.png

diff --git a/apps/website/pages/components/spinner/code.tsx b/apps/website/pages/components/spinner/code.tsx
new file mode 100644
index 0000000000..38d80168ab
--- /dev/null
+++ b/apps/website/pages/components/spinner/code.tsx
@@ -0,0 +1,17 @@
+import Head from "next/head";
+import type { ReactElement } from "react";
+import SpinnerCodePage from "screens/components/spinner/code/SpinnerCodePage";
+import SpinnerPageLayout from "screens/components/spinner/SpinnerPageLayout";
+
+const Code = () => (
+  <>
+    <Head>
+      <title>Spinner code — Halstack Design System</title>
+    </Head>
+    <SpinnerCodePage />
+  </>
+);
+
+Code.getLayout = (page: ReactElement) => <SpinnerPageLayout>{page}</SpinnerPageLayout>;
+
+export default Code;
diff --git a/apps/website/pages/components/spinner/index.tsx b/apps/website/pages/components/spinner/index.tsx
index bce3c4e3c3..817f8c061b 100644
--- a/apps/website/pages/components/spinner/index.tsx
+++ b/apps/website/pages/components/spinner/index.tsx
@@ -1,21 +1,17 @@
 import Head from "next/head";
 import type { ReactElement } from "react";
-import SpinnerCodePage from "screens/components/spinner/code/SpinnerCodePage";
+import SpinnerOverviewPage from "screens/components/spinner/overview/SpinnerOverviewPage";
 import SpinnerPageLayout from "screens/components/spinner/SpinnerPageLayout";
 
-const Index = () => {
-  return (
-    <>
-      <Head>
-        <title>Spinner — Halstack Design System</title>
-      </Head>
-      <SpinnerCodePage></SpinnerCodePage>
-    </>
-  );
-};
+const Index = () => (
+  <>
+    <Head>
+      <title>Spinner — Halstack Design System</title>
+    </Head>
+    <SpinnerOverviewPage />
+  </>
+);
 
-Index.getLayout = function getLayout(page: ReactElement) {
-  return <SpinnerPageLayout>{page}</SpinnerPageLayout>;
-};
+Index.getLayout = (page: ReactElement) => <SpinnerPageLayout>{page}</SpinnerPageLayout>;
 
 export default Index;
diff --git a/apps/website/pages/components/spinner/specifications.tsx b/apps/website/pages/components/spinner/specifications.tsx
deleted file mode 100644
index 3451cab33a..0000000000
--- a/apps/website/pages/components/spinner/specifications.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Head from "next/head";
-import type { ReactElement } from "react";
-import SpinnerSpecsPage from "screens/components/spinner/specs/SpinnerSpecsPage";
-import SpinnerPageLayout from "screens/components/spinner/SpinnerPageLayout";
-
-const Specifications = () => {
-  return (
-    <>
-      <Head>
-        <title>Spinner Specs — Halstack Design System</title>
-      </Head>
-      <SpinnerSpecsPage></SpinnerSpecsPage>
-    </>
-  );
-};
-
-Specifications.getLayout = function getLayout(page: ReactElement) {
-  return <SpinnerPageLayout>{page}</SpinnerPageLayout>;
-};
-
-export default Specifications;
diff --git a/apps/website/pages/components/spinner/usage.tsx b/apps/website/pages/components/spinner/usage.tsx
deleted file mode 100644
index 9e7b51b449..0000000000
--- a/apps/website/pages/components/spinner/usage.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Head from "next/head";
-import type { ReactElement } from "react";
-import SpinnerUsagePage from "screens/components/spinner/usage/SpinnerUsagePage";
-import SpinnerPageLayout from "screens/components/spinner/SpinnerPageLayout";
-
-const Usage = () => {
-  return (
-    <>
-      <Head>
-        <title>Spinner Usage — Halstack Design System</title>
-      </Head>
-      <SpinnerUsagePage></SpinnerUsagePage>
-    </>
-  );
-};
-
-Usage.getLayout = function getLayout(page: ReactElement) {
-  return <SpinnerPageLayout>{page}</SpinnerPageLayout>;
-};
-
-export default Usage;
diff --git a/apps/website/screens/components/spinner/SpinnerPageLayout.tsx b/apps/website/screens/components/spinner/SpinnerPageLayout.tsx
index 0390e9adf7..7dcb6a1752 100644
--- a/apps/website/screens/components/spinner/SpinnerPageLayout.tsx
+++ b/apps/website/screens/components/spinner/SpinnerPageLayout.tsx
@@ -6,9 +6,8 @@ import { ReactNode } from "react";
 
 const SpinnerPageHeading = ({ children }: { children: ReactNode }) => {
   const tabs = [
-    { label: "Code", path: "/components/spinner" },
-    { label: "Usage", path: "/components/spinner/usage" },
-    { label: "Specifications", path: "/components/spinner/specifications" },
+    { label: "Overview", path: "/components/spinner" },
+    { label: "Code", path: "/components/spinner/code" },
   ];
 
   return (
@@ -17,9 +16,9 @@ const SpinnerPageHeading = ({ children }: { children: ReactNode }) => {
         <DxcFlex direction="column" gap="2rem">
           <ComponentHeading name="Spinner" />
           <DxcParagraph>
-            Loading spinner is a waiting indicator in the user interface to communicate users an ongoing proccess.
+            Loading spinner is a waiting indicator in the user interface to communicate users an ongoing process.
           </DxcParagraph>
-          <TabsPageHeading tabs={tabs}></TabsPageHeading>
+          <TabsPageHeading tabs={tabs} />
         </DxcFlex>
       </PageHeading>
       {children}
diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index a88d52d492..9d65c905fb 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -22,6 +22,19 @@ const sections = [
           </tr>
         </thead>
         <tbody>
+          <tr>
+            <td>ariaLabel</td>
+            <td>
+              <TableCode>string</TableCode>
+            </td>
+            <td>
+              Specifies a string to be used as the accessible name for the component when no <Code>label</Code> is
+              provided or the <Code>mode</Code> is set to small.
+            </td>
+            <td>
+              <TableCode>'Spinner'</TableCode>
+            </td>
+          </tr>
           <tr>
             <td>label</td>
             <td>
@@ -34,25 +47,25 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>mode</td>
+            <td>margin</td>
             <td>
-              <TableCode>'large' | 'small' | 'overlay' </TableCode>
+              <TableCode>'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | Margin</TableCode>
             </td>
-            <td>The different variants of the components.</td>
             <td>
-              <TableCode>'large'</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>
           <tr>
-            <td>value</td>
+            <td>mode</td>
             <td>
-              <TableCode>number</TableCode>
+              <TableCode>'large' | 'small' | 'overlay' </TableCode>
             </td>
+            <td>The different variants of the components.</td>
             <td>
-              The value of the progress indicator. If it's received the component is determinate, otherwise is
-              indeterminate.
+              <TableCode>'large'</TableCode>
             </td>
-            <td>-</td>
           </tr>
           <tr>
             <td>showValue</td>
@@ -65,30 +78,16 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>margin</td>
+            <td>value</td>
             <td>
-              <TableCode>'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | Margin</TableCode>
+              <TableCode>number</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.
+              The value of the progress indicator. If it's received the component is determinate, otherwise is
+              indeterminate.
             </td>
             <td>-</td>
           </tr>
-          <tr>
-            <td>ariaLabel</td>
-            <td>
-              <TableCode>string</TableCode>
-            </td>
-            <td>
-              Specifies a string to be used as the accessible name for the component when no <Code>label</Code> is
-              provided or the
-              <Code>mode</Code> is set to small.
-            </td>
-            <td>
-              <TableCode>'Spinner'</TableCode>
-            </td>
-          </tr>
         </tbody>
       </DxcTable>
     ),
@@ -108,15 +107,13 @@ const sections = [
   },
 ];
 
-const SpinnerUsagePage = () => {
-  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/spinner/code/SpinnerCodePage.tsx" />
-    </DxcFlex>
-  );
-};
+const SpinnerCodePage = () => (
+  <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/spinner/code/SpinnerCodePage.tsx" />
+  </DxcFlex>
+);
 
-export default SpinnerUsagePage;
+export default SpinnerCodePage;
diff --git a/apps/website/screens/components/spinner/code/examples/basicUsage.ts b/apps/website/screens/components/spinner/code/examples/basicUsage.ts
index bfb5a2b721..857f2f7655 100644
--- a/apps/website/screens/components/spinner/code/examples/basicUsage.ts
+++ b/apps/website/screens/components/spinner/code/examples/basicUsage.ts
@@ -3,7 +3,7 @@ import { DxcSpinner, DxcInset } from "@dxc-technology/halstack-react";
 const code = `() => {
   return (
     <DxcInset space="2rem">
-      <DxcSpinner />
+      <DxcSpinner label="Loading..." />
     </DxcInset>
   );
 }`;
diff --git a/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx b/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
new file mode 100644
index 0000000000..1b740631ac
--- /dev/null
+++ b/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
@@ -0,0 +1,231 @@
+import { DxcParagraph, DxcBulletedList, DxcFlex, DxcInset } from "@dxc-technology/halstack-react";
+import Image from "@/common/Image";
+import QuickNavContainer from "@/common/QuickNavContainer";
+import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
+import DocFooter from "@/common/DocFooter";
+import Example from "@/common/example/Example";
+import determinateIndeterminate from "./examples/determinateIndeterminate";
+import small from "./examples/small";
+import anatomy from "./images/spinner_anatomy.png";
+import overlay from "./images/spinner_overlay.png";
+
+const sections = [
+  {
+    title: "Introduction",
+    content: (
+      <DxcParagraph>
+        The spinner component is a visual indicator that communicates to users that a process is in progress. It is
+        commonly used for loading states, where content or data retrieval takes time, indicating that an action is being
+        executed. Spinners help maintain a smooth user experience by reducing uncertainty and providing feedback while
+        waiting. They can be adapted in size and color to fit different contexts, making them a versatile choice for
+        various loading scenarios.
+      </DxcParagraph>
+    ),
+  },
+  {
+    title: "Anatomy",
+    content: (
+      <>
+        <Image src={anatomy} alt="Spinner's anatomy" />
+        <DxcBulletedList type="number">
+          <DxcBulletedList.Item>
+            <strong>Label:</strong> provides a textual description of the loading process, enhancing accessibility and
+            helping users understand what is being loaded.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Total circle:</strong> represents the full circumference of the spinner, serving as the stating
+            background that defines the complete loading cycle.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Track circle:</strong> the dynamic element that visually indicates progress by filling up according
+            to the percentage of completion
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Percentage</strong> <em>(Optional)</em>: the dynamic element that visually indicates progress by
+            filling up according to the percentage of completion
+          </DxcBulletedList.Item>
+        </DxcBulletedList>
+      </>
+    ),
+  },
+  {
+    title: "Variants",
+    content: (
+      <DxcParagraph>
+        Depending on the size or position, there are three different variants for the spinner component:{" "}
+        <strong>default</strong>default, <strong>small</strong> and <strong>overlay</strong>.
+      </DxcParagraph>
+    ),
+    subSections: [
+      {
+        title: "Default",
+        content: (
+          <DxcParagraph>
+            The <strong>default variant</strong> of the spinner is the <strong>standard option</strong>, offering a
+            clear visual indication that a process is in progress. It is designed to be noticeable, making it ideal for
+            situations where users must wait for content or system responses. As well as the overlay variant, the
+            default version of our spinner can be <strong>determinate</strong> (it shows the percentage related to the
+            progress of the process) or <strong>indeterminate</strong>.
+          </DxcParagraph>
+        ),
+        subSections: [
+          {
+            title: "Use cases",
+            content: (
+              <>
+                <DxcBulletedList>
+                  <DxcBulletedList.Item>
+                    <strong>Page loading:</strong> indicating that a new page or section of an application is being
+                    loaded.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Data fetching:</strong> warning users of a potential security breach, with actions to change
+                    passwords or review account activity.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Form submission processing:</strong> letting users know that their input is being processed.
+                  </DxcBulletedList.Item>
+                </DxcBulletedList>
+                <Example example={determinateIndeterminate} />
+              </>
+            ),
+          },
+        ],
+      },
+      {
+        title: "Overlay",
+        content: (
+          <DxcParagraph>
+            The <strong>overlay variant</strong> of the spinner is designed for scenarios where the entire interface is
+            temporarily blocked while a process is running. It appears centered on the screen with a semi-transparent
+            background, <strong>preventing user interactions until the task is completed</strong>. This variant ensures
+            users are aware that the system is actively processing their requests and helps prevent unintended actions
+            during critical operations.
+          </DxcParagraph>
+        ),
+        subSections: [
+          {
+            title: "Use cases",
+            content: (
+              <>
+                <DxcBulletedList>
+                  <DxcBulletedList.Item>
+                    <strong>System-wide loading states:</strong> when an entire page or app is waiting for a response.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Blocking UI interactions:</strong> preventing user input while a critical process is being
+                    executed.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Authentication processing:</strong> indicating login or security verification in progress.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Payment processing:</strong> ensuring transactions are completed before allowing further
+                    actions.
+                  </DxcBulletedList.Item>
+                </DxcBulletedList>
+                <Image alt="Spinner overlay variants" src={overlay} />
+              </>
+            ),
+          },
+        ],
+      },
+      {
+        title: "Small",
+        content: (
+          <DxcParagraph>
+            The <strong>small variant</strong> of the spinner is a compact loading indicator designed for inline or
+            localized loading states. It is ideal for{" "}
+            <strong>non-blocking scenarios where users can continue interacting with other elements</strong> while
+            waiting for specific content or data to load. This variant seamlessly integrates within UI components
+            without overwhelming the interface.
+          </DxcParagraph>
+        ),
+        subSections: [
+          {
+            title: "Use cases",
+            content: (
+              <>
+                <DxcBulletedList>
+                  <DxcBulletedList.Item>
+                    <strong>Button loading states:</strong> indicating an action is in progress, such as form
+                    submission.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Table or list updates:</strong> showing loading status when fetching additional rows or
+                    filtering data.
+                  </DxcBulletedList.Item>
+                  <DxcBulletedList.Item>
+                    <strong>Inline form validation:</strong> providing feedback when checking input validity.
+                  </DxcBulletedList.Item>
+                </DxcBulletedList>
+                <Example example={small} />
+              </>
+            ),
+          },
+        ],
+      },
+    ],
+  },
+  {
+    title: "Best practices",
+    content: (
+      <>
+        <DxcBulletedList>
+          <DxcBulletedList.Item>
+            <strong>Use spinners for real-time feedback:</strong> implement the spinner only when there is a delay in
+            content loading or an ongoing process that requires user awareness. Avoid unnecessary use that may lead to
+            confusion.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Choose the right variant:</strong>
+            <DxcInset top="0.5rem" bottom="0.5rem">
+              <DxcBulletedList type="circle">
+                <DxcBulletedList.Item>
+                  The <strong>default (large) spinner</strong> is ideal for full-page or major loading states that
+                  require user attention.
+                </DxcBulletedList.Item>
+                <DxcBulletedList.Item>
+                  The <strong>overlay spinner</strong> works well for modal or section-based loading, preventing
+                  interaction with specific content while keeping the rest of the UI accessible.
+                </DxcBulletedList.Item>
+                <DxcBulletedList.Item>
+                  The <strong>small spinner</strong> is best for inline feedback, such as button actions, table updates,
+                  or background data processing.
+                </DxcBulletedList.Item>
+              </DxcBulletedList>
+            </DxcInset>
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Prevent indefinite loading states:</strong> always ensure the spinner disappears once the process is
+            complete. If an operation takes too long, consider displaying a message or progress indicator with more
+            details.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Avoid blocking critical interactions:</strong> if possible, allow users to navigate or interact with
+            other elements while waiting. Overlay spinners should be used cautiously to prevent unnecessary disruption.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Combine with descriptive labels when necessary:</strong> if the loading state might be unclear,
+            include a short label (e.g., “Loading data…” or “Processing request…”) to provide context.
+          </DxcBulletedList.Item>
+          <DxcBulletedList.Item>
+            <strong>Optimize performance:</strong> if an operation takes longer than expected, consider showing an
+            estimated time or an alternative UI state to maintain user engagement.
+          </DxcBulletedList.Item>
+        </DxcBulletedList>
+      </>
+    ),
+  },
+];
+
+const SpinnerOverviewPage = () => (
+  <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/spinner/usage/SpinnerUsagePage.tsx" />
+  </DxcFlex>
+);
+
+export default SpinnerOverviewPage;
diff --git a/apps/website/screens/components/spinner/usage/examples/determinateIndeterminate.ts b/apps/website/screens/components/spinner/overview/examples/determinateIndeterminate.ts
similarity index 100%
rename from apps/website/screens/components/spinner/usage/examples/determinateIndeterminate.ts
rename to apps/website/screens/components/spinner/overview/examples/determinateIndeterminate.ts
diff --git a/apps/website/screens/components/spinner/overview/examples/small.ts b/apps/website/screens/components/spinner/overview/examples/small.ts
new file mode 100644
index 0000000000..f4b38a83c6
--- /dev/null
+++ b/apps/website/screens/components/spinner/overview/examples/small.ts
@@ -0,0 +1,20 @@
+import { DxcSpinner, DxcInset, DxcFlex } from "@dxc-technology/halstack-react";
+
+const code = `() => {
+  return (
+    <DxcInset space="2rem">
+      <DxcFlex gap="2rem" justifyContent="center">
+        <DxcSpinner label="Loading..." mode="small" value={50} />
+        <DxcSpinner label="Loading..." mode="small" />
+      </DxcFlex>
+    </DxcInset>
+  );
+}`;
+
+const scope = {
+  DxcSpinner,
+  DxcInset,
+  DxcFlex,
+};
+
+export default { code, scope };
diff --git a/apps/website/screens/components/spinner/overview/images/spinner_anatomy.png b/apps/website/screens/components/spinner/overview/images/spinner_anatomy.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8feead275bdde1bd704798e482cb9cd82fe4070
GIT binary patch
literal 21486
zcmeHvXH=6}zi$x5h801ABBPElf`EvW(1Mk56cFh(D$=9`2t9-Z9Z{*HND)F&MnDjv
zg3=R^CLjbvjM9R%&_jSwLdxAwe9w8$x%Yg$Yn?BXwPq5@es=lS-@oiUylP^!W1Gx2
z7!0=K((mW5!C;#SFxZC9En?s=e*3(W!P{2f-)%84nA9=oKaoq<ew_z@6v13GItwfA
zI5-LZvC-{}@fjHGO~Q8WjZH9^`Q1zB&sc<r%na-(%?QK|t;>nrJsdgs*I$pder?!&
z_)*$E@n0I0QcE`-+3B#=yT<u+e|++>>(g5@Hg#j~pD64&E3&`w>GtCtrLuRn=Ssg&
zKXYAV=k80QmnC+8{%f1sjmGL%m-p8FK9orpHSI?bt25o0B`YP!tm2ww1IA35L|@Oy
zS|*)|{}?Z;J17pe2fcI#vxV<4Shm#0>pwpd(smO>etx`t76zRdyz;k-NdNqlE&tEJ
zf5`KXPyh=2qYD36iht~*&=mZm3je6W|C%ZczXmc$&<y-|`2NzGA9K1!f4pEj`CVT#
z^N@~ql(>F%Ic_QcMkD*LOlr;ggF3Zp#t669o^}^Yj=1G_06eR64+aoXE#bEK`_QWD
zCBB`dQy)2}{BPw0@8@XFr(_Z`PCkF|AtwQ;)3nsz5u&&J=Ofm5IvP4~>2?Sh5t2Q`
ztL}>J=$*yPp18}JlAMm|Q%dH0m64LvR{uPn6VvCcAkN&{bbm8=M0}(0kz5brgg0@f
zC^67eQ!=ILq{GD@$JGZVoCh<d!NdeBp+MzdfrsjPRF=WRjD9#A<_*5g*>nR;k!At`
zv!U#yNUghQM}_dhzm)z~7fU%4vYLNG?Tx|~)7h;bB=Qb=x|{}slMuI><7I`royluD
zPB+;?wsxE^au0^zHRXN$J9F9@J3Rjg!Ze%PHl74;>t8&&%DP`Uy&;$Xss^2oFWk#S
z;)L!=8E4<(2bl|XD-9luOldUPBXU3VgzF|~r7DkDa^Mz9#_J7Xs3^hm>r`!*fKTLr
zFma@-4fwh?b4x9F`x4e$wo|0stl~(o1+*M)4}>=>Z3c32>(|O)4l)L}ZT8%Cqh^f1
zx(>b$`uX+MronT&^h=dGmWw=LJ^@pR#8>wL4YGZqnL9Nqk8^_(U3L{Ksx+SWHQi!x
zqxB7#)G+vz2;gkzrb+}isD7g_`Yc$`aAhyF;O$Qh=wPv-$Gf2cI0)1dWcEhjbJ9h9
zkDr_Gr)J648_B}K<X_Su>9~4yKq`VBzSuteRtqnP+e~LwSeG#$SmP^l%4=Ne-w%(_
z-ZLLm>avNK)Ub1>4+FYoH~pOT<B+a<XZG;5{pf1e#jLV!@^fZg@7o)mUJ<%m+@vF>
zM>5+~-#2nJ(sNY&m6yKnzw$76m+V1k<rrw?&L6GweJ{-^F8$ubac`@kSrQ~Mej$#g
z;!ZU;9gXh)_>mLUI8)Ib^Aa2aHgyh?jftxnm2-%@XoZGBUQ%HWeo!K+?YHW%u{POv
zCSjlc+@r=!!xY^E1Aij>?D~M-N=DOA-{hNMd=XZ63(1C~Dl73PMtSK~MfV0kn+|!H
zC=3?xmq{vTwrQwJwb1%iLegctl%U!lXHSalc-M&`rNSlhVt0Z)=p+g^F4BvevR)d%
z+iQ9$-I-6^r7x%YDg@En^&OMj1ok^TaBefC5E&Ps9lK*@b=XRrWfc6b+}dFD`*d-Y
z+(;x+UEV}v2SkNSLSkz66q{3YgXi|)(tmNDf2^C*Je35LZT7?W+JDb<ZdQ|>-c25B
zP;D=psk8KccSI*I5*f@3)u$POm0+{R!UfgGzMyp*P~BwFLgF?jR!&x<XJ2rGq0FfO
z-%pvk`W<QNAh?6Mqc%W7lkT3EME!uq9;a?|dh5PMAl)~pQh-sXw${P_1k&V=6plLJ
zem{vi7R{*6#f^ncMDDD!It!>)stRfRb;6FNRyW3aP%ikp(Mkgyk@a+sxm&dYw1^z^
zcrC1TK0T2lddylseRbALRQ8S=N=M(dJwpl%Dcvlb1SY-|O8J21iQn4Nfr&&eKkWt!
z5F!;I?v#Er%v?$Tp=GUazv5sD$IIDPABkA4N$R@oEFb$Ilt!F(xDE!32w7R$Y1oKj
zaD!6B>n_hZ9BMmcCs}kl{LAarem3J_Em%<WcOjJ?MMhId6n^D=-wUyu$^jRLLTTZp
zsZc1K%@(pm>No1Tw+mN;eK{;}J^rRld6MU|`{J?=#I4~#OCj0$Dpa_%6ZL2l{`<!-
zQDJSzhwMq~5ts8KRc9X7y0t&u3mq_CC^YAb;voi~$c?yR>Myg(zhHWy5Hcd4(sY%<
zDEA!@8L}_g$>NQ9Zz*>AJ5FqXj{fuEjYYAP4$j#1QjXX4J<vD};TEIco#NZAUBN43
zeJ#U-e@I-|?V~CDdQJHCwx3^H+Ewhe+X#uGig1l1MbQ*1gYFY6gZ%TCt<J_kL}^$5
z4g7zi%&L*@utwa^N^vds<xjHSP>F}ylihX+y3Z9tC!Tr=(QYEosu87><&gvwwow+f
zcBb3<ES1Ooqz#M&WSs)9KwMj@KYah-wT(lr5_pdnY7!S47{y3rRDz6D`_jNY(|vD%
z4I)gXLi1_=4##5_v`FcVp%n4If%*AOJ`!c~#vsk*V`m-f9tmHqpeYBLtfef7l)k&|
zB=L*YC~0@-1l)P7QjV?v=T!_XO93L8MeR0sFtzBf{LkJhM7)r|X~(EC<PoJ^`y`s7
zX%d9f5Eee6SSdd0>z^l$<7z{td^5L#*$o9kYrgrH5wug<1@4Os4c!f@fWG~diI?En
zp`op{;BEbQJ-Rr;Cs~{_tU9Z56xda2tgEd*W5K3ocuY7<ILrEBYXdECG$0{@vkDM>
zz)Ey}EANd<{a0vM?a$f%VrePh(*x&7tCtmSyKamC0#^=gmj=chlol$8oc}_ZElaB&
z49RQV(*H_5l2-J6--@c;p?{B2J;m4bWMiUGZv4-a3s;6*FAN#&C&kJwJAg6Y@IqZY
zbb7HL99zf3bt6#tibcq0>?A-0dA+$^XT_TPBL38dtiZY_`F5d)AV0QlB;@(Ik`A6E
z{$<H_M%E#PE3&edZHoj-)%-&+;yPU@ZceAT<4b7uTd*jd^x$?QXW+EW-s$ZMVMnvU
z8nuJMqwYw9<574XJ7lq4OLWQ$VsOPY75&FXr=@nI=%h|C-ON*=!erYPW;LQJFE!DL
z8;g6Bck~VOFSG&v67(gYJr5@T&=U3S`4<meKRj6d=4O&mV7qAtI7zV3YMn;2F_~-A
z{iw<wV453jfd~56_in=Pt0f8PZ#alN{Im3SpowZb99}qV;?*;Y05M>Lm!M-;I+f(&
z0l_AM&PDB1=@9LhR#dLQgub#bIS$5r%Yb$oP~+NwV(>qp#pN_!9cPH(gMWO6s3P1%
zXOGwp8H=?kH!wgqBdp`^R;nm)Z#ZuEU7<$NAq+w&P7)rb0X1QtxtZ8qYgq}jnKiX6
z3lYv9qHeaQhBHTt%6rFwbCMY_NZs<UHPPiF&=<g3^HPwEO#IQF%5QH$vGy<f41eiL
zBHf7yV6}b&E*T8@1=2~!0(fCo@LWH<mh7l4Sdv!1ao*xs9)XEk3i!_<`S5N^1qc2O
zFSq_FHve<tE(1B>6n6o_`vlv7Q2}6z8$(Hj*?3@r&63vl>s#un9*ixba4k=Sh8gRv
ze{Qm=^04>gwHE3QCuLGon&PxiH7z@s96}y3kwKm^$<lkj3U=Gua#%NLX5Jp8BeOkk
zarKuv&*l6<;j>Ai+P)Q)YX|Vlbmz7xZ?hz-6Fzgxr--(Rs`*H{=Fg0;jh`8`#yaiL
z{s*ZmUFHqf!CX;7MkLkm)O}?m;+UkjqNPBHyqoBmP6-^qnI*+i;E^}bt@GGsQRH{;
z4`mb;180ASwKv^=f``SP2p^6s$iu61U14Gz#@9?3_v}5!O4<fjw2vM4*4U4-GNo~%
zjCBVB*y`)QK)P*6%MatMuxY5^WmSt`tPSyN^b^qqsT*=tk@QjxgLRrfnp$0Y-0m=S
zJAYl($z4Vo!07|~00A9;$-@`MQV={P{#gykAeM}q#1xF$P4-Bd?CV~ei<rstt7FqW
zY`Mms*gF{VIM1|bE3n?jggoA6*+d`hN9BKo(8gcS?&c`2sD>&2GElwRviezemqy^&
zV&<r4#PU~x*{cjO0JtHXN$71`O_!*(Y{B4-1!sX<$b=L;`uKGqLg`YfF_A$SDt33I
z2+Um)S|q<laRhyex4r$5d2PkcN<}1hur(VyHZ>OXfbt@?wjx>vV09tbxLpLK#Sk;P
zZyo@j97PZuoB%P#(Fp^H2;`;N`_BhXluy4It`UJ5szV0Au;?lOUWY&Mpo$qAB9^d9
zcjgw2wEA^_apTWj_LHAi7J&6TuR!{F)e|A&AlXgnl(94sK~{#iRNvlKUN~Ao@zi?H
zd@`%<sfE}Dh?)y|VM1@~BwbPT^(4wYPBD+5&R4<CuVw3whK&X3tOT3Rg$yaYdACF1
zi3luTh&S?;-2`VD1^(MY#uA*wE6?R!`8uvRac>t_8%QI3=XN0NGOaBruy{r8rw~(d
zTkZ14>~^3BswxtB@jIuK^6<=vnTq^Ycw%$o%%nmCT2@UvUT1hd#AD=Z$Z#GqL9q5^
zD*vpB2!6cZeE4G~1F%9-NC0Js0GhWZhP0>e9QPAE&wIX23BRN+Qa+v;;^Sy>qyJ;h
z@bn^5CXa&d*ClJ>mp9*>ZL+>OXU&}4`hj#F|HQoZryOSgVPyz(`kjRfOp~`=bYuo$
z9<$rw9*7nSZl$Fz2O4csN>b+!2C^?yHPXe&q|-!N`ikurOjeF!YQLkMSt;1kMIoVe
zhgH9vYogOZ*pz>^iOv?hMdar>2)LgvAIPDQeSgFrna}nAyz&W;HM&y6MM}~<>6x7N
z^-o#s$O+O5Dk-LDhad3I1wtG1Ze#|PpU~ZbP%C&l+A(%U-|`)QZ6!DB^>k1Zy%}E_
zL~DlQ(Wr%`;sjHJxzzj*kMn37f!l6@3&rCWx9IkU)pjlV36<JfxcZL??Hf}QAvYR1
z6Qmw}>Z8P3%c7)QoP`=MolinX;Aykuj#b=vBfYu<Eo;^;IHYgih20DzJl=X8aMG%P
z$RDV{xWPox%l#f^NiM*ceW98vMdu?}_D-AyJTdTdaUX8e@ZC2-i|+x`6@>uj_KQ}S
z7iWKOeZ$L~n3n^@!C6ugGEA)_Q(YrJ<z0H&MfF(xy55lA(fH`^-KGyrt7Qoo*`>G@
z{%-~IGcoc&9`lnSoATvi(sWh^Z~N@ntL?cByqL^r{#&ui%&$IPCNQS}_64=M*)2q;
zwK3ALE;3wGYETg1B2i1K?iC=tz+Nu?WUtxS5(y?g3(R!k%^jyVPv;-qnQ**0F1A}C
zA+F$-1teFpZ=IWW>b3(LvE3dUAyPRysll4Le871&*Sj&$r13QWW<dXgqt0H`u~F91
z;lEjE-Udx%RKUcu`&Oq!h=o~@Lx%OX710LvtG=?4<M~n5a+Sa1-Kx<Jei`PqYwFDk
zG955}6Y@kHy1(jl!D|i@uL8)c2uY8qVh;1e=7@urv+Va@&O+_qJTmHc^yZ+E>7Kg}
zgKMT8&F*FB2B*QIG)sXr@SH@IVcl|Y0y-7xNozJ&6__SnncoIDZvpw+>xNH$ti*4Q
zxHdUeA45$&XdN+g`f&O7u~D=M%=&O19<xo_T{Sd_NfC_V;}pY#>O$50{s{DZ0k@Ik
z2jlxnF$64j2HDXUs4|~L55k8t@cIXMkNS)c@e56XH@6sj4d^OW<-tl!x=;T+kbtyy
zC{D%Pc0e#nv#}O|d~_6Wp1s|`td9KoGH1O;OsB|!161>(iHz2By2xs5i}T2Kxh%8(
zjw~~k_3@SUYE-6ZKW+BzSOS1^`F4U`%^P3@-qND6y>kaUxUoGZMdKJ>vz4|wkK%f>
z(gN-mY<S&6?HtUFm@m)&(E37EjI9>bVAh2qRdWipdAO12wwXzZ5eYe+N!gXB$Z654
z3v@T9UTI$7!s;FX1}ve#-|%uj@0+P}onwNAK3CJOPXe!6&evtVGsXStYMj3Ni**xS
z5xBo)jld=rYvA7H9Ev9Tn+%9nV?ac`DT6sWa`7U*DBRCkkKg^y@1iNpM9V?5P(dsq
z&dn)YX@NhuBoVFcU{}RT8s_r?Kd<sB!9cWbZGenzRVXWw^+Na1Z4a*U*nha0T=FY?
z)ZC-Gprt=^a<%~{aQW)4k_g6X{)a3&|L&2QWCOpiEvyv$>5}rLcnXFRW@>SxX%xz2
zSVG3zy&#sNrR*dns%#CS5w;6YJs{<!T)3&lk9$d~o7sPPJ~c)9U0Je@8lVf>1XA?!
z;7Omu<xlW7$*8vV>MzZ-U0+&8jGDB8n!~QDDP@Bh)7G=>x}{iUPxffzTf$gRncJsa
zI<s%{-}fx321GqHH)<AYqa8qESLM{@6CNsLqW1GF&ky2l>>QdB^c0)o!l%Q3h<~s=
zPrta>fx`pO)dPh!o%{an*+vl!YlHa-1-W>T7sxm)IuE&Hiqio3=vM&EztmS_OpnV)
z7A}46V{pe`Os%HB!ixd#0>Qbo;RK)ZV8agXK+5oyA$z`Beu5%Zut}$RtNxzyZMlT$
zqa(~bUH9k9!|L+(0>E-}2y<AdP<f73Z*X~DS+-Rzp|u*rT-1aK$cP=Vv?+7NT$O82
z-Qbg~WDsNrwyQ3DLXoCa)?Got`UB+iu*h5c*{4W#kt^tF8Yy9{Ev31@vhWTkO=kqK
zYAQ*dF#WfAE`gMaNt;B0JzfMFnSCwelx=!p_I`u;k?h5-wM#*L-erwrDX2rigP{yv
za<ZQ`g+E`vYjcJ-!23x=(P}7ZbmIEd(UGZ3BSsgi0O%Scngc(T2Bkx?Pa$~N6=&*&
zo{m&K709&=pTd9L{9G}YpqsUd9U=>O%x1V7(afQ;>-mM4;pIMb!lvy~8#71+7y^yg
zmYeNFX6I4p$%WaA`aEE+fR%NZ2bhJ>s>kZD%)iEeyre4dbv;oz{(SXAv)jIuwUWZ^
zwb1N~c!Z77ArJO#S&N{Z^V>K04vapTeU}pcTW>qffW4<M3y4i+J&1A@{f+LaY2-zq
z%V%=bd`8W>u3T2Pqi)rCvi17TFZ~r5=cS1*H5_Ltdok|m$s+}?`6$iJYz*sZV$AHX
zv;KM)igPnHyw3s-ltBL8;t0Nu13A)dS=!Tom*3#Oa+D(ttp3q`b{@c3Nzd#AuX>F~
zAkOdCKgD<5n0u&TTdklPh^47@HSX)2q0tZs{dt>U*_M#pD4LCN7=A|wqiZUjuTjwy
zq|<kDj*aNRiOZQz68p2($k~hHGG7Gd-VOA-Wf45i@MC%7w18UAq%xlY8C43`-!CJf
zo#8$<T{awO$39fm14I@I)IdD?ej*{9Tc|If$Y&*RTDF9LF5km?fks+zy}JGgC0;0g
z-r;cz5E}xBgg-1ac=nY%e%{Cd!Ryl13*N<deRAEDBABHYEvK^(C*hvV%IRX8Qg<`I
zDl@STVzIt}ySTEpdS5O=+p5Tp9ZzC7GpJdpD^qiq$jh^3bbdTdRj#V+V;GPw$%J;v
z&a!_0HXqbFe}y8qUFyVd<okuimA4Z}i3v5!y`C$phgO!+Us9Uo@Os)IAUPNBa=_{W
z-uwG&jVO!LW>?l*dfH+V4#4r@^)+vTM#uu@+ieO7a(l}7lXBXN`vDM#Ldg6EQ>EB^
zINl!dtRx5{kZ+#wf-;$}@&1q5Q-!2KNgq=^R>KiavU%~^ns`2<C;jkyRTm3m_|-*3
z)Q$sIddq8!EY%}kPJ$G{0*VtJ4)-;W8honm*7V-HFPcVeRzZ=g>5TPp%s|LUTqCv}
zc!B#!hj0UD9|OD-pH1P@STsD3hBHw{MXZfAu7JahKE52yRHKg^P0+ih_nterh&zOx
zd2>b(`_wm};anFQi7KghoAkLfPyEd;{92;l;;@Uc<JJswN|wRO6UXU15m<JQP)^<i
zVFJ5P7dcT^AwZ&QW+_o?Wyqw6li-@_PU9QBn4NY_->W<F`)IaRDNbP?KrUu^tGdi;
zb)U+~++hvQwhDMi+p4|Eq-JYvnurdQCby<H`L<03YxJ>0oBPrfSMZ<?{%}3*h>9R?
z!86YM!&+wBYX|;;&-i*HOLfPm614&M#Y^^QASx6#BH_WvWe1BF;uOe~LbVC8KLooz
z0atmb$S&`jIH|hw=!D(|Ur(36l<RM!SXwS8m2=P+hsa;$+@w3!+3eNW`Y}e^mcD!t
zHnID3`N>&=R%`NJOKoQLB8Pah!#CZ$=D0!<wu(t!57H--B)i5arhII&n`k%ESt+e|
zmWlWfkW3Wg_f}(ue^5BL{BWOFANjp@C2GqT6ESvr+%cre@Y~hxuv$ZP$ivb+*$rv|
z&rf+RYgF|8HsUj=HG;m_Uz4%9KgIu;KQqLk_^AobSSn?q21G?X1U4AmdTES&%e_O|
zu{hI5yk-pB-@R5_!>lSRiT{qQH`)<%_}u2^!oKyDX1!^?i+LyR)W!r|jK4!a#<t4C
z^90Vv5d_YvVJhj-35(ZSUt_=gRd?aUA+4J>RJNMhv}p5oGDrr>Lcv+s6>g%vs7}w6
zfLr1IexaZ4(VaWXjzIiKH!IOoT`?4$Cp#h8fpb1N;R!h7-Et3VYA%Yo_O=PWN<^X@
zOAwrqce9k8mG<zvN98wzaQ+lDDFLTQlVwsHrm*z&!C^k)a9>JnJ>r-{@fj6nSy|G@
zI1+^fOW#w8<ftd5vk;U7E}s)kACs94kE=1hhPfVpDDc)RrW<T<MjTkFpJh`;U_2km
zVt4wQa7W>UfOtK@%IkWL0Ob}05)hE4bsnq{^^KxCWK_F%J$KA%+ifRC6Mvo&q3Kf`
zuQIZHXVdoRz#fD#k&ZP{qX%>wH}VS7V#k&16DCnhs@{_iYwL}k&I4Gd1648%k3ksC
zS#<u}o`~<e)~_{IRKk&%4Vqcgk1wknA9iPY3{I0M<Q!4ora@0q&HF6_Yc<Idlo#9x
zQsq=ZO{VjwNZl|C4Uv$=C~pYXcCv(eBt&N~q1?rU37Wj-3amqsKccZxRcK5HLgIaj
zeN~(%lB}I7nzw$_FN#yi`*THMCvy^EcTC|arWN7Ll;hUPH7w8eIZt#xQ*-^43JERo
zaQ{Zj3w`3X62LQN|8x|?5H8Ep@d#&-SA3F`vOS7`Es-+AphUDqy^E11aU$ihA3V_0
z2?v<8d{)K6+DcHw9RK{3Yvp*FXY`6MRexn^TJOd(3g|k?TVM$T%&j~FK$c`GTesOL
zFHJ4f3x-V*(RK+}7Dc04kJH7o;vT*C!!2c6T|zE=JlgoTFUka%yy3?()ZKI5+0@+~
zlOqdQ?bOwDfhKnS(5Vy5NjfFm3vV45{QU5_T?vZSl{h1486AmQ;OT~;(4^b+poFO&
zMMbCOUzjYISRhZR!fje2pY<rlsn8_dKDD<Dh*tx%{=nX+VoWwtz1}Mmm%c!bL!o2q
zw(nOt@zqeP)i-n`POE8fw4!dU7aqMBI8MzH#4|pUcKy9TKXKHHoI-TyplVFXHeZG(
zAlWZXB?T3uIR884T^YfHw!|DFnbSj>i(WV`mzdB_YiD!_!Yf<mqvZ)@Uee##KftCf
zq0C$Ur`VSEt+ffrGR^q)rS>jy$UqsERZcvQS>~_@53>piixuUsVm@fdrTdi-TibuL
zH_3G6&dR!}yC;hv&W$5^-N@N6F9VbT+5kmv$~^09z<-&SshBzPzRyRgcu@`R(8l;k
zYoV!}TQV#MzAFaU)N?B@!n5M0U(<^0%amFff$%$*6AU;L#eHkM<(;)-6v3c;=`@rZ
zl@9^zgSyqS&n|Z8ALEZlW;G~LW{B$hituwz0|q?oN#Lyd==`8PC?+s|N6Ixb%hJ_=
zf>mJkMzreP4U9sQeb>H;m#>wJKSyk;D!Vik9`Br>|2~9w>T&WZ8wO4N&z%-9AL5;k
zm2T`GI&^ddJv8G{xt~nPr&P77-201*HFCP%y`_$RWh=DS)Il1pvaw2OORarG7jC))
zBwjeeGHk>&NbtD$IB{?FmxkB|+<}5O)cO+Q3<Cl3dd{8MXSzVp2gR8~LoOdr<e98*
zOU6D<@BoRqfHuqS&5ImfXuP6}G!=;2PF&GPpMZ7^T0{LVBsc!}w0J!{6jND7Vk#&U
zsXt$NcQy=_P*g<{e8(rSJvEK+kaG<GF)dI8T-A9B1^$XXmq3;ze5N#8-7-+@Brj2d
zvia!9EtE)!C5e6lkwo<07K&2i&XiD9Huy3zscn|uv7gJAE6Q;C@8>{iU60eY%>yXr
zPR@$LBCrK*W=01OWz7*VfdCxa#UALwN%$LLP8a74W?h<a2&|#3xClm}`~?gG-KWnq
z^&~bW#0Dk(SZPJ%iDeW<Z@umYGk+moG1faaXkJq@Mq7L}R9g1XY3HZEjzV^Za0{w5
z8?%a#JYFh>7u@S38DR3800Ov#0!ROrV~y}yYZNZfA+X2NZ}_3YoSk`wn<Rz1(AEei
z!|{tFu}zGOV5d%l_g>$m0!T&r$ddmj85^{2D=&E9^)m|)jSSMoEqohx29QnxvUkRh
zD8JM!Ki<`tG8b~Px8)}!j?68edD|A<(*Y0Jf5PT9ZQXUX{dWhG9ipN~|69;sMqMWj
zl)fuJJ-G6p!9Rf02ky^&ds9EC4#5BTcw^geZlmc%-H$zAtdO+&szG+~1W9W!<S670
zuD)|%5fjOURz<zD4nxn*-Ip@2t5~*OEgF2DF89!7S5Y*dlOVuFT*bSr){I1ESyUE{
zg3zcrNlw=o)a<SsLV26)m&GBv<vRm5O5r1|TE2m5TR*JVoPXt7;HvTfZxz#c49~B4
z%W&HTgGq0>3y^-=3H(-05tSF=$M-1&(X96%VptUxP?3f1mBAEK3cs0rj$Q5h4K-4a
zXO%U2Zh#pULXf_+;gyHPO;%vm1HYs8WqVm5sS-`AUj5V}0t+Bj$*p@h`0|2>pQdPD
zC>*t|TT5F(zLN*Slms!_&J|>0Mt-Q`-%cv+!AxnPoLPY>`$${Clj-}Ba8%{Uvs_c&
z@-ft6Nf|#u1i4KVMwlChoT{CQ^;uNF_~`Kdw?Z^^te%-i)ju|#vCbE<)!G3oP2t*(
z<Tke5%pTw_V|`TsPm7?0+{s`3PiaxdYo0UqKZ9~K_{G|Uk?$#*O?9b$!>QW11)Cpb
zG1Y71>3*QmWTRnH{2>?5^BJT6k?dVtq&B*dRl)wBLi-o9;2#O-2eA$&Z1GifY#o)n
z6qDJOJ3LbT<kZ|Dja$CN(-F6*BT;MzIf)Vj-|C6BGkgAe=H$d1iwE4s^6!VOhEl1!
zP@Ls+T|QF%Y#Wx5r?adXupSaZ(#D+<GrF=9roEfw!^FdK4fqpL*v+G#=(yt@8_8pG
z&MXS$SFjgbG0=K!c)vxm6K1I!_T_c<;uw?{_K6E(f9f^%GpAxV!U(Ry77IdrnajC#
zF{GV>HS)iQ!T>br+lYXAQNS@b7>x>I;hWQ6%Z?09bmhdfMe5CcJem-DDN%k?#^k$g
zR))L$a>JXapS1KkY^s3@5lI*mkS5MggA#qUgpkokM#E6lKw2NfQ1!9ml`&Gv(S2wN
z&YG+2@~LL3pztPVX%c6kQjaF{Iqd0R>?dmqr$?V`HMsITMn%yl3k1}D1A(+nv(KW{
z33UAc-_8nu&dOYKW{j)$2+nzAsbwSx2XeBM2Z9Rjy@>?k2L7jtyoN{od0;=HZG{IR
z7IeTgH|f0&+uV284>(Y%6mq7LC=-g;=>q-=o%K$<qGklWmRfURQoQ}RD9a_qQL6Ml
z=m@$X8Ko;)o}&+<X!j_;qY2Rm#;MV&;o(iiZA@d`!<<6m29RnjfS3dmf6%m=Hl5P;
zt{vydd3-}F4}TdknJz&I^$5QrHaz$&cx_><${=M0&t)|`17FnG43EU<RFGEen?@I@
zNIb>*N_Tj=l8zww!PcSpAfv>aQ(RlQ-;VgIpYXm0($d*g|8W|50^FwWJ<s*_B0zD7
zp@+TxGFoh>W@4mf9zF}tUmFfQwa;xrc_5gMYh=H^Q6F@V9?m=U8<IO;uZ9`_G~k4;
zyR)e=Fp9pm$k;ra6V0YhPM8^qWgMp=k&B<3^6kJkCCJ_FZ<p2r->_3CZ^dLlbSq2(
zUpG8m>}}BL(c83j@Qdytw{JBItxCZ-Vq#Ss$-0RFK#pHo^AqMsmS8O_7)uThC%f*&
z_feAp#>f!quSf$~@8Uw$-oW+c^{jYTn}ww`z^0!i0GiC{kN9IUzXJ@pP~5j!hJZ1~
z9JfZUuvfX^#mOe{@B?xsd5ibk7?V79QwbhZnY#S8;<-A(7#3XYdPNZN;{&|P3W;aj
zr#7goS_xz(zo(=vRs%U!rOX2M=)_BQKIty^`26=JY&FVR+DE*0^N~D!o5u(MzMAex
z`v@~**dfr4)cG{R&hLEt{QA8F>Tf<!R-!+Ineg29t55Mb9uH#4QONLQd&>HMJX}}n
z;qZf4cHo@n#Q_IubzaL*)8buB;9_R=N)1!FL&Ri^otc@(8u9nnrkf&o=?rm(g<oqb
z(fmUwrDl`6oik>WQucitL4OyR-E~LEB&cyzPA_ZmZ+KLHk%%-+7!O&#AcT>ZfhmXS
zd_I7#?qW)IY?!aTEnW-2;>4nXx?4vq$OBBt9xhkwpYz5A!2Pjp?&&0o&p_osW=U*A
z^C7I4-+=UsMdFWY96%5=Qi<x@7`Nsli{IqxOw+vL`7)rQkc}xCuyKU(8*CLCCz%JV
z`#XB5^feUqqI%83R6N9`pW>&nr@TfV;9|eEu@t6MOm}9-{A`h*PC4t-5C6wnIcUTW
zEO5GWoUkayU^ivWVa+MbbT2~(SOKz*wDj~>uV_Va#PB@fCVTN7x+o%IEQNA=YKn1<
zyc2-s7N{q!^AS<Be{HUUk$LljW?ld$?0xJzxD$lr96`#k8F4tgO}Xs6Wd~Bgg_0?(
z{<47}d%xpj*cMWXdCQugiNH11hbWeb#7Fc)Iflj2KPI?gQ6oGJmZ{GUMgJ>HefpkO
zjri5XySfT#oR6#Nd$b241l^5OZlGLz8md$f;w>y;nj(6>t*>=}!#qM9xA1W~MRuKO
zr>2|&y?3jIGn21|sxwGkSZ@qDB7&@!s6DpcvhFgZ?7}r(<F{#a1C-_q%TTgLGL99^
zZl#1S18)&<1mdNkwFIHhx~Ye_QH7?@c;a1AiMZ>9i0i}Z2jnzac7cc{Jf3*AgVDY|
z*6gyo0~67<{^U)W!(ki*ah8dpEzL;w7jwT~tON||CSGu}b;NF^6#fa$^mh7cNGu}a
zeCJaGE|dSB&Vb>E&ne7S;=b&;-|Q^#8}vaT3vL*%Ldo<uD{)F^S;tT{3LIzPd_llf
z@GJ0(Fxi%kzC4Ylo-fjv1pVc2j%6!SgacIGtp2Qh+G&r^K5~pvG@{+UiQYtGD*eiw
z)$epj*IH8LBsI`Gf<ShRx3f0x)bgQsDVS#~Y__PH6$C+ULRiY%d0G`O38mzy<WjY-
zKD|~B6d+k4FBpq2h>u%PPcro)&O?rpXb}1eMGSfqTg%%~zQLFAo3(Nt@k9IM&==`Y
zY}@4EHH3b(Y8gEO>*tuc>B>6Ph-5=?#VpZMw;F+r>&%0k=M*b)xgQBd9l|d7p=Gr*
zkm-7h!>Z9+hxn~o5QP2Xf2h&?PjId3s-%ea7{)@w>`I`2!F#{A@BOZ6QN_uurUNm3
zp_;xX3{A1&CMvK|`Yn_61q~8N#DPr9#W6&E4JvEgzRcC!;>UzD*Nrx5V&HRYi6&U2
zANoE`LxR-5Up+TLsx0LMN){iqzU%q6wawn3y!!%*O+|mHXBx+3#Xc3xF^2(0Tvp=G
zwSdwt1Vevw<u}rsQuyO_t82MaR)(JkUq#M2!0psK=PpI{0WAxoH3MPNuIpPLxwm~k
zd4vVb#5Xo8l#x+JHB3)9o`+xL*C<5g8K=LWj&QN*SY78XQumh~pk3>hvD`EyksH5L
zr|%UVVW86kDm##12#XxaZU1T%c!#l^i{Mra`!^EJM*x!F#FhsZnE1TiF#WKW0%q}X
znR@;>&A$dSvg9*jTOF6BbaVj<KmYtj6gP=WtcLPsF*w^&_pajRr9grBhc)to{$L=@
zv2mI)o!m;x4YVSKBMMHAZ&b?Gbu4x>;5DeR&LjERUcV6aKof5@067+uf63|weZz=>
zvd`$PIX3}EZsci7!P9TODcpNgbUf><=QGbaM`oC{#Sa>VAK0k_Y(!tNM<1?5y3ZOm
zNN0TS8@UXRPz5pVaFB_>DR>|dH>k?&#%>B|4Z(q=!Nwvs6S;<p!4TG`k=$7U9JIOs
zy0inXK)nGb3-3bZ9>!3^K}o<c=@kJ8`LX}nqY!H4`?E!1s%@XIn+}xdtxQHBvn0x(
z9In%dchi7gp_Zr@dVO*A8vM~>=(46VkxE;C*GhZ#&Yy>oWCer9&0)0hC*74NH}{q&
z+CcRVb*M8ed$RY&k>)=pI66OrNWQ>(x+6mu;F`fLcB%@u59Hlef4wXju;S8FU|IF`
zqTCGT;Do2fdf>MbPz8^^Ko9?w<2kjNE|JBFNf2Xqf}n7JmKuV*Jc$A5zhE5lZfOOM
z5qq$Ueatf(i{&J0L80M68e>b@A4;ega?xrR_4zh)*J_1)2yLZrj@V1$E?9TX6|bgd
zT>_EQ&Y#65hnjv9b8UceBsJLAEMdhrqov(5_FKJ5P>e+YcVpncX(^A2!<SZpCK9QU
ziw8liyi+`)9)MnRZg}_C)z4*e(Lp6c#m&(x7jYJngv8_5C&UY}!)Qr{VEjA9IbLqh
zm&^Y>rUX$Y)I|#>=-RRJevH!?ZkkmyCU-aN<<yLmd2J`$>O_$%Z?WNJ2fDZr&6{NI
z@2;Jdr+3qFtPjA$xi0hp+^d+v;1>^kBb&dcz8cu4#jZA*sz=mzI$DulfoGrW(h-yu
z`?oIlUN+b_JMNjqdC)@z>q1RWhA;eU{B<+ds}zFu<`cj5MoF|DJSZYv*_^z?-kF!y
zZgx*if+(<e+n<F%Knd2;7zbm0&)z?wrG>e7i+^`q<lk4Mio6$->Ft}6R5g+W9Wh@e
z2pIzVVCzqacgjb6n?Q5b23V)!eMlRA{T~`H%C*&*FXHT-TNd^Yvlw45O8ReGRcB=G
zHG2O89(k}_Z*zHcNIKQ5=jjJSc4oM{rNxcmeGEZROl++}+<`q%DAFiLcz2D@eO#E2
zkpaxH`&p_o)hkmeI0-61EI|aHo9f@M#$4^?ewTXyx)?OcA?v%s?#wH7$&Kyv)h)U|
zI%FwHD2j|)1|@%#jamB|#oQEWFmb3NER^MUbR+>?uJzTYU#7?x6mtEhv-pwf0ARTz
zs@g#e@kv(ll|{!Yme#X>RtisB{&TSDVTSskmWmX+pOL>!J~+i{UlBaytKm5wXr@49
zoE-a>U3KdLZnZ7Tiz62?Mpamoi6K>;=WYU#uuyUKR`AzA0D2LR16c9GMiY31fV(WW
zPl7TDIx%)@eaf=r-qc_&KHQbDuZ%7TSORTTw8pQQ<z71i^le0Uu$MosSe=)YH__LO
z5|=#~kms-!*Yz}UWW3STDlFgvKYU>lWBM?ZL8d%LUIP*8-7#t}NT!_!#h<)`TK=@z
zrqy&l1F&QH7-cINbh0>D+-T|cyc3pxdz&`R(0<d7*<&;$2~~n9@SQR;5wEm28Hb{8
z);tRLw%ovj`%&9Q-Q=M86|TYmotZyYkjgi%m|A;SmV<WYD(kblvzV1Udm{_=8n)L3
zW=3R+dDZ<xVeS@(^9WF<n<3Wb?ZnIcR?x~JdM#?m&&?!02CL$!<*gha6|(#Swd9~F
zDaUy6<i<+=;kz+5dOi)W!PSAAUpL3^4+jj=h1_S-s>g*r?8l_R5>PhP9oKT3<l!m(
zdn|3LLhY~0Sr$i15uV||#R7wZzoxV9gO0Awe`nVr3z6T@+issDxez<_`SDm`&NeF9
zeM7lPft_f^D<CkhK`-|kmvb8USI#_;D!D4`8%(mPdb1|73e_@W4}@CyVaH-9513q%
zTh2C8wO#wKYO{wG2!+>rbUd>0LYZ#l07#cT2gT?*XHEDWS-i;M<=!|_Lst0Wx>=H5
zaBA2~#SQ7OsK_$Vdm8fWIhzWaw3~%bEfb-dM_=122m~naI0)z2e$t?XD*OD9qA@5o
z+~wF{`o_$Xh#P{WPKpzcfj*XkD{DhoU_-O#ghlbMgK#{vSdV`V35anB1UKGyA|H2C
zAgos4yOe))<O@a~3fKpPX_~zw7Z2I4A!<X%(G|-Tu@og#zqI86t>KR$t0V*Xm&+!z
zR)JBZ<JYC73$3dUl6*+x#AS)xgV2?hf!eIMpveC)u_^9>;=oC~)#YKdOrHedWtJ8_
zT)p7tHfgb@#~0di6iWoYVPJfKD5VkXa<8+|K}pM&)%AxZCW<~<y8PV4X6pkak6my=
z(VeJ{cR~)-zt8{Bu#yn}qgfp4|MIyGrR0*d*UBH6-E&xXXre!1@H#-tlm4JUz(*%Y
zJt{|<$e`M>c{~gKO%5(s#g>af6Pmdo*i8T^GXULJ$lm+24T5Qmyit~rcQE*h-}gjx
z|9Vcu<{{8ICdPhJ_Z}3scOgdq8ouUYA;z&9TVl?e)enEcK#a`Be!Btu{xPVrOdDW>
zE)P(MIMsv@E&mE7%`9Ik%8O#H!6OaFa{zkDP8aI_ssHR}@EfPp9JTWptYGe%Dr$W=
zK!m;DCX-eOc6k~!Jp=UBX$-ON>eEn0=Cvyug7;2mO{<FfCe>+*p6t|1%H*v-y3{D_
zruG@u0vBQ|<o|0|LjSP>@mj<tFUixVjmEkucy|sMGGQQ8n5n;y4?%qhow8R%&aL->
z7Swlc0?3-kIsY6L;R(Fo3munjtI>$Or~KJdmRWtC+oTKF6Dyf7S7+#S;GPIR5Kg~Z
z5nHGbCkLNZtY?Cp%Z|#+>baoZ>U1X_!CRjgmNZLx$dr>+xPs6G{H}Z?bc*5Arg)07
z^%(}1Q>E%89iRX_VrKG*FvWt?*y0jkcnNdIz|@`l5H8r+W5D??g65fqDTay_d!Mff
zEPX>1-*$PZVE7tnKLlc12DvQvv=}P!Ak=!-`>zsz=KyrL5bt%;&6ek5X2<@^*aG0`
zd!_bhkB~6<OQ0)5D)PtB3EQOrukWvw3r_h>y~%|(Q4C#g=nQ~IQrH!d2nlV}qUU1A
z9{hLX9`jmo?dt6|nVp@$p^kJlDn0)LgA_nzi-{nJz{-ybQ}&})9!hJy4P-E(aDtTv
z+A?J<^*0f(h}1_`uq)S}|B)AQ>l$cEJ^>L%=(XEo5BS{z#ZFUA+_3-?-ni!p^4#NL
zjc2Nso39sU-w-HQEWZ518kzS!MQ0r_^B1VGEM5zUmYvsZZV{+9D~v$-sDfLoyd{u&
zs>aZfzf9*&>Qz)$Ou4Ufrb+uHnhfdw?8Ov8yQA5QSPE!u1-b--gjvicYUl;ED25U`
z)C_f}ja>hv?RN!=facrIgwm=8B`sS)d@3E1M|&?&B=g+_S0|Uy#W;QmNl+NF(pd-O
z73xzrJaF83zC@MxobmSMs<!Hj*eatP@Pm+qj9e6-t}u{y#SMjYr9^l%?ei^88HBq3
zs@CT|ykJ4H@}eRu3!ay$ejIEnr0oWn()$Q?S~hrmG}As&)b5zGcP2gkaJeD~=BusF
z)T2*;&i}EW02KtahN?ZhC`i%Hxx6asy>VaG>Q9%UA`G7CxO(2gdr(6T2rVo~cxS~?
zRUt6_&D)Bpp3j{xeQM^&KuqHEKhIpw1DFn&hu6AL+4Yw+^-V;H+9M|iKxfau+Z*;4
z$LpChm+@NA_7tEIL*C$$N|=Q*Ra7c+(kem4$#$)R;xWf?({Tp&@cJ%@vV<}XPsxCb
z*BK(+-caWe-TOlY#f|z@25MCWGjW6$V@|s_DNcaqQLxy}wx}XMD44cXvO-dY*Kq#T
zbbndh>WuELR3BFFGO7{u16qUCKxT@9ofrZWU8f3{b4q)+P3P!5IKR|Yx8U%x$lM0{
z_Y{*74uDSAkx&H$hWlvQ3BOb5x;Iq^qWzn&Mozw6aYUv@Fl3cqqahitJ#^Z6oAwTw
z)4y-b4NC4`v(T#yxnQAeZGfNSECMPMct?SHz-G>rSe;SWld99QiWNK`>k=<vm?%M+
z3)nZ|<)m7tQAPJX(#x-&vQ|I~Y?unvY((G*xiE9?;*e|07UKSi^KFM5dP-N*%_$`r
z>p&!ZYq`l_itET~K4-e?1Y*;P4c#86_$r+7qg~?lc&v@z96D0~2G&Nh4uE_Vf%g|f
zB&K#g*|mut@FUMOcn-)z?HL_Nx4x;uBNz3CTr>L8saTLiKRx^DM*dlKD%ZF~HA4yt
zAHX1OZGJVl{5Av|4XtfAkSMo}gmVhN3%7hT83U{Vj3c}+rfrCLmfl_4eq=*;e3~r2
z`HHp<xW#f2%+QGxHiRDhGq(1=?AL0+AC{S$y<|_%4pnVWY08PQK3_5#N?9y^+VchZ
z3Jjl+5)%2$$E$3hm|FT97*A{0bWZMe>f;wemrEMJb<P~yQ~U@(?HEt+0LK(~EN~g8
z=s_)<u(+096C@J`S?>O@0h~Uq@44+D$VscMDFHAJv-o)_<bLd1xLbOtE9lh-kJyuH
zWec(Z{j4Op(;EET?MU?;ZODocri3EFTWUIh-bZVXuSIMnlExgar%eL8Hd3`c>w)XK
zjVV{3O@xZ!gxgzd!Db}g0cs6Z@!cEw(k^qQ>Q+~`zDUT0(|tgJ8bRkf*eI+=cn?JJ
zbL$qO1h|l9o}|arvNj;ummt!VN0{J#A2i#z@Q$bAmx3)0ncImZYqI>oSSU8c?l;&&
z@}}=;mxqpXT6nSO>KiMgA%7X^o#&OT4HQ^l>;JlECGT#z(ZuR3CfkZ+BNszn`yDdl
zc4q+GhPexSGQhnpc%(W^F6i5hM$a@cS2VfG*P|^rA`x_yz&h<9Mi@%GJGDWfyLRT1
z2`>WN?s((VKJK3MU(C_JW@@pMjWibR&hK&K<wEx*_eZ!!L9?6`8c~AON9lBl3b?EN
z3!+#DP37q6ffvxoSV~qEpDPWLn}9Ic?494=IN#5>4n8YiGhw_3n=86Ew-a=Lg7jR1
zlt_6J2(qji=+%IX*RKn?qnx})n|6i~Sh%&0ojjc>#~W0C1NwElZX;N_%rsk27K7Eo
zgajA+z1ZESrvl`@_;%YJRb5tbw^-4ceY($k7GBY}BQarb_`nVjBFDtR`UH_{V&5RD
zZa|2Z?(Sbp)-P8~K4CZb853~;+_|v>x8L-^F5Pzt6<X|@Va9fcQ+xWKis^92OPP6s
zn^r^+?0^y3IN>(EuV)|i-Fv4GRUGE@W~otR2gT#(t<MA<Cd98DLgDegmEEz)$0BN|
zx?{U2I-9!c9k5J14(_i8FnEC5rN^O8QCR7tNS*!VW}z2-;e<BnE7L{bQctpesbXfh
zZx7)<=$HqFW_oL_(3~toZ~<2O^i=uIr9URb>q1*zj)o(l3!8WBZ-EO=P#=HvbkIrH
z4_)92s;!j)7##qEus^KVM)%d9KDQLhLr*P}UoVWkw^{7}&DsE^Ef5!kLc_K|c0Rj(
zY~P%rspv|hZ5_`#b2gn-=9r7SjF{D3SyXohw|T%!h76%F>lju<BUER97axRfpvFmF
zM#Ux}IktTl=+{hm9htf{+AEOObsT}V9Pn3AhM3Q<Vifa=!O+IfS&fw%>CYXXa)9Vg
zgbU?z^X;;d$d$jvYX_wMY&%ZhZ&jRtpL<A|4aj9?LKhT?xVnAj00qHhi)#d4z=RPD
zlFqyv$cx0>L?pebj6b7IW%1V1+TRp2K3}RU3;6KGdE^6?xW`%kpe%SQzyL}FgNMy?
z!79P~e7Fu(EiHqwHPG!@D+I}D&7W0a@+6VGKVp38KW-4>ARr5y@O9B{_vkYbudB)X
z)7%->!6dCP(j*_KkCQ>)iPzlLYItZF_ok;`O+~raY<|n2KK#_uJh)bo=sZq*`Bfhr
z|I1$hF~F{hj_Hh5kDm8+(y@i#>&|>0gxXV1qVjlJhr*f}PU~awN0#{G3x#$K12_aQ
zL(br`fEu_n3ih3yDRg-<EwD-qqvPi7_d5@Vpk<D-1`Wz)o>_LyE)eP8F?r2UbO|UE
zCe)DI`9MGhS{R`D>;upn!xdp2^7aXZ$TpAbhs&{BAZiW>%N!FM;tp%mex-$K1ZYV_
z03HiDT>1OOp@qshw~fJx(A{}A)X590Q1~Py%Ed8w-C18o7(hf9mNF1-w}p58A4BKt
zY?L|YTO1W+;=A6aK{ZE)gcE~0e*FPSL$Gk--_H6vweI#(EU&pWp+9>xG1`*)RS#_Z
zwH71_u&POYNe8hTcB*+eJo7U>POVwayBB(zCzPemJby*)hjm5HjUY^g@eV`s_1g5N
z@1i(7EF?Dbq{9-}WcFU+RGZI>&ryC*aJNk7ai$<x^ivD^u%!!{t5vAT2TPlzi43t6
zHJjaoj$(sQM>YszoTnz44}ZpAFn2LwV_NH$4`?{3RhiD{Yc^ex{w@)*7<L{kZwQ)D
zz}snK)EVt0Gwr}IX_cGIFI{Tmt9$gHt+*>?0AfmC74AjZylH4bXAJS-MbM7=P*-ME
zLWp&&K7S%}2z$#9-Y0=gn5&S&g7H5)Az-2fYGPW09S?t4i2Z2li_7ZkW2`@xsCp4w
zb}mfCh=P+xM-71XCshM{0F@WrhL(HRw+_q-At(s?6)J9-4cHfW5o9K2?k4~I4ErW@
z?$AH}`OPUvqoCLS_D^!H3i?V!fv<uQ&hWpktp0ISxU1`DA-RTLSGHUizQYJxp`TlT
zUMCMjz!Q4O3x87re5m~sQcLKSy1Q2R4ueU6yAs0JKa>4KGe{8r5siP;36g_<tj0ga
h5s1P6Ux)G#_F{+omAUbaE0Bm?x?pm?`0VvN{|D-%JK+ET

literal 0
HcmV?d00001

diff --git a/apps/website/screens/components/spinner/overview/images/spinner_overlay.png b/apps/website/screens/components/spinner/overview/images/spinner_overlay.png
new file mode 100644
index 0000000000000000000000000000000000000000..86012302a2a3292dbc63e800db1f64e7e03f5aea
GIT binary patch
literal 29880
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

literal 0
HcmV?d00001

diff --git a/apps/website/screens/components/spinner/specs/SpinnerSpecsPage.tsx b/apps/website/screens/components/spinner/specs/SpinnerSpecsPage.tsx
deleted file mode 100644
index 352ec22de6..0000000000
--- a/apps/website/screens/components/spinner/specs/SpinnerSpecsPage.tsx
+++ /dev/null
@@ -1,289 +0,0 @@
-import { DxcTable, DxcFlex } from "@dxc-technology/halstack-react";
-import Image from "@/common/Image";
-import QuickNavContainer from "@/common/QuickNavContainer";
-import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
-import Figure from "@/common/Figure";
-import Code from "@/common/Code";
-import DocFooter from "@/common/DocFooter";
-import specsImage from "./images/spinner_specs.png";
-
-const sections = [
-  {
-    title: "Specifications",
-    content: (
-      <Figure caption="Spinner design specifications">
-        <Image src={specsImage} alt="Spinner design specifications" />
-      </Figure>
-    ),
-  },
-  {
-    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>trackCircleColor</Code>
-                </td>
-                <td>Spinner circle (track)</td>
-                <td>
-                  <Code>color-purple-700</Code>
-                </td>
-                <td>#5f249f</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>trackCircleColorOverlay</Code>
-                </td>
-                <td>Spinner circle (track)</td>
-                <td>
-                  <Code>color-purple-500</Code>
-                </td>
-                <td>#a46ede</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>totalCircleColor</Code>
-                </td>
-                <td>Spinner circle (total)</td>
-                <td>
-                  <Code>color-white</Code>
-                </td>
-                <td>#ffffff</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>labelFontColor</Code>
-                </td>
-                <td>Label</td>
-                <td>
-                  <Code>color-black</Code>
-                </td>
-                <td>#000000</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>progressValueFontColor</Code>
-                </td>
-                <td>Percentage</td>
-                <td>
-                  <Code>color-black</Code>
-                </td>
-                <td>#000000</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>overlayBackgroundColor</Code>
-                </td>
-                <td>Overlay</td>
-                <td>
-                  <Code>color-grey-800-a</Code>
-                </td>
-                <td>#000000b3</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>overlayLabelFontColor</Code>
-                </td>
-                <td>Overlay</td>
-                <td>
-                  <Code>color-white</Code>
-                </td>
-                <td>#ffffff</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>overlayProgressValueFontColor</Code>
-                </td>
-                <td>Overlay</td>
-                <td>
-                  <Code>color-white</Code>
-                </td>
-                <td>#ffffff</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Size",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Property</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>width</Code>
-                </td>
-                <td>Spinner container (large)</td>
-                <td>-</td>
-                <td>140px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>height</Code>
-                </td>
-                <td>Spinner container (large)</td>
-                <td>-</td>
-                <td>140px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>width</Code>
-                </td>
-                <td>Spinner container (small)</td>
-                <td>-</td>
-                <td>16px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>height</Code>
-                </td>
-                <td>Spinner container (small)</td>
-                <td>-</td>
-                <td>16px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>max-width</Code>
-                </td>
-                <td>Overlay</td>
-                <td>-</td>
-                <td>100vw</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>max-height</Code>
-                </td>
-                <td>Overlay</td>
-                <td>-</td>
-                <td>100vh</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-      {
-        title: "Typography",
-        content: (
-          <DxcTable>
-            <thead>
-              <tr>
-                <th>Property</th>
-                <th>Element</th>
-                <th>Core token</th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <Code>font-size</Code>
-                </td>
-                <td>Loading label</td>
-                <td>
-                  <Code>font-scale-02</Code>
-                </td>
-                <td>14px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>font-weight</Code>
-                </td>
-                <td>Loading label</td>
-                <td>
-                  <Code>font-regular</Code>
-                </td>
-                <td>400</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>font-size</Code>
-                </td>
-                <td>Percentage</td>
-                <td>
-                  <Code>font-scale-02</Code>
-                </td>
-                <td>14px</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>font-weight</Code>
-                </td>
-                <td>Percentage</td>
-                <td>
-                  <Code>font-bold</Code>
-                </td>
-                <td>700</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>stroke</Code>
-                </td>
-                <td>Spinner circle (large)</td>
-                <td>-</td>
-                <td>8.5px solid</td>
-              </tr>
-              <tr>
-                <td>
-                  <Code>stroke</Code>
-                </td>
-                <td>Spinner circle (small)</td>
-                <td>-</td>
-                <td>2px solid</td>
-              </tr>
-            </tbody>
-          </DxcTable>
-        ),
-      },
-    ],
-  },
-];
-
-const SpinnerSpecsPage = () => {
-  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/spinner/specs/SpinnerSpecsPage.tsx" />
-    </DxcFlex>
-  );
-};
-
-export default SpinnerSpecsPage;
diff --git a/apps/website/screens/components/spinner/specs/images/spinner_specs.png b/apps/website/screens/components/spinner/specs/images/spinner_specs.png
deleted file mode 100644
index 8955680da169f52f89c8844f2e5742a14c24ef38..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 19950
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
Sn844jfy6~*gbQBiz5QS8t6lE^

diff --git a/apps/website/screens/components/spinner/usage/SpinnerUsagePage.tsx b/apps/website/screens/components/spinner/usage/SpinnerUsagePage.tsx
deleted file mode 100644
index 57d17f9cee..0000000000
--- a/apps/website/screens/components/spinner/usage/SpinnerUsagePage.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { DxcParagraph, DxcBulletedList, DxcFlex } from "@dxc-technology/halstack-react";
-import Image from "@/common/Image";
-import QuickNavContainer from "@/common/QuickNavContainer";
-import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
-import Figure from "@/common/Figure";
-import Code from "@/common/Code";
-import DocFooter from "@/common/DocFooter";
-import Example from "@/common/example/Example";
-import determinateIndeterminate from "./examples/determinateIndeterminate";
-import variantsImage from "./images/spinner_variants.png";
-
-const sections = [
-  {
-    title: "Usage",
-    content: (
-      <DxcBulletedList>
-        <DxcBulletedList.Item>There should only be a single spinner on a page at one time.</DxcBulletedList.Item>
-        <DxcBulletedList.Item>
-          Only use the spinner component in a process that takes more than one second.
-        </DxcBulletedList.Item>
-        <DxcBulletedList.Item>The text of the action is not mandatory but recommendable.</DxcBulletedList.Item>
-        <DxcBulletedList.Item>
-          If only a portion of a page is displaying new content or being updated, use a <Code>medium</Code> or{" "}
-          <Code>small</Code> spinner in that part of the page.
-        </DxcBulletedList.Item>
-      </DxcBulletedList>
-    ),
-  },
-  {
-    title: "Variants",
-    content: (
-      <>
-        <DxcParagraph>
-          There are three different variants for the spinner component due to the size or the position:{" "}
-          <strong>large</strong>, <strong>small</strong> and <strong>overlay</strong>.
-        </DxcParagraph>
-        <Figure caption="Spinner variants">
-          <Image src={variantsImage} alt="Spinner variants" />
-        </Figure>
-      </>
-    ),
-  },
-  {
-    title: "Determinate or indeterminate",
-    content: (
-      <>
-        <Example example={determinateIndeterminate} defaultIsVisible />
-        <DxcBulletedList>
-          <DxcBulletedList.Item>
-            Determinate indicators display how long a process will take. They should be used in longer processes.
-          </DxcBulletedList.Item>
-          <DxcFlex direction="column" gap="0.5rem">
-            <DxcBulletedList.Item>
-              Indeterminate indicators express an unspecified amount of wait time. They should be used when:
-            </DxcBulletedList.Item>
-            <DxcBulletedList type="circle">
-              <DxcBulletedList.Item>The processing time is unknown.</DxcBulletedList.Item>
-              <DxcBulletedList.Item>
-                The wait time is expected to be short enough that it&#39;s not necessary to display.
-              </DxcBulletedList.Item>
-            </DxcBulletedList>
-          </DxcFlex>
-        </DxcBulletedList>
-      </>
-    ),
-  },
-];
-
-const SpinnerUsagePage = () => {
-  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/spinner/usage/SpinnerUsagePage.tsx" />
-    </DxcFlex>
-  );
-};
-
-export default SpinnerUsagePage;
diff --git a/apps/website/screens/components/spinner/usage/images/spinner_variants.png b/apps/website/screens/components/spinner/usage/images/spinner_variants.png
deleted file mode 100644
index 30e3c8194fdd5c75ff152af7350aa1816b6898a3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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


From 27acd4ad104f7a8cd63d0b3be2d78dc99242c8a9 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: Fri, 21 Mar 2025 13:34:44 +0100
Subject: [PATCH 5/6] Spinner updates based on feedback

---
 .../spinner/overview/SpinnerOverviewPage.tsx  | 30 ++++++++---------
 packages/lib/src/spinner/Spinner.stories.tsx  | 10 ++++--
 packages/lib/src/spinner/Spinner.tsx          | 33 +++++++++++++------
 3 files changed, 46 insertions(+), 27 deletions(-)

diff --git a/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx b/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
index 1b740631ac..28eb4a29d3 100644
--- a/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
+++ b/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx
@@ -38,11 +38,11 @@ const sections = [
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
             <strong>Track circle:</strong> the dynamic element that visually indicates progress by filling up according
-            to the percentage of completion
+            to the percentage of completion.
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
-            <strong>Percentage</strong> <em>(Optional)</em>: the dynamic element that visually indicates progress by
-            filling up according to the percentage of completion
+            <strong>Percentage</strong> <em>(Optional)</em>: displays a numerical value, typically in the center of the
+            spinner, showing the exact progress of the loading process.
           </DxcBulletedList.Item>
         </DxcBulletedList>
       </>
@@ -61,11 +61,11 @@ const sections = [
         title: "Default",
         content: (
           <DxcParagraph>
-            The <strong>default variant</strong> of the spinner is the <strong>standard option</strong>, offering a
-            clear visual indication that a process is in progress. It is designed to be noticeable, making it ideal for
-            situations where users must wait for content or system responses. As well as the overlay variant, the
-            default version of our spinner can be <strong>determinate</strong> (it shows the percentage related to the
-            progress of the process) or <strong>indeterminate</strong>.
+            The default variant of the spinner is the <strong>standard option</strong>, offering a clear visual
+            indication that a process is in progress. It is designed to be noticeable, making it ideal for situations
+            where users must wait for content or system responses. As well as the overlay variant, the default version
+            of our spinner can be <strong>determinate</strong> (it shows the percentage related to the progress of the
+            process) or <strong>indeterminate</strong>.
           </DxcParagraph>
         ),
         subSections: [
@@ -96,11 +96,11 @@ const sections = [
         title: "Overlay",
         content: (
           <DxcParagraph>
-            The <strong>overlay variant</strong> of the spinner is designed for scenarios where the entire interface is
-            temporarily blocked while a process is running. It appears centered on the screen with a semi-transparent
-            background, <strong>preventing user interactions until the task is completed</strong>. This variant ensures
-            users are aware that the system is actively processing their requests and helps prevent unintended actions
-            during critical operations.
+            The overlay variant of the spinner is designed for scenarios where the entire interface is temporarily
+            blocked while a process is running. It appears centered on the screen with a semi-transparent background,{" "}
+            <strong>preventing user interactions until the task is completed</strong>. This variant ensures users are
+            aware that the system is actively processing their requests and helps prevent unintended actions during
+            critical operations.
           </DxcParagraph>
         ),
         subSections: [
@@ -207,7 +207,7 @@ const sections = [
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
             <strong>Combine with descriptive labels when necessary:</strong> if the loading state might be unclear,
-            include a short label (e.g., “Loading data…” or “Processing request…”) to provide context.
+            include a short label (e.g., "Loading data…" or "Processing request…") to provide context.
           </DxcBulletedList.Item>
           <DxcBulletedList.Item>
             <strong>Optimize performance:</strong> if an operation takes longer than expected, consider showing an
@@ -224,7 +224,7 @@ const SpinnerOverviewPage = () => (
     <QuickNavContainerLayout>
       <QuickNavContainer sections={sections} startHeadingLevel={2} />
     </QuickNavContainerLayout>
-    <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/spinner/usage/SpinnerUsagePage.tsx" />
+    <DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/apps/website/screens/components/spinner/overview/SpinnerOverviewPage.tsx" />
   </DxcFlex>
 );
 
diff --git a/packages/lib/src/spinner/Spinner.stories.tsx b/packages/lib/src/spinner/Spinner.stories.tsx
index 5ff04cca5f..372a6e094e 100644
--- a/packages/lib/src/spinner/Spinner.stories.tsx
+++ b/packages/lib/src/spinner/Spinner.stories.tsx
@@ -2,6 +2,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
 import DxcSpinner from "./Spinner";
+import { userEvent, within } from "@storybook/test";
 
 export default {
   title: "Spinner",
@@ -19,12 +20,12 @@ const Spinner = () => (
       <DxcSpinner value={50} showValue />
     </ExampleContainer>
     <ExampleContainer>
-      <Title title="With value and label with ellipsis" theme="light" level={4} />
+      <Title title="With value and label with ellipsis (triggers tooltip)" theme="light" level={4} />
       <DxcSpinner value={50} showValue label="Loading a full screen..." />
     </ExampleContainer>
     <ExampleContainer>
       <Title title="With label and value label" theme="light" level={4} />
-      <DxcSpinner label="Label" value={50} showValue />{" "}
+      <DxcSpinner label="Label" value={50} showValue />
     </ExampleContainer>
     <ExampleContainer>
       <Title title="With 100%" theme="light" level={4} />
@@ -118,6 +119,11 @@ type Story = StoryObj<typeof DxcSpinner>;
 
 export const Chromatic: Story = {
   render: Spinner,
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const label = canvas.getByText("Loading a full screen...");
+    await userEvent.hover(label);
+  },
 };
 export const SpinnerOverlay: Story = {
   render: SpinnerWithOverlay,
diff --git a/packages/lib/src/spinner/Spinner.tsx b/packages/lib/src/spinner/Spinner.tsx
index 137c0c66b1..d2bfb1fb63 100644
--- a/packages/lib/src/spinner/Spinner.tsx
+++ b/packages/lib/src/spinner/Spinner.tsx
@@ -1,7 +1,8 @@
-import { useId, useMemo } from "react";
+import { MouseEvent, useId, useMemo, useState } from "react";
 import styled from "styled-components";
 import { spaces } from "../common/variables";
 import SpinnerPropsType from "./types";
+import { TooltipWrapper } from "../tooltip/Tooltip";
 
 const SpinnerContainer = styled.div<{
   margin: SpinnerPropsType["margin"];
@@ -163,7 +164,7 @@ const Labels = styled.div<{ mode: SpinnerPropsType["mode"] }>`
   gap: var(--spacing-gap-none, 0px);
   place-items: center;
   width: 116px;
-  color: ${({ mode }) => (mode === "overlay" ? "var(--color-absolutes-white)" : "var(--color-fg-neutral-dark)")};
+  color: ${({ mode }) => (mode === "overlay" ? "var(--color-fg-neutral-bright)" : "var(--color-fg-neutral-dark)")};
   font-family: var(--typography-font-family);
   font-size: var(--typography-helper-text-m);
   font-weight: var(--typography-helper-text-regular);
@@ -182,6 +183,12 @@ const Labels = styled.div<{ mode: SpinnerPropsType["mode"] }>`
 const DxcSpinner = ({ ariaLabel = "Spinner", label, margin, mode = "large", showValue, value }: SpinnerPropsType) => {
   const labelId = useId();
   const determined = useMemo(() => value != null && value >= 0 && value <= 100, [value]);
+  const [hasTooltip, setHasTooltip] = useState(false);
+
+  const handleLabelOnMouseEnter = (event: MouseEvent<HTMLSpanElement>) => {
+    const text = event.currentTarget;
+    setHasTooltip(text.scrollWidth > text.clientWidth);
+  };
 
   return (
     <SpinnerContainer margin={margin} mode={mode}>
@@ -198,16 +205,16 @@ const DxcSpinner = ({ ariaLabel = "Spinner", label, margin, mode = "large", show
         <Spinner
           aria-label={!label || mode === "small" ? ariaLabel : undefined}
           aria-labelledby={label && mode !== "small" ? labelId : undefined}
-          aria-valuenow={determined && showValue ? value : undefined}
-          aria-valuemin={determined ? 0 : undefined}
           aria-valuemax={determined ? 100 : undefined}
+          aria-valuemin={determined ? 0 : undefined}
+          aria-valuenow={determined && showValue ? value : undefined}
           role={determined ? "progressbar" : "status"}
         >
-          <SVGSpinner viewBox={mode === "small" ? "0 0 16 16" : "0 0 140 140"} determined={determined}>
+          <SVGSpinner determined={determined} viewBox={mode === "small" ? "0 0 16 16" : "0 0 140 140"}>
             <CircleSpinner
-              determined={determined}
               cx={mode === "small" ? "8" : "70"}
               cy={mode === "small" ? "8" : "70"}
+              determined={determined}
               mode={mode}
               r={mode === "small" ? "6" : "65"}
               value={value}
@@ -215,10 +222,16 @@ const DxcSpinner = ({ ariaLabel = "Spinner", label, margin, mode = "large", show
           </SVGSpinner>
         </Spinner>
         {mode !== "small" && (
-          <Labels mode={mode}>
-            {label && <span id={labelId}>{label}</span>}
-            {(value || value === 0) && showValue && <strong>{value}%</strong>}
-          </Labels>
+          <TooltipWrapper condition={hasTooltip} label={label}>
+            <Labels mode={mode}>
+              {label && (
+                <span id={labelId} onMouseEnter={handleLabelOnMouseEnter}>
+                  {label}
+                </span>
+              )}
+              {(value || value === 0) && showValue && <strong>{value}%</strong>}
+            </Labels>
+          </TooltipWrapper>
         )}
       </MainContainer>
     </SpinnerContainer>

From 7348dfc1197c4530cd7a2442a46c2eeff9eba529 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: Fri, 21 Mar 2025 15:01:02 +0100
Subject: [PATCH 6/6] Spinner stories update to trigger tooltip

---
 packages/lib/src/spinner/Spinner.stories.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/lib/src/spinner/Spinner.stories.tsx b/packages/lib/src/spinner/Spinner.stories.tsx
index 372a6e094e..1499c9f792 100644
--- a/packages/lib/src/spinner/Spinner.stories.tsx
+++ b/packages/lib/src/spinner/Spinner.stories.tsx
@@ -121,8 +121,8 @@ export const Chromatic: Story = {
   render: Spinner,
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
-    const label = canvas.getByText("Loading a full screen...");
-    await userEvent.hover(label);
+    await userEvent.hover(canvas.getByText("Loading a full screen..."));
+    await userEvent.hover(canvas.getByText("Loading a full screen..."));
   },
 };
 export const SpinnerOverlay: Story = {