feat(fuselage): Replace typography of Message's user name and Banner'…

…s title (#577) Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>
RocketChat · Dec 1, 2021 · 6af2dba · 6af2dba
1 parent 4322376
commit 6af2dba
Show file tree

Hide file tree

Showing 88 changed files with 2 additions and 2 deletions.
diff --git a/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_All_Selects.png b/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_All_Selects.png
diff --git a/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Button.png b/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Button.png
diff --git a/...ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Button_As_Link.png b/...ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Button_As_Link.png
diff --git a/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Date_Picker.png b/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Actions_With_Date_Picker.png
diff --git a/...ference/desktop_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png b/...ference/desktop_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png
diff --git a/...t/.loki/reference/desktop_Surfaces_Message_Actions_With_Initialized_Selects.png b/...t/.loki/reference/desktop_Surfaces_Message_Actions_With_Initialized_Selects.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Conditional.png b/packages/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Conditional.png
diff --git a/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Mrkdwn.png b/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Mrkdwn.png
diff --git a/...age-ui-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Plain_Text.png b/...age-ui-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Plain_Text.png
diff --git a/...i-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Text_And_Images.png b/...i-kit/.loki/reference/desktop_Surfaces_Message_Context_With_Text_And_Images.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Divider.png b/packages/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Divider.png
diff --git a/...s/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Image_With_Title.png b/...s/fuselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Image_With_Title.png
diff --git a/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Image_Without_Title.png b/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Image_Without_Title.png
diff --git a/...-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Button_Accessory.png b/...-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Button_Accessory.png
diff --git a/....loki/reference/desktop_Surfaces_Message_Section_With_Date_Picker_Accessory.png b/....loki/reference/desktop_Surfaces_Message_Section_With_Date_Picker_Accessory.png
diff --git a/...i-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Image_Accessory.png b/...i-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Image_Accessory.png
diff --git a/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Mrkdwn.png b/...uselage-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Mrkdwn.png
diff --git a/...oki/reference/desktop_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png b/...oki/reference/desktop_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png
diff --git a/...age-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Plain_Text.png b/...age-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Plain_Text.png
diff --git a/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Text_Fields.png b/...ge-ui-kit/.loki/reference/desktop_Surfaces_Message_Section_With_Text_Fields.png
diff --git a/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_All_Selects.png b/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_All_Selects.png
diff --git a/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Button.png b/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Button.png
diff --git a/...-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Button_As_Link.png b/...-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Button_As_Link.png
diff --git a/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Date_Picker.png b/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Actions_With_Date_Picker.png
diff --git a/...eference/mobile_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png b/...eference/mobile_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png
diff --git a/...it/.loki/reference/mobile_Surfaces_Message_Actions_With_Initialized_Selects.png b/...it/.loki/reference/mobile_Surfaces_Message_Actions_With_Initialized_Selects.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Conditional.png b/packages/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Conditional.png
diff --git a/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Mrkdwn.png b/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Mrkdwn.png
diff --git a/...lage-ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Plain_Text.png b/...lage-ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Plain_Text.png
diff --git a/...ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Text_And_Images.png b/...ui-kit/.loki/reference/mobile_Surfaces_Message_Context_With_Text_And_Images.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Divider.png b/packages/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Divider.png
diff --git a/...es/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Image_With_Title.png b/...es/fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Image_With_Title.png
diff --git a/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Image_Without_Title.png b/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Image_Without_Title.png
diff --git a/...i-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Button_Accessory.png b/...i-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Button_Accessory.png
diff --git a/.../.loki/reference/mobile_Surfaces_Message_Section_With_Date_Picker_Accessory.png b/.../.loki/reference/mobile_Surfaces_Message_Section_With_Date_Picker_Accessory.png
diff --git a/...ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Image_Accessory.png b/...ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Image_Accessory.png
diff --git a/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Mrkdwn.png b/...fuselage-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Mrkdwn.png
diff --git a/...loki/reference/mobile_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png b/...loki/reference/mobile_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png
diff --git a/...lage-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Plain_Text.png b/...lage-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Plain_Text.png
diff --git a/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Text_Fields.png b/...age-ui-kit/.loki/reference/mobile_Surfaces_Message_Section_With_Text_Fields.png
diff --git a/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_All_Selects.png b/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_All_Selects.png
diff --git a/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Button.png b/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Button.png
diff --git a/...-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Button_As_Link.png b/...-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Button_As_Link.png
diff --git a/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Date_Picker.png b/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Actions_With_Date_Picker.png
diff --git a/...eference/tablet_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png b/...eference/tablet_Surfaces_Message_Actions_With_Filtered_Conversations_Select.png
diff --git a/...it/.loki/reference/tablet_Surfaces_Message_Actions_With_Initialized_Selects.png b/...it/.loki/reference/tablet_Surfaces_Message_Actions_With_Initialized_Selects.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Conditional.png b/packages/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Conditional.png
diff --git a/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Mrkdwn.png b/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Mrkdwn.png
diff --git a/...lage-ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Plain_Text.png b/...lage-ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Plain_Text.png
diff --git a/...ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Text_And_Images.png b/...ui-kit/.loki/reference/tablet_Surfaces_Message_Context_With_Text_And_Images.png
diff --git a/packages/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Divider.png b/packages/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Divider.png
diff --git a/...es/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Image_With_Title.png b/...es/fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Image_With_Title.png
diff --git a/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Image_Without_Title.png b/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Image_Without_Title.png
diff --git a/...i-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Button_Accessory.png b/...i-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Button_Accessory.png
diff --git a/.../.loki/reference/tablet_Surfaces_Message_Section_With_Date_Picker_Accessory.png b/.../.loki/reference/tablet_Surfaces_Message_Section_With_Date_Picker_Accessory.png
diff --git a/...ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Image_Accessory.png b/...ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Image_Accessory.png
diff --git a/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Mrkdwn.png b/...fuselage-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Mrkdwn.png
diff --git a/...loki/reference/tablet_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png b/...loki/reference/tablet_Surfaces_Message_Section_With_Overflow_Menu_Accessory.png
diff --git a/...lage-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Plain_Text.png b/...lage-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Plain_Text.png
diff --git a/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Text_Fields.png b/...age-ui-kit/.loki/reference/tablet_Surfaces_Message_Section_With_Text_Fields.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Actionable.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Actionable.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Banner.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Banner.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Inline.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Inline.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Normal.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Banner_Normal.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Message_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Message_Default.png
diff --git a/...uselage/.loki/reference/chrome_iphone7_Messages_Message_Message_With_Thread.png b/...uselage/.loki/reference/chrome_iphone7_Messages_Message_Message_With_Thread.png
diff --git a/...es/fuselage/.loki/reference/chrome_iphone7_Messages_Message_With_Sequential.png b/...es/fuselage/.loki/reference/chrome_iphone7_Messages_Message_With_Sequential.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Attachment.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Attachment.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Default.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Large_Footer.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Large_Footer.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Large_Title.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Large_Title.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_No_Preview.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_No_Preview.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Thumb.png b/packages/fuselage/.loki/reference/chrome_iphone7_Messages_Preview_Thumb.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Actionable.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Actionable.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Banner.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Banner.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Inline.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Inline.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Normal.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Banner_Normal.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Message_Default.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Message_Default.png
diff --git a/...fuselage/.loki/reference/chrome_laptop_Messages_Message_Message_With_Thread.png b/...fuselage/.loki/reference/chrome_laptop_Messages_Message_Message_With_Thread.png
diff --git a/...ges/fuselage/.loki/reference/chrome_laptop_Messages_Message_With_Sequential.png b/...ges/fuselage/.loki/reference/chrome_laptop_Messages_Message_With_Sequential.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Attachment.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Attachment.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Default.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Default.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Large_Footer.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Large_Footer.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Large_Title.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Large_Title.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_No_Preview.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_No_Preview.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Thumb.png b/packages/fuselage/.loki/reference/chrome_laptop_Messages_Preview_Thumb.png
diff --git a/packages/fuselage/src/components/Banner/Banner.styles.scss b/packages/fuselage/src/components/Banner/Banner.styles.scss
@@ -100,7 +100,7 @@
   &__title {
     margin: 0;
     padding: 0;
-    @include typography.use-font-scale(p4);
+    @include typography.use-font-scale(h5);
 
     &--inline {
       display: inline;

diff --git a/packages/fuselage/src/components/Message/Messages.styles.scss b/packages/fuselage/src/components/Message/Messages.styles.scss
@@ -79,7 +79,7 @@ $message-background-color-focus: functions.theme(
 
     &__name {
       @extend %rcx-margins-header;
-      @include typography.use-font-scale(p4);
+      @include typography.use-font-scale(h5);
       @include typography.use-with-truncated-text();
       flex-shrink: 1;