Skip to content

feat(tokens): Include responsiveLayoutMargin tokens#2662

Merged
aweell merged 21 commits into
productionfrom
2648-responsive-layout-update-app-50-vivo-new
Jul 21, 2026
Merged

feat(tokens): Include responsiveLayoutMargin tokens#2662
aweell merged 21 commits into
productionfrom
2648-responsive-layout-update-app-50-vivo-new

Conversation

@annefranca

Copy link
Copy Markdown
Collaborator

Addition of a new margin token for the responsive layout across all brands.

Addition of a new margin token for the responsive layout across all brands.
@annefranca
annefranca requested review from aweell and yceballost June 25, 2026 19:48
@annefranca annefranca linked an issue Jun 25, 2026 that may be closed by this pull request
6 tasks
@yceballost yceballost changed the title Margin token addition feat(tokens): Include responsiveLayoutMargin tokens Jun 25, 2026
Comment thread tokens/esimflag.json Outdated
@aweell

aweell commented Jun 30, 2026

Copy link
Copy Markdown
Collaborator

You need to add in skin-schema.json the following:

That should fix the failing checks

yceballost and others added 3 commits June 30, 2026 11:35
I removed the "margin" from the prefix, leaving only mobile, tablet, desktop, large desktop, and extra-large desktop.
@annefranca
annefranca requested a review from Marcosld June 30, 2026 12:39
annefranca and others added 6 commits June 30, 2026 11:00
Add:
- "responsiveLayoutMargin"
- "responsiveLayoutMargin": { "$ref": "#/definitions/spacingProperties" }
- "largeDesktop": { "type": "number" } and "extraLargeDesktop": { "type": "number" }
@aweell

aweell commented Jul 1, 2026

Copy link
Copy Markdown
Collaborator

Blocked by Telefonica/mistica-web#1611

@aweell aweell added the blocked label Jul 1, 2026
@brtbrt

brtbrt commented Jul 8, 2026

Copy link
Copy Markdown

This PR should be updated: we're about to remove vivo-new, which, as of now, is vivo.

We're gonna have the following vivo ones:

  • vivo (former vivo-new)
  • vivo-evolution

https://github.com/Telefonica/mistica-web/blob/7729cf213e5c0768fddd44d973f6013adfd73b98/packages/generate-design-tokens/index.js#L28

Telefonica/mistica-web#1595

@brtbrt
brtbrt self-requested a review July 8, 2026 22:11

@brtbrt brtbrt left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

This PR should be updated: we're about to remove vivo-new, which, as of now, is vivo.

We're gonna have the following vivo ones:

  • vivo (former vivo-new)
  • vivo-evolution

https://github.com/Telefonica/mistica-web/blob/7729cf213e5c0768fddd44d973f6013adfd73b98/packages/generate-design-tokens/index.js#L28

Telefonica/mistica-web#1595

Adjustment to the Vivo and Vivo New themes to reflect the Vivo and Vivo Evolution structure.
@brtbrt

brtbrt commented Jul 14, 2026

Copy link
Copy Markdown

@annefranca in that case you can re-request review: I'll be notified to check the PR! :)
image

Comment thread .github/workflows/sync-figma-tokens.yml
Comment thread .github/workflows/sync-figma-tokens.yml Outdated
Comment thread tokens/figma/utils/constants.mjs Outdated
Comment thread tokens/vivo.json
@annefranca
annefranca requested a review from brtbrt July 14, 2026 12:13
@aweell

aweell commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

We've merged #2688, this has created som conflicts I'll solve so this PR is ready to go

@brtbrt

brtbrt commented Jul 15, 2026

Copy link
Copy Markdown

feel free to "resolve" comments I've left before the merge, and that now don't make sense :)

brtbrt

This comment was marked as resolved.

Comment thread tokens/schema/skin-schema.json

@brtbrt brtbrt left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

we need to redefine the jsom schema contract in order to require mobile as well as desktop

@Marcosld
Marcosld requested a review from brtbrt July 21, 2026 10:37
@brtbrt

brtbrt commented Jul 21, 2026

Copy link
Copy Markdown

appreciated. thanks

@aweell aweell removed the blocked label Jul 21, 2026
@aweell
aweell added this pull request to the merge queue Jul 21, 2026
Merged via the queue into production with commit 3b0a733 Jul 21, 2026
11 checks passed
@aweell
aweell deleted the 2648-responsive-layout-update-app-50-vivo-new branch July 21, 2026 12:47
MurilloLeoni pushed a commit to MurilloLeoni/mistica-web that referenced this pull request Jul 22, 2026
…1662)

- `resopnsiveLayoutMargin` has been introduced
- skins have been imported by
Telefonica/mistica-design#2662
- package has been "improved" to let it run more easily by local command
line

# Todo
- [x] `generate-design-tokens` from workflows, not locally, to check
things are ok
- [ ] update screenshots it diffs are ok with our changes

---------

Co-authored-by: brtbrt <brtbrt@users.noreply.github.com>
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.

Responsive layout: update App 5.0 / Vivo New

6 participants