From da2218d48a885be3c973645b23f527460a2d516f Mon Sep 17 00:00:00 2001
From: dlcaldeira <124570762+dlcaldeira@users.noreply.github.com>
Date: Thu, 18 Apr 2024 16:29:35 +0100
Subject: [PATCH] chore: remove bootstrap-theme from QualityBar and RatioBar
 (#5278)

---
 .changeset/gentle-bikes-hope.md                              | 5 +++++
 .../src/components/QualityBar/QualityRatioBar.module.scss    | 1 -
 .../src/components/RatioBar/RatioBar.module.scss             | 5 ++---
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/gentle-bikes-hope.md

diff --git a/.changeset/gentle-bikes-hope.md b/.changeset/gentle-bikes-hope.md
new file mode 100644
index 0000000000..8b0d07c6ca
--- /dev/null
+++ b/.changeset/gentle-bikes-hope.md
@@ -0,0 +1,5 @@
+---
+"@talend/design-system": minor
+---
+
+chore: remove bootstrap-theme dependency from QualityBar and RatioBar components
diff --git a/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss b/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss
index b9f5fa5353..cb89da9b02 100644
--- a/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss
+++ b/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss
@@ -1,4 +1,3 @@
-@use '~@talend/bootstrap-theme/src/theme/guidelines' as *;
 @use '~@talend/design-tokens/lib/tokens';
 
 $custom-quality-bar-placeholder-line-hover-height: 0.25rem;
diff --git a/packages/design-system/src/components/RatioBar/RatioBar.module.scss b/packages/design-system/src/components/RatioBar/RatioBar.module.scss
index 351dc2dbaf..7afe131924 100644
--- a/packages/design-system/src/components/RatioBar/RatioBar.module.scss
+++ b/packages/design-system/src/components/RatioBar/RatioBar.module.scss
@@ -1,4 +1,3 @@
-@use '~@talend/bootstrap-theme/src/theme/guidelines' as *;
 @use '~@talend/design-tokens/lib/tokens';
 
 $custom-ratio-bar-height: 0.5rem;
@@ -9,11 +8,11 @@ $custom-ratio-bar-line-hover-height: 0.5rem;
 	align-items: center;
 	display: flex;
 	height: $custom-ratio-bar-height;
-	padding: $padding-small 0;
+	padding: tokens.$coral-spacing-xs 0;
 	width: 100%;
 
 	&-counter {
-		padding-left: $padding-smaller;
+		padding-left: tokens.$coral-spacing-xxs;
 	}
 
 	&-lines {