@telefonica/mistica 17.3.0 → 17.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/blau.css +29 -16
- package/css/esimflag.css +40 -18
- package/css/mistica-common.css +5 -0
- package/css/mistica.css +1 -1
- package/css/movistar.css +34 -18
- package/css/o2.css +31 -18
- package/css/telefonica.css +43 -18
- package/css/vivo-evolution.css +71 -20
- package/css/vivo.css +31 -18
- package/dist/accordion.css-mistica.js +10 -10
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +4 -4
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/boxed.d.ts +9 -0
- package/dist/boxed.js +18 -15
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +19 -19
- package/dist/button.css-mistica.js +51 -51
- package/dist/callout.css-mistica.js +13 -13
- package/dist/card-internal.css-mistica.js +22 -22
- package/dist/carousel.css-mistica.js +30 -30
- package/dist/checkbox.css-mistica.js +15 -15
- package/dist/chip.css-mistica.js +18 -18
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +19 -19
- package/dist/community/ai-card.css-mistica.js +11 -11
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/community/skins/cyber-skin.js +19 -17
- package/dist/counter.css-mistica.js +6 -6
- package/dist/cover-hero.css-mistica.js +7 -7
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +10 -10
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +8 -8
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/fade-out.css-mistica.js +11 -0
- package/dist/fade-out.css.d.ts +1 -0
- package/dist/fade-out.d.ts +11 -0
- package/dist/fade-out.js +88 -0
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/file-upload.css-mistica.js +10 -10
- package/dist/fixed-footer-layout.css-mistica.js +6 -6
- package/dist/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-antenna-filled.js +40 -12
- package/dist/generated/mistica-icons/icon-antenna-light.js +37 -17
- package/dist/generated/mistica-icons/icon-antenna-regular.js +42 -14
- package/dist/generated/mistica-icons/icon-arrow-up-down-filled.js +26 -16
- package/dist/generated/mistica-icons/icon-arrow-up-down-light.js +22 -12
- package/dist/generated/mistica-icons/icon-arrow-up-down-regular.js +30 -20
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js +26 -16
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.js +24 -14
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-authentication-success-filled.js +31 -11
- package/dist/generated/mistica-icons/icon-authentication-success-light.js +33 -17
- package/dist/generated/mistica-icons/icon-authentication-success-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-blog-filled.js +36 -16
- package/dist/generated/mistica-icons/icon-blog-light.js +34 -14
- package/dist/generated/mistica-icons/icon-blog-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-book-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-book-light.js +25 -15
- package/dist/generated/mistica-icons/icon-book-regular.js +16 -6
- package/dist/generated/mistica-icons/icon-box-filled.js +35 -19
- package/dist/generated/mistica-icons/icon-box-light.js +28 -18
- package/dist/generated/mistica-icons/icon-box-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-box-star-filled.js +37 -17
- package/dist/generated/mistica-icons/icon-box-star-light.js +22 -6
- package/dist/generated/mistica-icons/icon-box-star-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-briefcase-filled.js +28 -12
- package/dist/generated/mistica-icons/icon-briefcase-light.js +21 -11
- package/dist/generated/mistica-icons/icon-briefcase-regular.js +29 -19
- package/dist/generated/mistica-icons/icon-calendar-event-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-calendar-event-light.js +28 -11
- package/dist/generated/mistica-icons/icon-calendar-event-regular.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-filled.js +32 -22
- package/dist/generated/mistica-icons/icon-calendar-light.js +39 -23
- package/dist/generated/mistica-icons/icon-calendar-month-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-calendar-month-light.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-month-regular.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-regular.js +33 -17
- package/dist/generated/mistica-icons/icon-car-filled.js +25 -9
- package/dist/generated/mistica-icons/icon-car-light.js +24 -14
- package/dist/generated/mistica-icons/icon-car-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-care-briefcase-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-care-briefcase-light.js +25 -14
- package/dist/generated/mistica-icons/icon-care-briefcase-regular.js +18 -8
- package/dist/generated/mistica-icons/icon-care-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-care-home-filled.js +24 -13
- package/dist/generated/mistica-icons/icon-care-home-light.js +24 -13
- package/dist/generated/mistica-icons/icon-care-home-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-care-laptop-filled.js +22 -11
- package/dist/generated/mistica-icons/icon-care-laptop-light.js +24 -13
- package/dist/generated/mistica-icons/icon-care-laptop-regular.js +28 -18
- package/dist/generated/mistica-icons/icon-care-light.js +22 -12
- package/dist/generated/mistica-icons/icon-care-mobile-filled.js +22 -11
- package/dist/generated/mistica-icons/icon-care-mobile-light.js +29 -12
- package/dist/generated/mistica-icons/icon-care-mobile-regular.js +33 -17
- package/dist/generated/mistica-icons/icon-care-regular.js +23 -13
- package/dist/generated/mistica-icons/icon-care-shield-filled.js +24 -14
- package/dist/generated/mistica-icons/icon-care-shield-light.js +23 -13
- package/dist/generated/mistica-icons/icon-care-shield-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-change-plan-filled.js +36 -16
- package/dist/generated/mistica-icons/icon-change-plan-light.js +38 -18
- package/dist/generated/mistica-icons/icon-change-plan-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-chip-device-filled.js +32 -16
- package/dist/generated/mistica-icons/icon-chip-device-light.js +33 -17
- package/dist/generated/mistica-icons/icon-chip-device-regular.js +36 -20
- package/dist/generated/mistica-icons/icon-chip-sim-card-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-chip-sim-card-light.js +36 -20
- package/dist/generated/mistica-icons/icon-chip-sim-card-regular.js +42 -26
- package/dist/generated/mistica-icons/icon-credit-card-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-credit-card-light.js +18 -8
- package/dist/generated/mistica-icons/icon-credit-card-regular.js +23 -13
- package/dist/generated/mistica-icons/icon-document-information-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-information-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-information-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-other-filled.js +25 -9
- package/dist/generated/mistica-icons/icon-document-other-light.js +33 -17
- package/dist/generated/mistica-icons/icon-document-other-regular.js +25 -9
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +30 -14
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-error-filled.js +33 -17
- package/dist/generated/mistica-icons/icon-error-light.js +29 -13
- package/dist/generated/mistica-icons/icon-error-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-esim-filled.js +33 -17
- package/dist/generated/mistica-icons/icon-esim-light.js +43 -23
- package/dist/generated/mistica-icons/icon-esim-regular.js +29 -9
- package/dist/generated/mistica-icons/icon-eye-filled.js +18 -8
- package/dist/generated/mistica-icons/icon-eye-light.js +31 -15
- package/dist/generated/mistica-icons/icon-eye-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-file-ok-filled.js +30 -14
- package/dist/generated/mistica-icons/icon-file-ok-light.js +29 -13
- package/dist/generated/mistica-icons/icon-file-ok-regular.js +31 -15
- package/dist/generated/mistica-icons/icon-fingerprint-filled.js +36 -15
- package/dist/generated/mistica-icons/icon-fingerprint-light.js +35 -14
- package/dist/generated/mistica-icons/icon-fingerprint-regular.js +29 -9
- package/dist/generated/mistica-icons/icon-home-filled.js +17 -7
- package/dist/generated/mistica-icons/icon-home-light.js +21 -11
- package/dist/generated/mistica-icons/icon-home-regular.js +29 -19
- package/dist/generated/mistica-icons/icon-home-wifi-filled.js +39 -19
- package/dist/generated/mistica-icons/icon-home-wifi-light.js +30 -14
- package/dist/generated/mistica-icons/icon-home-wifi-regular.js +37 -17
- package/dist/generated/mistica-icons/icon-id-card-filled.js +32 -16
- package/dist/generated/mistica-icons/icon-id-card-light.js +27 -11
- package/dist/generated/mistica-icons/icon-id-card-regular.js +31 -15
- package/dist/generated/mistica-icons/icon-information-user-filled.js +32 -12
- package/dist/generated/mistica-icons/icon-information-user-light.js +37 -21
- package/dist/generated/mistica-icons/icon-information-user-regular.js +44 -28
- package/dist/generated/mistica-icons/icon-internet-filled.js +18 -8
- package/dist/generated/mistica-icons/icon-internet-light.js +21 -11
- package/dist/generated/mistica-icons/icon-internet-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-internet-roaming-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-key-filled.js +21 -11
- package/dist/generated/mistica-icons/icon-key-light.js +31 -15
- package/dist/generated/mistica-icons/icon-key-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-list-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-list-light.js +31 -15
- package/dist/generated/mistica-icons/icon-list-regular.js +34 -18
- package/dist/generated/mistica-icons/icon-location-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-location-light.js +30 -14
- package/dist/generated/mistica-icons/icon-location-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-lock-closed-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-lock-closed-light.js +31 -15
- package/dist/generated/mistica-icons/icon-lock-closed-regular.js +35 -19
- package/dist/generated/mistica-icons/icon-message-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-message-light.js +28 -11
- package/dist/generated/mistica-icons/icon-message-regular.js +27 -10
- package/dist/generated/mistica-icons/icon-mobile-device-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-mobile-device-light.js +26 -10
- package/dist/generated/mistica-icons/icon-mobile-device-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-mobile-information-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-mobile-information-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-mobile-information-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-collapse-regular.js +165 -0
- package/dist/generated/mistica-icons/icon-panel-expand-regular.js +159 -0
- package/dist/generated/mistica-icons/icons-keywords.js +57 -0
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/header.d.ts +3 -1
- package/dist/header.js +81 -73
- package/dist/hero.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +6 -6
- package/dist/index.d.ts +6 -0
- package/dist/index.js +14 -1
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +40 -28
- package/dist/list.css.d.ts +2 -0
- package/dist/list.d.ts +3 -1
- package/dist/list.js +176 -165
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +12 -12
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mobile-navigation-menu.d.ts +26 -0
- package/dist/mobile-navigation-menu.js +145 -0
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +31 -97
- package/dist/navigation-bar.css.d.ts +0 -24
- package/dist/navigation-bar.d.ts +3 -38
- package/dist/navigation-bar.js +399 -586
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/navigation-shared.css-mistica.js +79 -0
- package/dist/navigation-shared.css.d.ts +26 -0
- package/dist/navigation-shared.d.ts +66 -0
- package/dist/navigation-shared.js +264 -0
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +22 -22
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/popover.css-mistica.js +1 -1
- package/dist/portal.d.ts +1 -1
- package/dist/progress-bar.css-mistica.js +7 -7
- package/dist/radio-button.css-mistica.js +27 -27
- package/dist/rating.css-mistica.js +4 -4
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +21 -21
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +7 -7
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/sidenav-bar-context.d.ts +25 -0
- package/dist/sidenav-bar-context.js +72 -0
- package/dist/sidenav-bar-data.d.ts +15 -0
- package/dist/sidenav-bar-data.js +38 -0
- package/dist/sidenav-bar-first-level-item.d.ts +42 -0
- package/dist/sidenav-bar-first-level-item.js +174 -0
- package/dist/sidenav-bar-keyboard.d.ts +13 -0
- package/dist/sidenav-bar-keyboard.js +314 -0
- package/dist/sidenav-bar-layout.css-mistica.js +28 -0
- package/dist/sidenav-bar-layout.css.d.ts +5 -0
- package/dist/sidenav-bar-layout.d.ts +22 -0
- package/dist/sidenav-bar-layout.js +103 -0
- package/dist/sidenav-bar-mobile.d.ts +24 -0
- package/dist/sidenav-bar-mobile.js +332 -0
- package/dist/sidenav-bar-motion.d.ts +32 -0
- package/dist/sidenav-bar-motion.js +84 -0
- package/dist/sidenav-bar-panel.d.ts +31 -0
- package/dist/sidenav-bar-panel.js +208 -0
- package/dist/sidenav-bar-row.d.ts +82 -0
- package/dist/sidenav-bar-row.js +230 -0
- package/dist/sidenav-bar-second-level-item.d.ts +43 -0
- package/dist/sidenav-bar-second-level-item.js +89 -0
- package/dist/sidenav-bar-section.d.ts +23 -0
- package/dist/sidenav-bar-section.js +167 -0
- package/dist/sidenav-bar-types.d.ts +192 -0
- package/dist/sidenav-bar-types.js +11 -0
- package/dist/sidenav-bar.css-mistica.js +325 -0
- package/dist/sidenav-bar.css.d.ts +93 -0
- package/dist/sidenav-bar.d.ts +102 -0
- package/dist/sidenav-bar.js +492 -0
- package/dist/skeletons.css-mistica.js +8 -8
- package/dist/skins/blau.js +23 -8
- package/dist/skins/defaults.js +11 -0
- package/dist/skins/esimflag.js +24 -9
- package/dist/skins/movistar.js +24 -9
- package/dist/skins/o2.js +24 -9
- package/dist/skins/skin-contract.css-mistica.js +740 -731
- package/dist/skins/skin-contract.css.d.ts +9 -0
- package/dist/skins/telefonica.js +24 -9
- package/dist/skins/types/colors.d.ts +2 -0
- package/dist/skins/types/index.d.ts +1 -0
- package/dist/skins/vivo-evolution.js +25 -10
- package/dist/skins/vivo.js +24 -9
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +24 -24
- package/dist/snackbar.css-mistica.js +14 -14
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +48 -42
- package/dist/switch-component.css.d.ts +2 -0
- package/dist/switch-component.js +18 -18
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +22 -22
- package/dist/tag.css-mistica.js +3 -3
- package/dist/text-field-base.css-mistica.js +20 -20
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text-tokens.d.ts +6 -0
- package/dist/text-tokens.js +157 -133
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +11 -11
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/touchable.css-mistica.js +4 -4
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/boxed.js +25 -25
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +16 -16
- package/dist-es/button.css-mistica.js +38 -38
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +17 -17
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +13 -13
- package/dist-es/chip.css-mistica.js +17 -17
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/community/skins/cyber-skin.js +19 -17
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/fade-out.css-mistica.js +2 -0
- package/dist-es/fade-out.js +79 -0
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/file-upload.css-mistica.js +8 -8
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/generated/mistica-icons/icon-antenna-filled.js +50 -22
- package/dist-es/generated/mistica-icons/icon-antenna-light.js +47 -27
- package/dist-es/generated/mistica-icons/icon-antenna-regular.js +52 -24
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-light.js +26 -16
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-regular.js +34 -24
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-light.js +32 -22
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-regular.js +34 -24
- package/dist-es/generated/mistica-icons/icon-authentication-success-filled.js +42 -22
- package/dist-es/generated/mistica-icons/icon-authentication-success-light.js +44 -28
- package/dist-es/generated/mistica-icons/icon-authentication-success-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-blog-filled.js +44 -24
- package/dist-es/generated/mistica-icons/icon-blog-light.js +45 -25
- package/dist-es/generated/mistica-icons/icon-blog-regular.js +45 -29
- package/dist-es/generated/mistica-icons/icon-book-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-book-light.js +33 -23
- package/dist-es/generated/mistica-icons/icon-book-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-box-filled.js +38 -22
- package/dist-es/generated/mistica-icons/icon-box-light.js +38 -28
- package/dist-es/generated/mistica-icons/icon-box-regular.js +37 -27
- package/dist-es/generated/mistica-icons/icon-box-star-filled.js +49 -29
- package/dist-es/generated/mistica-icons/icon-box-star-light.js +29 -13
- package/dist-es/generated/mistica-icons/icon-box-star-regular.js +33 -17
- package/dist-es/generated/mistica-icons/icon-briefcase-filled.js +32 -16
- package/dist-es/generated/mistica-icons/icon-briefcase-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-briefcase-regular.js +32 -22
- package/dist-es/generated/mistica-icons/icon-calendar-event-filled.js +28 -17
- package/dist-es/generated/mistica-icons/icon-calendar-event-light.js +34 -17
- package/dist-es/generated/mistica-icons/icon-calendar-event-regular.js +36 -19
- package/dist-es/generated/mistica-icons/icon-calendar-filled.js +42 -32
- package/dist-es/generated/mistica-icons/icon-calendar-light.js +45 -29
- package/dist-es/generated/mistica-icons/icon-calendar-month-filled.js +31 -20
- package/dist-es/generated/mistica-icons/icon-calendar-month-light.js +38 -21
- package/dist-es/generated/mistica-icons/icon-calendar-month-regular.js +38 -21
- package/dist-es/generated/mistica-icons/icon-calendar-regular.js +45 -29
- package/dist-es/generated/mistica-icons/icon-car-filled.js +26 -10
- package/dist-es/generated/mistica-icons/icon-car-light.js +33 -23
- package/dist-es/generated/mistica-icons/icon-car-regular.js +29 -19
- package/dist-es/generated/mistica-icons/icon-care-briefcase-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-care-briefcase-light.js +28 -17
- package/dist-es/generated/mistica-icons/icon-care-briefcase-regular.js +24 -14
- package/dist-es/generated/mistica-icons/icon-care-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-care-home-filled.js +32 -21
- package/dist-es/generated/mistica-icons/icon-care-home-light.js +31 -20
- package/dist-es/generated/mistica-icons/icon-care-home-regular.js +40 -30
- package/dist-es/generated/mistica-icons/icon-care-laptop-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-care-laptop-light.js +31 -20
- package/dist-es/generated/mistica-icons/icon-care-laptop-regular.js +33 -23
- package/dist-es/generated/mistica-icons/icon-care-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-care-mobile-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-care-mobile-light.js +35 -18
- package/dist-es/generated/mistica-icons/icon-care-mobile-regular.js +50 -34
- package/dist-es/generated/mistica-icons/icon-care-regular.js +38 -28
- package/dist-es/generated/mistica-icons/icon-care-shield-filled.js +33 -23
- package/dist-es/generated/mistica-icons/icon-care-shield-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-care-shield-regular.js +33 -23
- package/dist-es/generated/mistica-icons/icon-change-plan-filled.js +41 -21
- package/dist-es/generated/mistica-icons/icon-change-plan-light.js +42 -22
- package/dist-es/generated/mistica-icons/icon-change-plan-regular.js +35 -19
- package/dist-es/generated/mistica-icons/icon-chip-device-filled.js +37 -21
- package/dist-es/generated/mistica-icons/icon-chip-device-light.js +46 -30
- package/dist-es/generated/mistica-icons/icon-chip-device-regular.js +48 -32
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-filled.js +26 -16
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-light.js +43 -27
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-regular.js +59 -43
- package/dist-es/generated/mistica-icons/icon-credit-card-filled.js +24 -14
- package/dist-es/generated/mistica-icons/icon-credit-card-light.js +19 -9
- package/dist-es/generated/mistica-icons/icon-credit-card-regular.js +26 -16
- package/dist-es/generated/mistica-icons/icon-document-other-filled.js +31 -15
- package/dist-es/generated/mistica-icons/icon-document-other-light.js +42 -26
- package/dist-es/generated/mistica-icons/icon-document-other-regular.js +32 -16
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +28 -18
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +41 -25
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-error-filled.js +44 -28
- package/dist-es/generated/mistica-icons/icon-error-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-error-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-esim-filled.js +48 -32
- package/dist-es/generated/mistica-icons/icon-esim-light.js +58 -38
- package/dist-es/generated/mistica-icons/icon-esim-regular.js +35 -15
- package/dist-es/generated/mistica-icons/icon-eye-filled.js +24 -14
- package/dist-es/generated/mistica-icons/icon-eye-light.js +43 -27
- package/dist-es/generated/mistica-icons/icon-eye-regular.js +33 -17
- package/dist-es/generated/mistica-icons/icon-file-ok-filled.js +41 -25
- package/dist-es/generated/mistica-icons/icon-file-ok-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-file-ok-regular.js +41 -25
- package/dist-es/generated/mistica-icons/icon-fingerprint-filled.js +45 -24
- package/dist-es/generated/mistica-icons/icon-fingerprint-light.js +39 -18
- package/dist-es/generated/mistica-icons/icon-fingerprint-regular.js +32 -12
- package/dist-es/generated/mistica-icons/icon-home-filled.js +19 -9
- package/dist-es/generated/mistica-icons/icon-home-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-home-regular.js +30 -20
- package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +51 -31
- package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +36 -20
- package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +51 -31
- package/dist-es/generated/mistica-icons/icon-id-card-filled.js +40 -24
- package/dist-es/generated/mistica-icons/icon-id-card-light.js +38 -22
- package/dist-es/generated/mistica-icons/icon-id-card-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-information-user-filled.js +36 -16
- package/dist-es/generated/mistica-icons/icon-information-user-light.js +51 -35
- package/dist-es/generated/mistica-icons/icon-information-user-regular.js +58 -42
- package/dist-es/generated/mistica-icons/icon-internet-filled.js +22 -12
- package/dist-es/generated/mistica-icons/icon-internet-light.js +25 -15
- package/dist-es/generated/mistica-icons/icon-internet-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-key-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-key-light.js +40 -24
- package/dist-es/generated/mistica-icons/icon-key-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-list-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-list-light.js +38 -22
- package/dist-es/generated/mistica-icons/icon-list-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-location-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-location-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-location-regular.js +37 -21
- package/dist-es/generated/mistica-icons/icon-lock-closed-filled.js +28 -18
- package/dist-es/generated/mistica-icons/icon-lock-closed-light.js +35 -19
- package/dist-es/generated/mistica-icons/icon-lock-closed-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-message-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-message-light.js +36 -19
- package/dist-es/generated/mistica-icons/icon-message-regular.js +35 -18
- package/dist-es/generated/mistica-icons/icon-mobile-device-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-mobile-device-light.js +34 -18
- package/dist-es/generated/mistica-icons/icon-mobile-device-regular.js +37 -21
- package/dist-es/generated/mistica-icons/icon-panel-collapse-regular.js +115 -0
- package/dist-es/generated/mistica-icons/icon-panel-expand-regular.js +109 -0
- package/dist-es/generated/mistica-icons/icons-keywords.js +57 -0
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/header.js +113 -105
- package/dist-es/hero.css-mistica.js +3 -3
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/index.js +2349 -2345
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +8 -2
- package/dist-es/list.js +275 -264
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mobile-navigation-menu.js +90 -0
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +11 -20
- package/dist-es/navigation-bar.js +469 -656
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/navigation-shared.css-mistica.js +11 -0
- package/dist-es/navigation-shared.js +192 -0
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +19 -19
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +7 -7
- package/dist-es/radio-button.css-mistica.js +22 -22
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +18 -18
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/sidenav-bar-context.js +14 -0
- package/dist-es/sidenav-bar-data.js +12 -0
- package/dist-es/sidenav-bar-first-level-item.js +124 -0
- package/dist-es/sidenav-bar-keyboard.js +253 -0
- package/dist-es/sidenav-bar-layout.css-mistica.js +2 -0
- package/dist-es/sidenav-bar-layout.js +86 -0
- package/dist-es/sidenav-bar-mobile.js +277 -0
- package/dist-es/sidenav-bar-motion.js +26 -0
- package/dist-es/sidenav-bar-panel.js +146 -0
- package/dist-es/sidenav-bar-row.js +208 -0
- package/dist-es/sidenav-bar-second-level-item.js +72 -0
- package/dist-es/sidenav-bar-section.js +112 -0
- package/dist-es/sidenav-bar-types.js +2 -0
- package/dist-es/sidenav-bar.css-mistica.js +74 -0
- package/dist-es/sidenav-bar.js +429 -0
- package/dist-es/skeletons.css-mistica.js +7 -7
- package/dist-es/skins/blau.js +23 -8
- package/dist-es/skins/defaults.js +11 -0
- package/dist-es/skins/esimflag.js +24 -9
- package/dist-es/skins/movistar.js +24 -9
- package/dist-es/skins/o2.js +24 -9
- package/dist-es/skins/skin-contract.css-mistica.js +740 -731
- package/dist-es/skins/telefonica.js +24 -9
- package/dist-es/skins/vivo-evolution.js +25 -10
- package/dist-es/skins/vivo.js +24 -9
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +20 -20
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +37 -37
- package/dist-es/switch-component.js +26 -26
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +19 -19
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text-tokens.js +82 -67
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +2 -1
- package/src/boxed.css.ts +1 -0
- package/src/boxed.tsx +18 -5
- package/src/callout.css.ts +4 -2
- package/src/community/skins/cyber-skin.tsx +19 -16
- package/src/fade-out.css.ts +12 -0
- package/src/fade-out.tsx +50 -0
- package/src/header.tsx +39 -17
- package/src/index.tsx +15 -0
- package/src/list.css.ts +36 -1
- package/src/list.tsx +370 -344
- package/src/mobile-navigation-menu.tsx +168 -0
- package/src/navigation-bar.css.ts +2 -267
- package/src/navigation-bar.tsx +77 -370
- package/src/navigation-shared.css.ts +289 -0
- package/src/navigation-shared.tsx +262 -0
- package/src/package-version.tsx +1 -1
- package/src/portal.tsx +1 -1
- package/src/sidenav-bar-context.tsx +41 -0
- package/src/sidenav-bar-data.ts +49 -0
- package/src/sidenav-bar-first-level-item.tsx +203 -0
- package/src/sidenav-bar-keyboard.tsx +393 -0
- package/src/sidenav-bar-layout.css.ts +89 -0
- package/src/sidenav-bar-layout.tsx +61 -0
- package/src/sidenav-bar-mobile.tsx +302 -0
- package/src/sidenav-bar-motion.tsx +70 -0
- package/src/sidenav-bar-panel.tsx +269 -0
- package/src/sidenav-bar-row.tsx +272 -0
- package/src/sidenav-bar-second-level-item.tsx +99 -0
- package/src/sidenav-bar-section.tsx +98 -0
- package/src/sidenav-bar-types.ts +224 -0
- package/src/sidenav-bar.css.ts +1018 -0
- package/src/sidenav-bar.tsx +821 -0
- package/src/skins/blau.tsx +17 -8
- package/src/skins/defaults.tsx +5 -0
- package/src/skins/esimflag.tsx +18 -9
- package/src/skins/movistar.tsx +18 -9
- package/src/skins/o2.tsx +18 -9
- package/src/skins/skin-contract.css.ts +3 -0
- package/src/skins/telefonica.tsx +18 -9
- package/src/skins/types/colors.tsx +2 -0
- package/src/skins/types/index.tsx +1 -0
- package/src/skins/vivo-evolution.tsx +19 -10
- package/src/skins/vivo.tsx +18 -9
- package/src/switch-component.css.ts +20 -0
- package/src/switch-component.tsx +9 -1
- package/src/text-tokens.tsx +24 -0
|
@@ -64,6 +64,8 @@ const e = {
|
|
|
64
64
|
backgroundContainerNegative: r(e.white, 0.1),
|
|
65
65
|
backgroundContainerBrandOverBrand: e.telefonicaBlue70,
|
|
66
66
|
backgroundContainerAlternative: e.grey1,
|
|
67
|
+
backgroundContainerAlternativeOverAlternative: e.white,
|
|
68
|
+
backgroundContainerAlternativeOverBrand: e.telefonicaBlue70,
|
|
67
69
|
backgroundBrand: e.telefonicaBlue,
|
|
68
70
|
backgroundNegative: e.grey9,
|
|
69
71
|
backgroundBrandSecondary: e.telefonicaBlue,
|
|
@@ -118,12 +120,12 @@ const e = {
|
|
|
118
120
|
buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
|
|
119
121
|
buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
|
|
120
122
|
buttonLinkNeutralBackgroundPressed: r(e.grey2, 0.4),
|
|
121
|
-
buttonLinkNeutralBackgroundBrand: e.white,
|
|
122
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
123
|
-
buttonLinkNeutralBackgroundNegative: e.white,
|
|
124
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
125
|
-
buttonLinkNeutralBackgroundMedia: e.white,
|
|
126
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
123
|
+
buttonLinkNeutralBackgroundBrand: r(e.white, 0),
|
|
124
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.white, 0.08),
|
|
125
|
+
buttonLinkNeutralBackgroundNegative: r(e.white, 0),
|
|
126
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.white, 0.08),
|
|
127
|
+
buttonLinkNeutralBackgroundMedia: r(e.white, 0),
|
|
128
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.white, 0.08),
|
|
127
129
|
buttonPrimaryBackground: e.telefonicaBlue,
|
|
128
130
|
buttonPrimaryBackgroundInverse: e.white,
|
|
129
131
|
buttonPrimaryBackgroundNegative: e.white,
|
|
@@ -188,10 +190,10 @@ const e = {
|
|
|
188
190
|
textLinkDangerMedia: e.coral60,
|
|
189
191
|
textLinkSnackbar: e.telefonicaBlue30,
|
|
190
192
|
textLinkNeutral: e.grey9,
|
|
191
|
-
textLinkNeutralBrand: e.
|
|
192
|
-
textLinkNeutralNegative: e.
|
|
193
|
+
textLinkNeutralBrand: e.white,
|
|
194
|
+
textLinkNeutralNegative: e.white,
|
|
193
195
|
textLinkNeutralAlternative: e.grey9,
|
|
194
|
-
textLinkNeutralMedia: e.
|
|
196
|
+
textLinkNeutralMedia: e.white,
|
|
195
197
|
textActivated: e.telefonicaBlue70,
|
|
196
198
|
textBrand: e.telefonicaBlue70,
|
|
197
199
|
inputBorder: e.grey5,
|
|
@@ -383,6 +385,8 @@ const e = {
|
|
|
383
385
|
backgroundContainerNegative: e.darkModeGrey,
|
|
384
386
|
backgroundContainerBrandOverBrand: e.darkModeGrey,
|
|
385
387
|
backgroundContainerAlternative: e.darkModeGrey,
|
|
388
|
+
backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
|
|
389
|
+
backgroundContainerAlternativeOverBrand: e.darkModeGrey,
|
|
386
390
|
backgroundOverlay: r(e.darkModeGrey, 0.8),
|
|
387
391
|
backgroundSkeleton: e.grey8,
|
|
388
392
|
backgroundSkeletonInverse: e.grey8,
|
|
@@ -788,6 +792,17 @@ const e = {
|
|
|
788
792
|
},
|
|
789
793
|
weight: "regular"
|
|
790
794
|
},
|
|
795
|
+
headerPretitle: {
|
|
796
|
+
lineHeight: {
|
|
797
|
+
desktop: 24,
|
|
798
|
+
mobile: 24
|
|
799
|
+
},
|
|
800
|
+
size: {
|
|
801
|
+
desktop: 18,
|
|
802
|
+
mobile: 16
|
|
803
|
+
},
|
|
804
|
+
weight: "regular"
|
|
805
|
+
},
|
|
791
806
|
indicator: {
|
|
792
807
|
weight: "medium"
|
|
793
808
|
},
|
|
@@ -109,6 +109,8 @@ const e = {
|
|
|
109
109
|
backgroundContainerNegative: r(e.vivoNeutral950, 0.4),
|
|
110
110
|
backgroundContainerBrandOverBrand: e.vivoPurple650,
|
|
111
111
|
backgroundContainerAlternative: e.vivoNeutral25,
|
|
112
|
+
backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
|
|
113
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurple800,
|
|
112
114
|
backgroundOverlay: r(e.vivoNeutral975, 0.6),
|
|
113
115
|
backgroundSkeleton: e.vivoNeutral200,
|
|
114
116
|
backgroundSkeletonInverse: e.vivoPurple900,
|
|
@@ -151,12 +153,12 @@ const e = {
|
|
|
151
153
|
buttonLinkBackgroundBrandPressed: r(e.vivoNeutral0, 0.1),
|
|
152
154
|
buttonLinkBackgroundMediaPressed: r(e.vivoNeutral0, 0.1),
|
|
153
155
|
buttonLinkNeutralBackgroundPressed: e.vivoNeutral100,
|
|
154
|
-
buttonLinkNeutralBackgroundBrand: e.vivoNeutral0,
|
|
155
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
156
|
-
buttonLinkNeutralBackgroundNegative: e.vivoNeutral0,
|
|
157
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
158
|
-
buttonLinkNeutralBackgroundMedia: e.vivoNeutral0,
|
|
159
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
156
|
+
buttonLinkNeutralBackgroundBrand: r(e.vivoNeutral0, 0),
|
|
157
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.vivoNeutral0, 0.1),
|
|
158
|
+
buttonLinkNeutralBackgroundNegative: r(e.vivoNeutral0, 0),
|
|
159
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.vivoNeutral0, 0.1),
|
|
160
|
+
buttonLinkNeutralBackgroundMedia: r(e.vivoNeutral0, 0),
|
|
161
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.vivoNeutral0, 0.1),
|
|
160
162
|
buttonPrimaryBackground: e.vivoPurple700,
|
|
161
163
|
buttonPrimaryBackgroundInverse: e.vivoNeutral0,
|
|
162
164
|
buttonPrimaryBackgroundNegative: e.vivoNeutral0,
|
|
@@ -221,10 +223,10 @@ const e = {
|
|
|
221
223
|
textLinkDangerMedia: e.vivoPepper600,
|
|
222
224
|
textLinkSnackbar: e.vivoPurple100,
|
|
223
225
|
textLinkNeutral: e.vivoNeutral975,
|
|
224
|
-
textLinkNeutralBrand: e.
|
|
225
|
-
textLinkNeutralNegative: e.
|
|
226
|
+
textLinkNeutralBrand: e.vivoNeutral0,
|
|
227
|
+
textLinkNeutralNegative: e.vivoNeutral0,
|
|
226
228
|
textLinkNeutralAlternative: e.vivoNeutral975,
|
|
227
|
-
textLinkNeutralMedia: e.
|
|
229
|
+
textLinkNeutralMedia: e.vivoNeutral0,
|
|
228
230
|
textActivated: e.vivoPurple700,
|
|
229
231
|
textBrand: e.vivoPurple700,
|
|
230
232
|
inputBorder: e.vivoNeutral500,
|
|
@@ -416,6 +418,8 @@ const e = {
|
|
|
416
418
|
backgroundContainerNegative: e.vivoNeutral900,
|
|
417
419
|
backgroundContainerBrandOverBrand: e.vivoNeutral900,
|
|
418
420
|
backgroundContainerAlternative: e.vivoNeutral900,
|
|
421
|
+
backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
|
|
422
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurple800,
|
|
419
423
|
backgroundOverlay: r(e.vivoNeutral900, 0.8),
|
|
420
424
|
backgroundSkeleton: e.vivoNeutral800,
|
|
421
425
|
backgroundSkeletonInverse: e.vivoNeutral800,
|
|
@@ -821,6 +825,17 @@ const e = {
|
|
|
821
825
|
},
|
|
822
826
|
weight: "medium"
|
|
823
827
|
},
|
|
828
|
+
headerPretitle: {
|
|
829
|
+
lineHeight: {
|
|
830
|
+
desktop: 24,
|
|
831
|
+
mobile: 20
|
|
832
|
+
},
|
|
833
|
+
size: {
|
|
834
|
+
desktop: 16,
|
|
835
|
+
mobile: 14
|
|
836
|
+
},
|
|
837
|
+
weight: "regular"
|
|
838
|
+
},
|
|
824
839
|
indicator: {
|
|
825
840
|
weight: "medium"
|
|
826
841
|
},
|
|
@@ -1192,7 +1207,7 @@ const e = {
|
|
|
1192
1207
|
}
|
|
1193
1208
|
},
|
|
1194
1209
|
responsiveLayoutMargin: {
|
|
1195
|
-
mobile:
|
|
1210
|
+
mobile: 16,
|
|
1196
1211
|
desktop: 48
|
|
1197
1212
|
}
|
|
1198
1213
|
}
|
package/dist-es/skins/vivo.js
CHANGED
|
@@ -65,6 +65,8 @@ const e = {
|
|
|
65
65
|
backgroundContainerNegative: r(e.darkModeBlack, 0.4),
|
|
66
66
|
backgroundContainerBrandOverBrand: e.vivoPurpleDark,
|
|
67
67
|
backgroundContainerAlternative: e.grey1,
|
|
68
|
+
backgroundContainerAlternativeOverAlternative: e.white,
|
|
69
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurpleDark,
|
|
68
70
|
backgroundOverlay: r(e.grey6, 0.6),
|
|
69
71
|
backgroundSkeleton: e.grey3,
|
|
70
72
|
backgroundSkeletonInverse: e.vivoPurpleDark,
|
|
@@ -107,12 +109,12 @@ const e = {
|
|
|
107
109
|
buttonLinkBackgroundBrandPressed: r(e.white, 0.1),
|
|
108
110
|
buttonLinkBackgroundMediaPressed: r(e.white, 0.1),
|
|
109
111
|
buttonLinkNeutralBackgroundPressed: e.grey2,
|
|
110
|
-
buttonLinkNeutralBackgroundBrand: e.white,
|
|
111
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
112
|
-
buttonLinkNeutralBackgroundNegative: e.white,
|
|
113
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
114
|
-
buttonLinkNeutralBackgroundMedia: e.white,
|
|
115
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
112
|
+
buttonLinkNeutralBackgroundBrand: r(e.white, 0),
|
|
113
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.white, 0.1),
|
|
114
|
+
buttonLinkNeutralBackgroundNegative: r(e.white, 0),
|
|
115
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.white, 0.1),
|
|
116
|
+
buttonLinkNeutralBackgroundMedia: r(e.white, 0),
|
|
117
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.white, 0.1),
|
|
116
118
|
buttonPrimaryBackground: e.vivoPurple,
|
|
117
119
|
buttonPrimaryBackgroundInverse: e.white,
|
|
118
120
|
buttonPrimaryBackgroundNegative: e.white,
|
|
@@ -177,10 +179,10 @@ const e = {
|
|
|
177
179
|
textLinkDangerMedia: e.pepper,
|
|
178
180
|
textLinkSnackbar: e.vivoPurpleLight20,
|
|
179
181
|
textLinkNeutral: e.grey6,
|
|
180
|
-
textLinkNeutralBrand: e.
|
|
181
|
-
textLinkNeutralNegative: e.
|
|
182
|
+
textLinkNeutralBrand: e.white,
|
|
183
|
+
textLinkNeutralNegative: e.white,
|
|
182
184
|
textLinkNeutralAlternative: e.grey6,
|
|
183
|
-
textLinkNeutralMedia: e.
|
|
185
|
+
textLinkNeutralMedia: e.white,
|
|
184
186
|
textActivated: e.vivoPurple,
|
|
185
187
|
textBrand: e.vivoPurple,
|
|
186
188
|
inputBorder: e.grey4,
|
|
@@ -372,6 +374,8 @@ const e = {
|
|
|
372
374
|
backgroundContainerNegative: e.darkModeGrey,
|
|
373
375
|
backgroundContainerBrandOverBrand: e.darkModeGrey,
|
|
374
376
|
backgroundContainerAlternative: e.darkModeGrey,
|
|
377
|
+
backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
|
|
378
|
+
backgroundContainerAlternativeOverBrand: e.darkModeGrey,
|
|
375
379
|
backgroundOverlay: r(e.darkModeGrey, 0.8),
|
|
376
380
|
backgroundSkeleton: e.darkModeGrey6,
|
|
377
381
|
backgroundSkeletonInverse: e.darkModeGrey6,
|
|
@@ -777,6 +781,17 @@ const e = {
|
|
|
777
781
|
},
|
|
778
782
|
weight: "medium"
|
|
779
783
|
},
|
|
784
|
+
headerPretitle: {
|
|
785
|
+
lineHeight: {
|
|
786
|
+
desktop: 24,
|
|
787
|
+
mobile: 24
|
|
788
|
+
},
|
|
789
|
+
size: {
|
|
790
|
+
desktop: 18,
|
|
791
|
+
mobile: 16
|
|
792
|
+
},
|
|
793
|
+
weight: "regular"
|
|
794
|
+
},
|
|
780
795
|
indicator: {
|
|
781
796
|
weight: "medium"
|
|
782
797
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var f = "
|
|
2
|
-
export { f as skipLinkContainer,
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var f = "v17_5_13pf4ld1 v17_5_13pf4ld0 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfjy v17_5_1y2v1nfl7 v17_5_1y2v1nf8z v17_5_1y2v1nftv v17_5_1y2v1nfu6 v17_5_1y2v1nfr9 v17_5_1y2v1nfuo v17_5_1y2v1nfv3", y = "v17_5_13pf4ld2";
|
|
2
|
+
export { f as skipLinkContainer, y as skipLinkList };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
media: "
|
|
6
|
-
negative: "
|
|
7
|
-
}, f = "
|
|
8
|
-
default: "
|
|
9
|
-
alternative: "
|
|
10
|
-
brand: "
|
|
11
|
-
media: "
|
|
12
|
-
negative: "
|
|
13
|
-
},
|
|
14
|
-
default: "
|
|
15
|
-
alternative: "
|
|
16
|
-
brand: "
|
|
17
|
-
media: "
|
|
18
|
-
negative: "
|
|
19
|
-
}, a = "
|
|
20
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v17_5_1j1wlhk1 v17_5_1j1wlhk0 v17_5_1y2v1nfs1 v17_5_1y2v1nfr8 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfuh", l = "v17_5_1j1wlhk2", h = "v17_5_1j1wlhk3 v17_5_1y2v1nfs1 v17_5_1y2v1nfsl v17_5_1y2v1nfuc", k = "v17_5_1j1wlhk5 v17_5_1j1wlhk4 v17_5_1y2v1nfr9 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn", y = {
|
|
2
|
+
default: "v17_5_1j1wlhkd v17_5_1j1wlhk7 v17_5_1j1wlhk6 v17_5_1y2v1nfs9 v17_5_1y2v1nfsp v17_5_1y2v1nfty v17_5_1j1wlhk8 v17_5_1y2v1nfcv",
|
|
3
|
+
alternative: "v17_5_1j1wlhke v17_5_1j1wlhk7 v17_5_1j1wlhk6 v17_5_1y2v1nfs9 v17_5_1y2v1nfsp v17_5_1y2v1nfty v17_5_1j1wlhk9 v17_5_1y2v1nfcv",
|
|
4
|
+
brand: "v17_5_1j1wlhkf v17_5_1j1wlhk7 v17_5_1j1wlhk6 v17_5_1y2v1nfs9 v17_5_1y2v1nfsp v17_5_1y2v1nfty v17_5_1j1wlhka v17_5_1y2v1nfd1",
|
|
5
|
+
media: "v17_5_1j1wlhkg v17_5_1j1wlhk7 v17_5_1j1wlhk6 v17_5_1y2v1nfs9 v17_5_1y2v1nfsp v17_5_1y2v1nfty v17_5_1j1wlhkb v17_5_1y2v1nfd1",
|
|
6
|
+
negative: "v17_5_1j1wlhkh v17_5_1j1wlhk7 v17_5_1j1wlhk6 v17_5_1y2v1nfs9 v17_5_1y2v1nfsp v17_5_1y2v1nfty v17_5_1j1wlhkc v17_5_1y2v1nfd0"
|
|
7
|
+
}, f = "v17_5_1j1wlhkj v17_5_1j1wlhki v17_5_1y2v1nfdg v17_5_1y2v1nfty", j = {
|
|
8
|
+
default: "v17_5_1j1wlhkk",
|
|
9
|
+
alternative: "v17_5_1j1wlhkl",
|
|
10
|
+
brand: "v17_5_1j1wlhkm",
|
|
11
|
+
media: "v17_5_1j1wlhkn",
|
|
12
|
+
negative: "v17_5_1j1wlhko"
|
|
13
|
+
}, w = {
|
|
14
|
+
default: "v17_5_1j1wlhkp",
|
|
15
|
+
alternative: "v17_5_1j1wlhkq",
|
|
16
|
+
brand: "v17_5_1j1wlhkr",
|
|
17
|
+
media: "v17_5_1j1wlhks",
|
|
18
|
+
negative: "v17_5_1j1wlhkt"
|
|
19
|
+
}, a = "v17_5_1j1wlhkv v17_5_1j1wlhku v17_5_1y2v1nfr9 v17_5_1y2v1nfuo";
|
|
20
|
+
export { n as container, y as defaultThumb, l as disabled, a as input, f as iosThumb, w as thumbActive, k as thumbContainer, j as thumbHover, h as track };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = 300, b = "
|
|
2
|
-
centered: "
|
|
3
|
-
topRight: "
|
|
4
|
-
},
|
|
5
|
-
export { n as TRANSITION_TIME_IN_MS,
|
|
1
|
+
/* empty css */ /* empty css */ var n = 300, b = "v17_5_o7bjb01 v17_5_o7bjb00 v17_5_1y2v1nfs1 v17_5_1y2v1nfre v17_5_1y2v1nfrn", r = "v17_5_o7bjb03 v17_5_o7bjb02 v17_5_1y2v1nfr8", o = "v17_5_o7bjb04", y = "v17_5_o7bjb06 v17_5_o7bjb05 v17_5_1y2v1nfra v17_5_1y2v1nfug", f = "v17_5_o7bjb07 v17_5_1y2v1nfdq", t = "v17_5_o7bjb08 v17_5_1y2v1nfdr", a = "v17_5_o7bjb09", j = "v17_5_o7bjb0c v17_5_o7bjb0a v17_5_1y2v1nfre v17_5_1y2v1nfrq v17_5_o7bjb0b v17_5_1y2v1nfrk", e = "v17_5_o7bjb0e v17_5_o7bjb0a v17_5_1y2v1nfre v17_5_1y2v1nfrq v17_5_o7bjb0d v17_5_1y2v1nfrj v17_5_1y2v1nfrt", i = "v17_5_o7bjb0g", p = "v17_5_o7bjb0h", s = "v17_5_o7bjb0i v17_5_1y2v1nfhd v17_5_1y2v1nfim v17_5_1y2v1nfjy v17_5_1y2v1nfl7 v17_5_1y2v1nftw v17_5_1y2v1nfh6", c = {
|
|
2
|
+
centered: "v17_5_o7bjb0l v17_5_o7bjb0j v17_5_1y2v1nfre v17_5_1y2v1nfr9 v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfvl",
|
|
3
|
+
topRight: "v17_5_o7bjb0m v17_5_o7bjb0j v17_5_1y2v1nfre v17_5_1y2v1nfr9 v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfvl v17_5_o7bjb0k v17_5_1y2v1nfur"
|
|
4
|
+
}, u = "v17_5_o7bjb0o v17_5_o7bjb0n v17_5_1y2v1nfsb v17_5_1y2v1nfsr v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfty";
|
|
5
|
+
export { n as TRANSITION_TIME_IN_MS, i as button, s as buttonTouchable, j as contentWithLongButton, e as contentWithoutLongButton, c as dismissButton, u as dismissIcon, p as longButton, b as snackbar, r as snackbarContainer, o as snackbarOpen, y as wrapper, f as wrapperCritical, t as wrapperInfo, a as wrapperOpen };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_5_1fthc594 v17_5_1fthc593 v17_5_1y2v1nfrw v17_5_1y2v1nfrg", n = "v17_5_1fthc595", t = "v17_5_1fthc596 v17_5_1y2v1nfrw v17_5_1y2v1nfrg", f = "v17_5_1fthc597";
|
|
2
2
|
export { r as spinnerDefault, n as spinnerDefaultPath, t as spinnerIos, f as spinnerIosSvgPath };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_5_1vlkt4s1 v17_5_1vlkt4s0 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn";
|
|
2
2
|
export { r as square };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */ var v = {
|
|
2
|
-
space: "var(--
|
|
3
|
-
spaceMobile: "var(--
|
|
4
|
-
spaceTablet: "var(--
|
|
5
|
-
spaceDesktop: "var(--
|
|
6
|
-
}, _ = "
|
|
2
|
+
space: "var(--v17_5_xjgm6d0)",
|
|
3
|
+
spaceMobile: "var(--v17_5_xjgm6d1)",
|
|
4
|
+
spaceTablet: "var(--v17_5_xjgm6d2)",
|
|
5
|
+
spaceDesktop: "var(--v17_5_xjgm6d3)"
|
|
6
|
+
}, _ = "v17_5_xjgm6d4", r = "v17_5_xjgm6d5";
|
|
7
7
|
export { r as flexStack, _ as marginStack, v as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_5_1y38nye1 v17_5_1y38nye0 v17_5_1y2v1nfre v17_5_1y2v1nfr8 v17_5_1y2v1nfrn v17_5_1y2v1nfrt";
|
|
2
2
|
export { r as moreItems };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var r = {
|
|
2
|
-
stepperMinHeight: "var(--
|
|
3
|
-
}, n = "
|
|
4
|
-
export { t as bar, i as barFilled,
|
|
2
|
+
stepperMinHeight: "var(--v17_5_14h93mq0)"
|
|
3
|
+
}, n = "v17_5_14h93mq7 v17_5_14h93mq6 v17_5_1y2v1nfre v17_5_1y2v1nfrs v17_5_1y2v1nftl", m = "v17_5_14h93mq8 v17_5_1y2v1nfre v17_5_1y2v1nfrt", f = "v17_5_14h93mqa v17_5_14h93mq9 v17_5_1y2v1nfr8 v17_5_1y2v1nfrf v17_5_1y2v1nfrk v17_5_1y2v1nfrt", e = "v17_5_14h93mqc v17_5_14h93mqb v17_5_1y2v1nfr8 v17_5_1y2v1nfre", y = "v17_5_14h93mqd", a = "v17_5_14h93mqf v17_5_14h93mqe v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfty", h = "v17_5_14h93mqg", q = "v17_5_14h93mqi v17_5_14h93mqh v17_5_1y2v1nfr9", t = "v17_5_14h93mql v17_5_14h93mqk v17_5_1y2v1nfsl v17_5_1y2v1nfs1 v17_5_1y2v1nfuc v17_5_1y2v1nfui", i = "v17_5_14h93mqn v17_5_14h93mqm v17_5_1y2v1nfsl v17_5_1y2v1nfs1 v17_5_1y2v1nfuc v17_5_1y2v1nfui", s = "v17_5_14h93mqo", l = "v17_5_14h93mqq v17_5_14h93mqp v17_5_1y2v1nfs3";
|
|
4
|
+
export { t as bar, i as barFilled, s as barFilledAnimation, l as barFilledReverseAnimation, h as currentNumber, y as iconAnimation, m as listItem, a as number, f as step, e as stepIconNumber, n as stepper, q as textContainer, r as vars };
|