fix(fuselage): Bubble missing font-family (#1372)

RocketChat · May 2, 2024 · 3b6daee · 3b6daee
1 parent f1f7359
commit 3b6daee
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/.changeset/shaggy-foxes-explode.md b/.changeset/shaggy-foxes-explode.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): `Bubble` missing font-family
diff --git a/packages/fuselage/src/components/Bubble/BubbleButton.tsx b/packages/fuselage/src/components/Bubble/BubbleButton.tsx
@@ -19,7 +19,7 @@ export const BubbleButton = ({
   ...props
 }: BubbleButtonProps) => (
   <button
-    className={`rcx-bubble__button ${
+    className={`rcx-box rcx-box--full rcx-bubble__button ${
       secondary
         ? 'rcx-bubble__button--secondary'
         : 'rcx-bubble__button--primary'

diff --git a/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap b/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap
@@ -7,7 +7,7 @@ exports[`[Bubble Rendering] renders Dismissable without crashing 1`] = `
       class="rcx-bubble rcx-box rcx-box--full rcx-bubble__group "
     >
       <button
-        class="rcx-bubble__button rcx-bubble__button--primary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--primary"
       >
         <i
           aria-hidden="true"
@@ -21,7 +21,7 @@ exports[`[Bubble Rendering] renders Dismissable without crashing 1`] = `
       </button>
       <button
         aria-label="Dismiss New messages"
-        class="rcx-bubble__button rcx-bubble__button--primary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--primary"
       >
         <i
           aria-hidden="true"
@@ -42,7 +42,7 @@ exports[`[Bubble Rendering] renders IconAndLabel without crashing 1`] = `
       class="rcx-bubble rcx-box rcx-box--full  "
     >
       <button
-        class="rcx-bubble__button rcx-bubble__button--primary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--primary"
       >
         <i
           aria-hidden="true"
@@ -66,7 +66,7 @@ exports[`[Bubble Rendering] renders LabelOnly without crashing 1`] = `
       class="rcx-bubble rcx-box rcx-box--full  "
     >
       <button
-        class="rcx-bubble__button rcx-bubble__button--primary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--primary"
       >
         <span>
           See new messages
@@ -84,7 +84,7 @@ exports[`[Bubble Rendering] renders Secondary without crashing 1`] = `
       class="rcx-bubble rcx-box rcx-box--full  "
     >
       <button
-        class="rcx-bubble__button rcx-bubble__button--secondary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--secondary"
       >
         <span>
           See new messages
@@ -110,7 +110,7 @@ exports[`[Bubble Rendering] renders SecondaryDismissable without crashing 1`] =
       </span>
       <button
         aria-label="Dismiss New messages"
-        class="rcx-bubble__button rcx-bubble__button--secondary"
+        class="rcx-box rcx-box--full rcx-bubble__button rcx-bubble__button--secondary"
       >
         <i
           aria-hidden="true"