Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Styled components upgrade #2397

Draft
wants to merge 5 commits into
base: main
Choose a base branch
from
Draft

Styled components upgrade #2397

wants to merge 5 commits into from

Conversation

kattylucy
Copy link
Collaborator

Upgrade styled components and fix the breaking changes

#2270

Approvals

  • Dev

Copy link

socket-security bot commented Aug 21, 2024

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher

View full report↗︎

@kattylucy kattylucy marked this pull request as ready for review August 21, 2024 16:26
@kattylucy kattylucy requested review from onnovisser and sophialittlejohn and removed request for onnovisser August 21, 2024 16:26
Copy link

github-actions bot commented Aug 21, 2024

PR deployed in Google Cloud
URL: https://app-pr2397.k-f.dev
Commit #: c0a7232
To access the functions directly check the corresponding deploy Action

Copy link

github-actions bot commented Aug 21, 2024

PR deployed in Google Cloud
URL: https://pr2397-app-ff-production.k-f.dev
Commit #: c0a7232
To access the functions directly check the corresponding deploy Action

Copy link
Collaborator

@sophialittlejohn sophialittlejohn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💅

`

const StyledText = styled(Text)`
marginleft: auto;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
marginleft: auto;
margin-left: auto;

@@ -27,10 +27,10 @@ const Chip = styled(Text)((props) =>
css({
display: 'inline-block',
px: 1,
bg: `${props.backgroundColor}Bg`,
bg: `${String(props.backgroundColor)}Bg`,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
bg: `${String(props.backgroundColor)}Bg`,
bg: `${props.backgroundColor}Bg`,

borderRadius: 'chip',
whiteSpace: 'nowrap',
color: `${props.color}`,
color: `${String(props.color)}`,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
color: `${String(props.color)}`,
color: `${props.color}`,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants