ref: replace relativeSmall with fontSize.sm (#104447)

TkDodo · web-flow · commit fac2c69e689b · 2025-12-05T14:57:31.000+01:00
diff --git a/static/app/components/events/interfaces/performance/anrRootCause.tsx b/static/app/components/events/interfaces/performance/anrRootCause.tsx
@@ -196,7 +196,7 @@ function Spacer() {
 }
 
 const Subtitle = styled('div')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   font-weight: ${p => p.theme.fontWeight.normal};
   color: ${p => p.theme.subText};
 `;
diff --git a/static/app/components/feedback/feedbackItem/feedbackItemHeader.tsx b/static/app/components/feedback/feedbackItem/feedbackItemHeader.tsx
@@ -97,5 +97,5 @@ const VerticalSpacing = styled('div')`
 
 const SeenBy = styled('span')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
diff --git a/static/app/components/feedback/feedbackItem/feedbackShortId.tsx b/static/app/components/feedback/feedbackItem/feedbackShortId.tsx
@@ -114,5 +114,5 @@ export default function FeedbackShortId({className, feedbackItem, style}: Props)
 
 const ShortId = styled(TextOverflow)`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
diff --git a/static/app/components/feedback/feedbackItem/messageTitle.tsx b/static/app/components/feedback/feedbackItem/messageTitle.tsx
@@ -57,7 +57,7 @@ export default function MessageTitle({feedbackItem, eventData}: Props) {
 
 const StyledTimeSince = styled(TimeSince)`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   align-self: center;
   white-space: nowrap;
 `;
diff --git a/static/app/components/footer.tsx b/static/app/components/footer.tsx
@@ -132,7 +132,7 @@ const SentryLogoLink = styled(ExternalLink)`
 `;
 
 const Build = styled('span')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   color: ${p => p.theme.subText};
   font-weight: ${p => p.theme.fontWeight.bold};
   margin-left: ${space(1)};
diff --git a/static/app/components/forms/controls/radioGroup.tsx b/static/app/components/forms/controls/radioGroup.tsx
@@ -141,7 +141,7 @@ const RadioLineText = styled('div', {shouldForwardProp})<{disabled?: boolean}>`
 
 const Description = styled('div')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   line-height: 1.4em;
 `;
 
diff --git a/static/app/components/forms/fields/segmentedRadioField.tsx b/static/app/components/forms/fields/segmentedRadioField.tsx
@@ -175,7 +175,7 @@ const RadioLineText = styled('div', {shouldForwardProp})<{disabled?: boolean}>`
 
 const Description = styled('div')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   line-height: 1.4em;
 `;
 
diff --git a/static/app/components/serviceIncidentDetails.tsx b/static/app/components/serviceIncidentDetails.tsx
@@ -219,7 +219,7 @@ const StatusTitle = styled('div')`
 
 const StatusDate = styled('div')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 const ComponentList = styled(List)`
diff --git a/static/app/stories/apiReference.tsx b/static/app/stories/apiReference.tsx
@@ -406,7 +406,7 @@ const StoryTypesTableDefinitionCell = styled('td')`
   }
 
   > span {
-    font-size: ${p => p.theme.fontSizeRelativeSmall};
+    font-size: ${p => p.theme.fontSize.sm};
     font-weight: ${p => p.theme.fontWeight.bold};
     margin-right: ${p => p.theme.space.xs};
   }
@@ -417,7 +417,7 @@ const StoryType = styled('div')`
 `;
 
 const StoryPropDescription = styled('div')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   margin-bottom: ${p => p.theme.space.xs};
 `;
 
diff --git a/static/app/utils/theme/theme.tsx b/static/app/utils/theme/theme.tsx
@@ -628,7 +628,6 @@ const commonTheme = {
    * @TODO(jonasbadalic) remove relative font sizes
    * @deprecated use fontSize instead
    */
-  fontSizeRelativeSmall: '0.9em' as const,
   codeFontSize: '13px' as const,
   headerFontSize: '22px' as const,
 
diff --git a/static/app/views/settings/account/accountAuthorizations.tsx b/static/app/views/settings/account/accountAuthorizations.tsx
@@ -123,7 +123,7 @@ function AccountAuthorizations() {
 export default AccountAuthorizations;
 
 const Description = styled('p')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   margin-bottom: ${space(4)};
 `;
 
