From a95b2f7b3ed2fa7cc325898dbf8555e1976dc308 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=BAlia=20Jaeger=20Foresti?= <60678893+juliajforesti@users.noreply.github.com> Date: Tue, 31 Oct 2023 14:47:01 -0300 Subject: [PATCH 1/7] fix(fuselage): add `Callout` missing background-color (#1210) --- .changeset/quiet-pigs-peel.md | 5 +++++ .../src/components/Callout/Callout.styles.scss | 6 ++++++ .../fuselage/src/components/Callout/Callout.tsx | 4 +--- .../Callout/__snapshots__/Callout.spec.tsx.snap | 14 +++++++------- 4 files changed, 19 insertions(+), 10 deletions(-) create mode 100644 .changeset/quiet-pigs-peel.md diff --git a/.changeset/quiet-pigs-peel.md b/.changeset/quiet-pigs-peel.md new file mode 100644 index 0000000000..8bb7bb6729 --- /dev/null +++ b/.changeset/quiet-pigs-peel.md @@ -0,0 +1,5 @@ +--- +"@rocket.chat/fuselage": patch +--- + +fix(fuselage): add `Callout` missing background-color diff --git a/packages/fuselage/src/components/Callout/Callout.styles.scss b/packages/fuselage/src/components/Callout/Callout.styles.scss index ac91b931af..dc143b3a27 100644 --- a/packages/fuselage/src/components/Callout/Callout.styles.scss +++ b/packages/fuselage/src/components/Callout/Callout.styles.scss @@ -2,6 +2,10 @@ @use '../../styles/lengths.scss'; @use '../../styles/typography.scss'; +$callout-background-color: theme( + 'callout-background-color', + colors.surface(light) +); $callout-default-color: theme( 'callout-default-color', colors.font(secondary-info) @@ -34,6 +38,8 @@ $callout-text-color: theme('callout-text-color', colors.font(default)); border-radius: theme('callout-border-radius', lengths.border-radius(medium)); + background-color: $callout-background-color; + &--info { border-color: $callout-info-color; diff --git a/packages/fuselage/src/components/Callout/Callout.tsx b/packages/fuselage/src/components/Callout/Callout.tsx index 76cb3207df..034fc4472f 100644 --- a/packages/fuselage/src/components/Callout/Callout.tsx +++ b/packages/fuselage/src/components/Callout/Callout.tsx @@ -29,9 +29,7 @@ export const Callout = ({ return (