From 6da6c0296246daadaf47f734e704f078714271b6 Mon Sep 17 00:00:00 2001
From: Adam Kudrna <adam.kudrna@lmc.eu>
Date: Thu, 29 Aug 2024 18:13:20 +0200
Subject: [PATCH] Feat(web): Switch `Breadcrumbs` component to v3 design tokens
 #DS-1450

---
 .../src/scss/components/Breadcrumbs/_theme.scss    | 14 +++++++-------
 packages/web/src/scss/components/index.scss        |  3 ++-
 tests/e2e/demo-components-compare.spec.ts          |  1 -
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/web/src/scss/components/Breadcrumbs/_theme.scss b/packages/web/src/scss/components/Breadcrumbs/_theme.scss
index 2ab2645c4e..0def33718c 100644
--- a/packages/web/src/scss/components/Breadcrumbs/_theme.scss
+++ b/packages/web/src/scss/components/Breadcrumbs/_theme.scss
@@ -1,10 +1,10 @@
-@use 'sass:map';
-@use '@tokens' as tokens;
+@use '@global' as global-tokens;
+@use '../../settings/globals';
 
-$breakpoints: tokens.$breakpoints;
+$breakpoints: global-tokens.$breakpoints;
 
-$typography: tokens.$body-small-text-regular;
-$color: tokens.$text-secondary-default;
+$typography: global-tokens.$body-4-regular;
+$color: var(--#{globals.$prefix}color-text-secondary);
 
-$gap-mobile-up: tokens.$space-300;
-$gap-tablet-up: tokens.$space-400;
+$gap-mobile-up: global-tokens.$space-300;
+$gap-tablet-up: global-tokens.$space-500;
diff --git a/packages/web/src/scss/components/index.scss b/packages/web/src/scss/components/index.scss
index 2ad2287bdd..b22cc279fd 100644
--- a/packages/web/src/scss/components/index.scss
+++ b/packages/web/src/scss/components/index.scss
@@ -1,7 +1,8 @@
 // This code is commented out until we switch it to the new token system
 // @forward 'Accordion';
 // @forward 'Alert';
-// @forward 'Breadcrumbs';
+@forward 'Breadcrumbs';
+
 // @forward 'Button';
 // @forward 'Checkbox';
 @forward 'Collapse';
diff --git a/tests/e2e/demo-components-compare.spec.ts b/tests/e2e/demo-components-compare.spec.ts
index 704df80445..ccdfee32aa 100644
--- a/tests/e2e/demo-components-compare.spec.ts
+++ b/tests/e2e/demo-components-compare.spec.ts
@@ -8,7 +8,6 @@ import { formatPackageName, getServerUrl, takeScreenshot, waitForPageLoad } from
 const IGNORED_TESTS: string[] = [
   'Accordion',
   'Alert',
-  'Breadcrumbs',
   'Button',
   'ButtonLink',
   'Checkbox',