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

feat(skin): update design tokens #1320

Closed

Conversation

tuentisre
Copy link
Collaborator

Automated changes by create-pull-request GitHub action

@tuentisre tuentisre requested review from atabel and pladaria February 14, 2025 14:51
@yceballost yceballost changed the title feat(skin): update design tokens Poc: Red Tag Promo in Movistar Feb 14, 2025
Copy link

github-actions bot commented Feb 14, 2025

Size stats

master this branch diff
Total JS 12.3 MB 12.3 MB -9 B
JS without icons 2.07 MB 2.07 MB -9 B
Lib overhead 74.9 kB 74.8 kB -53 B
Lib overhead (gzip) 17.2 kB 17.1 kB -44 B

Copy link

github-actions bot commented Feb 14, 2025

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

Copy link

github-actions bot commented Feb 14, 2025

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-fyg574aea-flows-projects-65bb050e.vercel.app

Built with commit 3f02298.
This pull request is being automatically deployed with vercel-action

Copy link

github-actions bot commented Feb 14, 2025

Screenshot tests report

cover-hero / cover-hero-desktop-16-9-aspect-ratio
cover-hero / cover-hero-desktop-centered
cover-hero / cover-hero-desktop-centered-with-extra-and-side-extra
cover-hero / cover-hero-desktop-long-text
cover-hero / cover-hero-desktop-long-text-centered
cover-hero / cover-hero-desktop-long-text-with-side-extra
cover-hero / cover-hero-desktop-one-button
cover-hero / cover-hero-desktop-one-link
cover-hero / cover-hero-desktop-two-buttons
cover-hero / cover-hero-desktop-two-buttons-and-link
cover-hero / cover-hero-desktop-with-background-image
cover-hero / cover-hero-desktop-with-background-video
cover-hero / cover-hero-desktop-with-extra-and-side-extra
cover-hero / cover-hero-desktop-with-variant-alternative
cover-hero / cover-hero-desktop-with-variant-default
cover-hero / cover-hero-desktop-with-variant-inverse
cover-hero / cover-hero-mobile-7-10-aspect-ratio
cover-hero / cover-hero-mobile-centered
cover-hero / cover-hero-mobile-centered-with-extra-and-side-extra
cover-hero / cover-hero-mobile-long-text
cover-hero / cover-hero-mobile-min-height-100-vh
cover-hero / cover-hero-mobile-with-extra-and-side-extra
cover-hero / cover-hero-tablet-with-extra-and-side-extra
data-card / data-card-closable
data-card / data-card-group
data-card / data-card-in-desktop
data-card / data-card-in-mobile-ios
data-card / data-card-only-with-headline-and-title
data-card / data-card-with-aspect-ratio-1-1
data-card / data-card-with-aspect-ratio-7-10
data-card / data-card-with-aspect-ratio-9-10
data-card / data-card-with-extra-content
data-card / data-card-with-large-font-size-in-desktop
data-card / data-card-with-large-font-size-in-mobile-ios
data-card / data-card-with-top-actions
data-card / data-card-without-icon-with-top-actions-and-too-long-title
display-data-card / display-data-card
display-data-card / display-data-card-group
display-data-card / display-data-card-with-aspect-ratio-1-1
display-data-card / display-data-card-with-aspect-ratio-7-10
display-data-card / display-data-card-with-aspect-ratio-9-10
display-data-card / display-data-card-with-top-actions
display-data-card / display-data-card-with-top-actions-inverse
display-data-card / display-data-card-with-top-actions-without-asset
display-media-card / display-media-card
display-media-card / display-media-card-group
display-media-card / display-media-card-with-asset
display-media-card / display-media-card-with-extra-content
display-media-card / display-media-card-with-image-empty-source-and-inverse-false
display-media-card / display-media-card-with-image-empty-source-and-inverse-true
display-media-card / display-media-card-with-top-actions
display-media-card / display-media-card-with-video
display-media-card / display-media-card-with-video-empty-source-and-inverse-false
display-media-card / display-media-card-with-video-empty-source-and-inverse-true
header / header-in-desktop-inverse-false
header / header-in-desktop-inverse-true
header / header-in-mobile-ios-inverse-false
header / header-in-mobile-ios-inverse-true
header / header-layout-without-padding-y-device-desktop-bleed-false-side-by-side-extra-on-desktop-false
header / header-layout-without-padding-y-device-desktop-bleed-false-side-by-side-extra-on-desktop-true
header / header-layout-without-padding-y-device-desktop-bleed-true-side-by-side-extra-on-desktop-false
header / header-layout-without-padding-y-device-desktop-bleed-true-side-by-side-extra-on-desktop-true
header / header-layout-without-padding-y-device-mobile-ios-bleed-false-side-by-side-extra-on-desktop-false
header / header-layout-without-padding-y-device-mobile-ios-bleed-true-side-by-side-extra-on-desktop-false
header / header-small
header / header-vertical-extra-in-desktop
header / header-with-bleed
header / header-with-bleed-2
header / header-with-truncation-and-color-overrides
hero / hero-brand-desktop
hero / hero-brand-mobile-ios
hero / hero-custom-height
hero / hero-default-desktop
hero / hero-default-mobile-ios
hero / hero-no-vertical-padding-desktop
hero / hero-no-vertical-padding-mobile-ios
inline / inline-wrap
list / boxed-row-list-desktop-checkbox-and-on-press-extra-false-badge-true
list / boxed-row-list-desktop-checkbox-extra-false-badge-true
list / boxed-row-list-desktop-checkbox-with-custom-element-extra-false-badge-true
list / boxed-row-list-desktop-chevron-extra-false-badge-true
list / boxed-row-list-desktop-custom-element-extra-false-badge-true
list / boxed-row-list-desktop-custom-element-with-text-extra-false-badge-true
list / boxed-row-list-desktop-icon-button-and-on-press-extra-false-badge-true
list / boxed-row-list-desktop-icon-button-extra-false-badge-true
list / boxed-row-list-desktop-none-extra-false-badge-false
list / boxed-row-list-desktop-none-extra-true-badge-false
list / boxed-row-list-desktop-radio-and-on-press-extra-false-badge-true
list / boxed-row-list-desktop-radio-extra-false-badge-true
list / boxed-row-list-desktop-switch-and-on-press-extra-false-badge-true
list / boxed-row-list-desktop-switch-extra-false-badge-true
list / boxed-row-list-disabled-checkbox
list / boxed-row-list-disabled-checkbox-and-on-press
list / boxed-row-list-disabled-checkbox-with-custom-element
list / boxed-row-list-disabled-chevron
list / boxed-row-list-disabled-custom-element
list / boxed-row-list-disabled-custom-element-with-text
list / boxed-row-list-disabled-icon-button
list / boxed-row-list-disabled-icon-button-and-on-press
list / boxed-row-list-disabled-radio
list / boxed-row-list-disabled-radio-and-on-press
list / boxed-row-list-disabled-switch
list / boxed-row-list-disabled-switch-and-on-press
list / boxed-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true
list / boxed-row-list-mobile-ios-checkbox-extra-false-badge-true
list / boxed-row-list-mobile-ios-checkbox-with-custom-element-extra-false-badge-true
list / boxed-row-list-mobile-ios-chevron-extra-false-badge-true
list / boxed-row-list-mobile-ios-custom-element-extra-false-badge-true
list / boxed-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true
list / boxed-row-list-mobile-ios-icon-button-and-on-press-extra-false-badge-true
list / boxed-row-list-mobile-ios-icon-button-extra-false-badge-true
list / boxed-row-list-mobile-ios-none-extra-false-badge-false
list / boxed-row-list-mobile-ios-none-extra-true-badge-false
list / boxed-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true
list / boxed-row-list-mobile-ios-radio-extra-false-badge-true
list / boxed-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true
list / boxed-row-list-mobile-ios-switch-extra-false-badge-true
list / row-list-desktop-checkbox-and-on-press-extra-false-badge-true
list / row-list-desktop-checkbox-extra-false-badge-true
list / row-list-desktop-checkbox-with-custom-element-extra-false-badge-true
list / row-list-desktop-chevron-extra-false-badge-true
list / row-list-desktop-custom-element-extra-false-badge-true
list / row-list-desktop-custom-element-with-text-extra-false-badge-true
list / row-list-desktop-icon-button-and-on-press-extra-false-badge-true
list / row-list-desktop-icon-button-extra-false-badge-true
list / row-list-desktop-none-extra-false-badge-false
list / row-list-desktop-none-extra-true-badge-false
list / row-list-desktop-radio-and-on-press-extra-false-badge-true
list / row-list-desktop-radio-extra-false-badge-true
list / row-list-desktop-switch-and-on-press-extra-false-badge-true
list / row-list-desktop-switch-extra-false-badge-true
list / row-list-disabled-checkbox
list / row-list-disabled-checkbox-and-on-press
list / row-list-disabled-checkbox-with-custom-element
list / row-list-disabled-chevron
list / row-list-disabled-custom-element
list / row-list-disabled-custom-element-with-text
list / row-list-disabled-icon-button
list / row-list-disabled-icon-button-and-on-press
list / row-list-disabled-radio
list / row-list-disabled-radio-and-on-press
list / row-list-disabled-switch
list / row-list-disabled-switch-and-on-press
list / row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true
list / row-list-mobile-ios-checkbox-extra-false-badge-true
list / row-list-mobile-ios-checkbox-with-custom-element-extra-false-badge-true
list / row-list-mobile-ios-chevron-extra-false-badge-true
list / row-list-mobile-ios-custom-element-extra-false-badge-true
list / row-list-mobile-ios-custom-element-with-text-extra-false-badge-true
list / row-list-mobile-ios-icon-button-and-on-press-extra-false-badge-true
list / row-list-mobile-ios-icon-button-extra-false-badge-true
list / row-list-mobile-ios-none-extra-false-badge-false
list / row-list-mobile-ios-none-extra-true-badge-false
list / row-list-mobile-ios-radio-and-on-press-extra-false-badge-true
list / row-list-mobile-ios-radio-extra-false-badge-true
list / row-list-mobile-ios-switch-and-on-press-extra-false-badge-true
list / row-list-mobile-ios-switch-extra-false-badge-true
media-card / media-card-group
media-card / media-card-in-desktop
media-card / media-card-in-mobile-ios
media-card / media-card-with-asset-in-desktop
media-card / media-card-with-asset-in-mobile-ios
media-card / media-card-with-body
media-card / media-card-with-body-closeable
media-card / media-card-with-large-font-size-in-desktop
media-card / media-card-with-large-font-size-in-mobile-ios
media-card / media-card-with-top-actions
naked-card / naked-card-closeable
naked-card / naked-card-group
naked-card / naked-card-in-desktop
naked-card / naked-card-in-mobile-ios
naked-card / naked-card-with-asset-in-desktop
naked-card / naked-card-with-asset-in-mobile-ios
naked-card / naked-card-with-circular-image
naked-card / naked-card-with-extra
naked-card / naked-card-with-large-font-size-in-desktop
naked-card / naked-card-with-large-font-size-in-mobile-ios
naked-card / naked-card-with-top-actions
naked-card / naked-card-without-media
poster-card / poster-card-closable
poster-card / poster-card-group
poster-card / poster-card-in-desktop
poster-card / poster-card-in-mobile-ios
poster-card / poster-card-with-asset-in-desktop
poster-card / poster-card-with-asset-in-mobile-ios
poster-card / poster-card-with-custom-background-color
poster-card / poster-card-with-custom-background-color-inverse
poster-card / poster-card-with-extra-content
poster-card / poster-card-with-image-empty-source-and-inverse-false
poster-card / poster-card-with-image-empty-source-and-inverse-true
poster-card / poster-card-with-large-font-size-in-mobile
poster-card / poster-card-with-top-actions
poster-card / poster-card-with-variant-alternative
poster-card / poster-card-with-variant-default
poster-card / poster-card-with-variant-inverse
poster-card / poster-card-with-video
poster-card / poster-card-with-video-empty-source-and-inverse-false
poster-card / poster-card-with-video-empty-source-and-inverse-true
poster-card / poster-card-without-icon-with-top-actions-and-too-long-title
private-skin-components / components-in-movistar-4
private-skin-components / components-in-movistar-alternative-4
private-skin-components / components-in-movistar-dark-mode-4
private-skin-components / components-in-movistar-inverse-4
private-skin-components / components-in-movistar-inverse-and-dark-mode-4
private-text-preset-vars / text-presets-as-css-vars-in-vivo-new-desktop
table / table-desktop-boxed
table / table-desktop-boxed-full-width-false
table / table-desktop-boxed-inverse
table / table-desktop-boxed-with-actions
table / table-desktop-collapse-rows-boxed-with-actions
table / table-desktop-collapse-rows-with-actions
table / table-desktop-collapse-rows-with-row-header-index-2
table / table-desktop-full-width
table / table-desktop-full-width-false
table / table-desktop-hide-headers-desktop
table / table-desktop-hide-headers-mobile
table / table-desktop-hide-headers-true
table / table-desktop-inverse
table / table-desktop-max-height
table / table-desktop-max-height-boxed
table / table-desktop-with-actions
table / table-mobile
table / table-mobile-collapse-rows
table / table-mobile-collapse-rows-boxed
table / table-mobile-collapse-rows-boxed-inverse
table / table-mobile-collapse-rows-inverse
table / table-mobile-hide-headers-desktop
table / table-mobile-hide-headers-mobile
table / table-mobile-hide-headers-true
table / table-tablet-boxed-with-actions
table / table-tablet-collapse-rows-boxed-with-actions
table / table-tablet-collapse-rows-boxed-with-hide-headers-true
table / table-tablet-collapse-rows-boxed-with-row-header-index-0
table / table-tablet-collapse-rows-with-actions
table / table-tablet-collapse-rows-with-row-header-index-0
table / table-tablet-collapse-rows-with-row-header-index-2
table / table-tablet-with-actions
tag / tags
tag / tags-dark-mode
tag / tags-inverse
tag / tags-inverse-and-dark-mode
tag / tags-long-label
tag / tags-short-label
tag / tags-with-badge-1
tag / tags-with-badge-10
tag / tags-with-badge-and-large-font-size
tag / tags-with-badge-true
tag / tags-with-large-font-size
tag / tags-without-icon
advanced-data-card / advanced-data-card-actions-button-and-link-footer-image-false
advanced-data-card / advanced-data-card-actions-button-and-link-footer-image-true
advanced-data-card / advanced-data-card-actions-button-footer-image-false
advanced-data-card / advanced-data-card-actions-button-footer-image-true
advanced-data-card / advanced-data-card-actions-link-footer-image-false
advanced-data-card / advanced-data-card-actions-link-footer-image-true
advanced-data-card / advanced-data-card-actions-none-footer-image-false
advanced-data-card / advanced-data-card-actions-none-footer-image-true
advanced-data-card / advanced-data-card-extras-0
advanced-data-card / advanced-data-card-extras-1
advanced-data-card / advanced-data-card-extras-3
advanced-data-card / advanced-data-card-extras-3-no-divider
advanced-data-card / advanced-data-card-inside-carousel
blocks / blocks-highlighted-value-block

@tuentisre tuentisre force-pushed the import-design-tokens-iceballos-tag-promo-movistar branch from 1768787 to 3f02298 Compare February 17, 2025 13:09
@tuentisre tuentisre changed the title Poc: Red Tag Promo in Movistar feat(skin): update design tokens Feb 17, 2025
@tuentisre tuentisre requested review from atabel and pladaria February 17, 2025 13:09
@yceballost yceballost closed this Feb 19, 2025
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