From c53858d1aaad785d7fe890a1a3d51f1e13c047ee Mon Sep 17 00:00:00 2001
From: victortrinh2 <132942359+victortrinh2@users.noreply.github.com>
Date: Mon, 21 Oct 2024 10:36:24 -0400
Subject: [PATCH] [DS-354] Wrap text instead of overflowing (#167)

- Radio
- Checkbox
- Switch
---
 .changeset/light-carrots-relate.md                | 5 +++++
 packages/components/src/checkbox/src/Checkbox.css | 4 ----
 packages/components/src/radio/src/Radio.css       | 3 ---
 packages/components/src/switch/src/Switch.css     | 4 ----
 4 files changed, 5 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/light-carrots-relate.md

diff --git a/.changeset/light-carrots-relate.md b/.changeset/light-carrots-relate.md
new file mode 100644
index 000000000..d6479fc58
--- /dev/null
+++ b/.changeset/light-carrots-relate.md
@@ -0,0 +1,5 @@
+---
+"@workleap/orbiter-ui": patch
+---
+
+Switch, Checkbox and Radio label will now wrap instead of having an ellipsis by default
diff --git a/packages/components/src/checkbox/src/Checkbox.css b/packages/components/src/checkbox/src/Checkbox.css
index cd055c5b0..4d5963496 100644
--- a/packages/components/src/checkbox/src/Checkbox.css
+++ b/packages/components/src/checkbox/src/Checkbox.css
@@ -98,10 +98,6 @@
 /* CONTENT | LABEL */
 .o-ui-checkbox-label {
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: inline;
 }
 
 /* CONTENT | LABEL | REVERSE */
diff --git a/packages/components/src/radio/src/Radio.css b/packages/components/src/radio/src/Radio.css
index 01c1ec482..cca145878 100644
--- a/packages/components/src/radio/src/Radio.css
+++ b/packages/components/src/radio/src/Radio.css
@@ -51,9 +51,6 @@
 /* CONTENT | LABEL */
 .o-ui-radio-label {
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
 }
 
 /* CONTENT | LABEL | REVERSE */
diff --git a/packages/components/src/switch/src/Switch.css b/packages/components/src/switch/src/Switch.css
index 2f319972a..e081870ea 100644
--- a/packages/components/src/switch/src/Switch.css
+++ b/packages/components/src/switch/src/Switch.css
@@ -43,10 +43,6 @@
 .o-ui-switch-label {
     grid-area: label;
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: inline;
 }
 
 /* LABEL | REVERSE */