@@ -148,10 +148,10 @@ const ApplicationName = styled('div')`
  */
 const Url = styled('div')`
   margin-bottom: ${space(0.5)};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 const DetailRow = styled('div')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
diff --git a/static/app/views/settings/account/accountIdentities.tsx b/static/app/views/settings/account/accountIdentities.tsx
@@ -250,7 +250,7 @@ const IdentityName = styled('div')`
   font-weight: ${p => p.theme.fontWeight.bold};
 `;
 const IdentityDateTime = styled(DateTime)`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   color: ${p => p.theme.subText};
 `;
 
diff --git a/static/app/views/settings/account/accountSecurity/components/u2fEnrolledDetails.tsx b/static/app/views/settings/account/accountSecurity/components/u2fEnrolledDetails.tsx
@@ -161,7 +161,7 @@ const DeviceInformation = styled('div')`
 `;
 
 const FadedDateTime = styled(DateTime)`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   opacity: 0.6;
 `;
 
diff --git a/static/app/views/settings/account/accountSecurity/sessionHistory/sessionRow.tsx b/static/app/views/settings/account/accountSecurity/sessionHistory/sessionRow.tsx
@@ -39,11 +39,11 @@ const IpAddress = styled('div')`
   font-weight: ${p => p.theme.fontWeight.bold};
 `;
 const CountryCode = styled('div')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 const StyledTimeSince = styled(TimeSince)`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 const IpAndLocation = styled('div')`
diff --git a/static/app/views/settings/account/apiTokenRow.tsx b/static/app/views/settings/account/apiTokenRow.tsx
@@ -67,7 +67,7 @@ function ApiTokenRow({
 
 const ScopeList = styled('div')`
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   max-width: 400px;
 `;
 
diff --git a/static/app/views/settings/organizationTeams/teamNotifications.tsx b/static/app/views/settings/organizationTeams/teamNotifications.tsx
@@ -242,7 +242,7 @@ const NotDisabledText = styled('div')`
 `;
 const NotDisabledSubText = styled('div')`
   color: ${p => p.theme.subText};
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   line-height: 1.4;
   margin-top: ${space(1)};
 `;
diff --git a/static/app/views/settings/project/projectKeys/details/keyRateLimitsForm.tsx b/static/app/views/settings/project/projectKeys/details/keyRateLimitsForm.tsx
@@ -227,7 +227,7 @@ const RateLimitRow = styled('div')`
 `;
 
 const EventsIn = styled('small')`
-  font-size: ${p => p.theme.fontSizeRelativeSmall};
+  font-size: ${p => p.theme.fontSize.sm};
   text-align: center;
   white-space: nowrap;
 `;

Original file line number	Diff line number	Diff line change
`@@ -196,7 +196,7 @@ function Spacer() {`
`196`	`196`	`}`
`197`	`197`
`198`	`198`	const Subtitle = styled('div')`
`199`		`- font-size: ${p => p.theme.fontSizeRelativeSmall};`
	`199`	`+ font-size: ${p => p.theme.fontSize.sm};`
`200`	`200`	`font-weight: ${p => p.theme.fontWeight.normal};`
`201`	`201`	`color: ${p => p.theme.subText};`
`202`	`202`	`;
Original file line number	Diff line number	Diff line change
@@ -406,7 +406,7 @@ const StoryTypesTableDefinitionCell = styled('td')`
`406`	`406`	`}`
`407`	`407`
`408`	`408`	`> span {`
`409`		`- font-size: ${p => p.theme.fontSizeRelativeSmall};`
	`409`	`+ font-size: ${p => p.theme.fontSize.sm};`
`410`	`410`	`font-weight: ${p => p.theme.fontWeight.bold};`
`411`	`411`	`margin-right: ${p => p.theme.space.xs};`
`412`	`412`	`}`
@@ -417,7 +417,7 @@ const StoryType = styled('div')`
`417`	`417`	`;
`418`	`418`
`419`	`419`	const StoryPropDescription = styled('div')`
`420`		`- font-size: ${p => p.theme.fontSizeRelativeSmall};`
	`420`	`+ font-size: ${p => p.theme.fontSize.sm};`
`421`	`421`	`margin-bottom: ${p => p.theme.space.xs};`
`422`	`422`	`;
`423`	`423`