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

upcoming: [M3-8772] - Add global borderRadiusTokens to theme and replace hardcoded values #11169

Merged

Conversation

zaenab-akamai
Copy link
Contributor

@zaenab-akamai zaenab-akamai commented Oct 28, 2024

Description 📝

Add global (theme agnostic) border radius tokens to theme

Changes 🔄

  • Added borderRadius tokens to theme accessible via theme.tokens.borderRadius as mentioned in this PR
  • Replaced instances of hardcoded 0 border radius values

Target release date 🗓️

NA

Preview 📷

NA

How to test 🧪

  • Global tokens should be available to components via theme.tokens.*
  • Check that there are no visual changes

As an Author I have considered 🤔

Check all that apply

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@coliu-akamai coliu-akamai added the Design Tokens Laying the groundwork for Design Tokens label Oct 29, 2024
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🎉 445 passing tests on test run #4 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing445 Passing2 Skipped86m 45s

@zaenab-akamai zaenab-akamai marked this pull request as ready for review November 4, 2024 10:23
@zaenab-akamai zaenab-akamai requested a review from a team as a code owner November 4, 2024 10:23
@zaenab-akamai zaenab-akamai requested review from hana-akamai, carrillo-erik and jaalah-akamai and removed request for a team November 4, 2024 10:23
borderRadius: 0,
borderRadius: theme.tokens.borderRadius.None,
Copy link
Contributor

Choose a reason for hiding this comment

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

Personally, I think it's easier just to type 0 than theme.tokens.borderRadius.None

Copy link
Contributor

Choose a reason for hiding this comment

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

I agree it's shorter, but what tokens provide is essentially semantic clarity and intent. Often you'll hear alias tokens be referred to as semantic tokens in that using the token makes it clear this was an intentional design decision rather than a one-off value. So granted None will always mean 0 in this case, there's other benefits we obtain from this approach as well

@jaalah-akamai jaalah-akamai merged commit cf3613f into linode:develop Nov 4, 2024
23 checks passed
Copy link

cypress bot commented Nov 4, 2024

Cloud Manager E2E    Run #6780

Run Properties:  status check passed Passed #6780  •  git commit cf3613f206: upcoming: [M3-8772] - Add global borderRadiusTokens to theme and replace hardcod...
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6780
Run duration 25m 27s
Commit git commit cf3613f206: upcoming: [M3-8772] - Add global borderRadiusTokens to theme and replace hardcod...
Committer zaenab-akamai
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 2
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 445
View all changes introduced in this branch ↗︎

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

Successfully merging this pull request may close these issues.

6 participants