fix(MenuSelectionGroup): remove font-size style

use Text[type='body-secondary'] instead
momentum-design · Sep 25, 2024 · 6507bc3 · 6507bc3
1 parent 0237268
commit 6507bc3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/components/Menu/Menu.stories.tsx b/src/components/Menu/Menu.stories.tsx
@@ -138,7 +138,7 @@ SelectionGroups.parameters = {
           title={
             <Flex direction="row" alignItems="center" xgap="0.25rem">
               <Icon scale={16} name="speaker" strokeColor="none" />
-              <Text>Speaker (you can choose many)</Text>
+              <Text type="body-secondary">Speaker (you can choose many)</Text>
             </Flex>
           }
         >
@@ -163,7 +163,7 @@ SelectionGroups.parameters = {
           title={
             <Flex direction="row" alignItems="center" xgap="0.25rem">
               <Icon scale={16} name="microphone" strokeColor="none" />
-              <Text>Microphone (you can choose one)</Text>
+              <Text type="body-secondary">Microphone (you can choose one)</Text>
             </Flex>
           }
         >
@@ -193,7 +193,7 @@ SelectionGroups.parameters = {
           title={
             <Flex direction="row" alignItems="center" xgap="0.25rem">
               <Icon scale={16} name="adjust-microphone" strokeColor="none" />
-              <Text>Webex smart audio (You can choose one)</Text>
+              <Text type="body-secondary">Webex smart audio (You can choose one)</Text>
             </Flex>
           }
         >
@@ -225,7 +225,7 @@ SelectionGroups.parameters = {
           title={
             <Flex direction="row" alignItems="center" xgap="0.25rem">
               <Icon scale={16} name="accessibility" strokeColor="none" />
-              <Text>Layout</Text>
+              <Text type="body-secondary">Layout</Text>
             </Flex>
           }
         >

diff --git a/src/components/MenuSelectionGroup/MenuSelectionGroup.style.scss b/src/components/MenuSelectionGroup/MenuSelectionGroup.style.scss
@@ -10,8 +10,4 @@
   font-size: 0.875rem;
   line-height: 1.375rem;
   padding: 0.25rem 0.75rem;
-
-  .md-text-wrapper {
-    font-size: 0.875rem;
-  }
 }