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

fix: expand composite objects and convert rem to px #55

Merged
merged 4 commits into from
Jul 31, 2024

Conversation

jaalah-akamai
Copy link
Collaborator

Description 📝

There was an issue with the previous release where rem values were being incorrectly converted to px values and all the values for composite objects were being expanded.

Additionally, certain properties of the typography object, such as text-decoration, text-transform, and letter-spacing, were not being generated because the shorthand transformations do not include them.

Major Changes 🔄

  • Added better logging for debugging
  • Removed size/px transformation
  • @davyd-akamai Alias.Typography.Body.List had a paragraphSpacing property which was not being used, I removed it because I didn't see it in the Figma spec. I'm not even sure what that would map to, margin top/bottom?
  • Moved textCase and letterSpacing from the overline token. This will now be 3 tokens:
$token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans';
$token-alias-typography-heading-overline-letter-spacing: 0.023rem;
$token-alias-typography-heading-overline-text-case: uppercase;

@davyd-akamai Alternatively, we could utilize the Font.Textcase.Uppercase token and add a new token for a general line spacing like Font.LetterSpacing

Preview 📷

Before After
Screenshot 2024-07-30 at 3 08 32 PM Screenshot 2024-07-30 at 2 50 56 PM

@jaalah-akamai jaalah-akamai added bug Something isn't working ready for review labels Jul 30, 2024
@jaalah-akamai jaalah-akamai self-assigned this Jul 30, 2024
@jaalah-akamai jaalah-akamai merged commit 210eebe into linode:staging Jul 31, 2024
1 check passed
Copy link
Collaborator

@davyd-akamai davyd-akamai left a comment

Choose a reason for hiding this comment

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

Looks good on my side!

jaalah-akamai added a commit that referenced this pull request Sep 13, 2024
* fix: expand composite objects and convert rem to px (#55)

Co-authored-by: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com>
Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>

* Shadow blur value fix

* Launch button tokens
Default border raduis alias token

* Launch split menu button tokens

* New "rangeHover" and "activeDateHover" interaction tokens, calendar tokens structure update

* New global gradient token and new component tokens for the Appbar and Progress Bar components that use gradients

* Add descriptions

* Remove extensions from linear gradient

* Update branch with latest and fix border radius and linear gradient

* Numeric spinner text color property fix

* Horizontal stepper structure update
Error tag new background token

* New tokens for KPI bar: background token, disabled state for KPIs
New alias accent disabled token

* Update BorderRadius to Radius

* Update BorderRadius to Radius

---------

Co-authored-by: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
jaalah-akamai added a commit that referenced this pull request Sep 18, 2024
* fix: expand composite objects and convert rem to px (#55)

Co-authored-by: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com>
Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>

* Shadow blur value fix

* Launch button tokens
Default border raduis alias token

* Launch split menu button tokens

* New "rangeHover" and "activeDateHover" interaction tokens, calendar tokens structure update

* New global gradient token and new component tokens for the Appbar and Progress Bar components that use gradients

* Add descriptions

* Remove extensions from linear gradient

* Update branch with latest and fix border radius and linear gradient

* Numeric spinner text color property fix

* Horizontal stepper structure update
Error tag new background token

* New tokens for KPI bar: background token, disabled state for KPIs
New alias accent disabled token

* Update BorderRadius to Radius

* Update BorderRadius to Radius

---------

Co-authored-by: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working ready for review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants