@telefonica/mistica 17.1.0 → 17.3.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 +7 -0
- package/css/community/cyber.css +1491 -0
- package/css/esimflag.css +39 -40
- package/css/mistica-common.css +6 -0
- package/css/mistica.css +1 -1
- package/css/movistar.css +7 -0
- package/css/o2.css +10 -2
- package/css/telefonica.css +10 -2
- package/css/vivo-evolution.css +20 -13
- package/css/vivo.css +9 -2
- package/dist/accordion.css-mistica.js +14 -11
- package/dist/accordion.css.d.ts +1 -0
- package/dist/accordion.d.ts +3 -2
- package/dist/accordion.js +118 -106
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +1 -1
- package/dist/autocomplete.js +32 -32
- 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/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +47 -47
- package/dist/callout.css-mistica.js +13 -13
- package/dist/card-internal.css-mistica.js +17 -17
- package/dist/carousel.css-mistica.js +17 -17
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/ai-card.css-mistica.js +13 -13
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/community/skins/cyber-skin.d.ts +5 -0
- package/dist/community/skins/cyber-skin.js +299 -259
- package/dist/counter.css-mistica.js +2 -2
- package/dist/cover-hero.css-mistica.js +4 -4
- package/dist/credit-card-fields.d.ts +2 -1
- package/dist/credit-card-fields.js +14 -11
- 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 +8 -8
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +5 -5
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/file-upload.css-mistica.js +7 -7
- package/dist/fixed-footer-layout.css-mistica.js +6 -6
- package/dist/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-add-more-circle-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-add-more-circle-light.js +33 -17
- package/dist/generated/mistica-icons/icon-add-more-circle-regular.js +24 -8
- package/dist/generated/mistica-icons/icon-add-more-query-filled.js +36 -16
- package/dist/generated/mistica-icons/icon-add-more-query-light.js +36 -16
- package/dist/generated/mistica-icons/icon-add-more-query-regular.js +37 -17
- package/dist/generated/mistica-icons/icon-alert-filled.js +17 -7
- package/dist/generated/mistica-icons/icon-alert-light.js +39 -23
- package/dist/generated/mistica-icons/icon-alert-regular.js +25 -9
- package/dist/generated/mistica-icons/icon-api-filled.js +28 -11
- package/dist/generated/mistica-icons/icon-api-light.js +35 -15
- package/dist/generated/mistica-icons/icon-api-regular.js +37 -17
- package/dist/generated/mistica-icons/icon-apps-business-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-apps-business-light.js +27 -17
- package/dist/generated/mistica-icons/icon-apps-business-regular.js +25 -15
- package/dist/generated/mistica-icons/icon-apps-filled.js +23 -13
- package/dist/generated/mistica-icons/icon-apps-light.js +22 -12
- package/dist/generated/mistica-icons/icon-apps-regular.js +22 -12
- package/dist/generated/mistica-icons/icon-artificial-intelligence-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-artificial-intelligence-light.js +26 -16
- package/dist/generated/mistica-icons/icon-artificial-intelligence-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-cancel-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-cancel-light.js +34 -18
- package/dist/generated/mistica-icons/icon-cancel-regular.js +40 -24
- package/dist/generated/mistica-icons/icon-check-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-check-light.js +21 -11
- package/dist/generated/mistica-icons/icon-check-regular.js +16 -6
- package/dist/generated/mistica-icons/icon-checked-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-checked-light.js +40 -24
- package/dist/generated/mistica-icons/icon-checked-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-disable-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-disable-light.js +19 -9
- package/dist/generated/mistica-icons/icon-disable-regular.js +22 -12
- package/dist/generated/mistica-icons/icon-information-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-information-light.js +30 -13
- package/dist/generated/mistica-icons/icon-information-regular.js +25 -9
- package/dist/generated/mistica-icons/icon-loudspeaker-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-panel-collapse-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-collapse-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-collapse-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-expand-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-expand-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-expand-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-pix-filled.js +4 -4
- package/dist/generated/mistica-icons/icon-question-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-question-light.js +33 -17
- package/dist/generated/mistica-icons/icon-question-regular.js +31 -15
- package/dist/generated/mistica-icons/icon-search-ai-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-search-ai-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-search-ai-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icons-keywords.js +59 -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/hero.css-mistica.js +2 -2
- 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 +2 -2
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +4 -4
- package/dist/list.d.ts +4 -0
- package/dist/list.js +3 -0
- package/dist/loading-bar.css-mistica.js +3 -3
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo-movistar.js +1 -1
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +25 -22
- package/dist/menu.css.d.ts +2 -1
- package/dist/menu.d.ts +2 -1
- package/dist/menu.js +147 -139
- package/dist/mosaic.css-mistica.js +4 -1
- package/dist/mosaic.css.d.ts +1 -0
- package/dist/mosaic.js +10 -9
- package/dist/navigation-bar.css-mistica.js +22 -22
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +18 -18
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +26 -26
- package/dist/rating.css-mistica.js +2 -2
- 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 +15 -15
- package/dist/select.d.ts +2 -1
- package/dist/select.js +111 -109
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +5 -5
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/blau.d.ts +5 -0
- package/dist/skins/blau.js +10 -1
- package/dist/skins/defaults.js +10 -1
- package/dist/skins/esimflag.d.ts +5 -0
- package/dist/skins/esimflag.js +10 -1
- package/dist/skins/movistar.d.ts +5 -0
- package/dist/skins/movistar.js +10 -1
- package/dist/skins/o2.d.ts +5 -0
- package/dist/skins/o2.js +10 -1
- package/dist/skins/skin-contract.css-mistica.js +731 -728
- package/dist/skins/skin-contract.css.d.ts +15 -12
- package/dist/skins/telefonica.d.ts +5 -0
- package/dist/skins/telefonica.js +10 -1
- package/dist/skins/types/colors.d.ts +11 -6
- package/dist/skins/types/index.d.ts +2 -1
- package/dist/skins/vivo-evolution.d.ts +5 -0
- package/dist/skins/vivo-evolution.js +21 -12
- package/dist/skins/vivo.d.ts +5 -0
- package/dist/skins/vivo.js +10 -1
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +20 -20
- package/dist/snackbar.css-mistica.js +4 -4
- 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 +2 -2
- package/dist/stepper.js +9 -9
- package/dist/switch-component.css-mistica.js +38 -38
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +24 -24
- package/dist/text-field-base.css.d.ts +2 -2
- package/dist/text-field-base.d.ts +2 -0
- package/dist/text-field-base.js +112 -110
- package/dist/text-field-components.css-mistica.js +9 -9
- package/dist/text-field-components.d.ts +3 -2
- package/dist/text-field-components.js +52 -52
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +9 -9
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +2 -2
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/video.css-mistica.js +2 -2
- 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/accordion.js +152 -140
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +1 -1
- package/dist-es/autocomplete.js +55 -55
- 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/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +14 -14
- package/dist-es/button.css-mistica.js +37 -37
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +16 -16
- package/dist-es/carousel.css-mistica.js +9 -9
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/community/skins/cyber-skin.js +299 -259
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +3 -3
- package/dist-es/credit-card-fields.js +29 -26
- 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 +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/file-upload.css-mistica.js +7 -7
- 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-add-more-circle-filled.js +24 -14
- package/dist-es/generated/mistica-icons/icon-add-more-circle-light.js +39 -23
- package/dist-es/generated/mistica-icons/icon-add-more-circle-regular.js +30 -14
- package/dist-es/generated/mistica-icons/icon-add-more-query-filled.js +45 -25
- package/dist-es/generated/mistica-icons/icon-add-more-query-light.js +45 -25
- package/dist-es/generated/mistica-icons/icon-add-more-query-regular.js +46 -26
- package/dist-es/generated/mistica-icons/icon-alert-filled.js +21 -11
- package/dist-es/generated/mistica-icons/icon-alert-light.js +45 -29
- package/dist-es/generated/mistica-icons/icon-alert-regular.js +32 -16
- package/dist-es/generated/mistica-icons/icon-api-filled.js +36 -19
- package/dist-es/generated/mistica-icons/icon-api-light.js +38 -18
- package/dist-es/generated/mistica-icons/icon-api-regular.js +40 -20
- package/dist-es/generated/mistica-icons/icon-apps-business-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-apps-business-light.js +32 -22
- package/dist-es/generated/mistica-icons/icon-apps-business-regular.js +31 -21
- package/dist-es/generated/mistica-icons/icon-apps-filled.js +26 -16
- package/dist-es/generated/mistica-icons/icon-apps-light.js +25 -15
- package/dist-es/generated/mistica-icons/icon-apps-regular.js +25 -15
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-light.js +28 -18
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-regular.js +32 -22
- package/dist-es/generated/mistica-icons/icon-cancel-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-cancel-light.js +45 -29
- package/dist-es/generated/mistica-icons/icon-cancel-regular.js +46 -30
- package/dist-es/generated/mistica-icons/icon-check-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-check-light.js +23 -13
- package/dist-es/generated/mistica-icons/icon-check-regular.js +20 -10
- package/dist-es/generated/mistica-icons/icon-checked-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-checked-light.js +54 -38
- package/dist-es/generated/mistica-icons/icon-checked-regular.js +34 -18
- package/dist-es/generated/mistica-icons/icon-disable-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-disable-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-disable-regular.js +26 -16
- package/dist-es/generated/mistica-icons/icon-information-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-information-light.js +37 -20
- package/dist-es/generated/mistica-icons/icon-information-regular.js +34 -18
- package/dist-es/generated/mistica-icons/icon-loudspeaker-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-pix-filled.js +8 -8
- package/dist-es/generated/mistica-icons/icon-question-filled.js +28 -18
- package/dist-es/generated/mistica-icons/icon-question-light.js +38 -22
- package/dist-es/generated/mistica-icons/icon-question-regular.js +44 -28
- package/dist-es/generated/mistica-icons/icons-keywords.js +59 -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/hero.css-mistica.js +2 -2
- 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 +2 -2
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo-movistar.js +1 -1
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +14 -14
- package/dist-es/menu.js +200 -192
- package/dist-es/mosaic.css-mistica.js +2 -2
- package/dist-es/mosaic.js +12 -11
- package/dist-es/navigation-bar.css-mistica.js +19 -19
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +18 -18
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +6 -6
- package/dist-es/radio-button.css-mistica.js +22 -22
- package/dist-es/rating.css-mistica.js +2 -2
- 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 +15 -15
- package/dist-es/select.js +153 -151
- 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/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/blau.js +10 -1
- package/dist-es/skins/defaults.js +10 -1
- package/dist-es/skins/esimflag.js +10 -1
- package/dist-es/skins/movistar.js +10 -1
- package/dist-es/skins/o2.js +10 -1
- package/dist-es/skins/skin-contract.css-mistica.js +731 -728
- package/dist-es/skins/telefonica.js +10 -1
- package/dist-es/skins/vivo-evolution.js +21 -12
- package/dist-es/skins/vivo.js +10 -1
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +19 -19
- package/dist-es/snackbar.css-mistica.js +4 -4
- 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 +2 -2
- package/dist-es/stepper.js +19 -19
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +37 -37
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-base.js +148 -146
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-field-components.js +84 -84
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +9 -9
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +3 -1
- package/src/accordion.css.ts +5 -0
- package/src/accordion.tsx +35 -28
- package/src/autocomplete.tsx +6 -4
- package/src/community/skins/cyber-skin.tsx +131 -437
- package/src/credit-card-fields.tsx +5 -0
- package/src/date-field.css.ts +1 -1
- package/src/icon-button.css.ts +6 -6
- package/src/list.tsx +1 -1
- package/src/logo-movistar.tsx +1 -1
- package/src/menu.css.ts +15 -1
- package/src/menu.tsx +20 -4
- package/src/mosaic.css.ts +4 -0
- package/src/mosaic.tsx +4 -2
- package/src/package-version.tsx +1 -1
- package/src/select.css.ts +1 -1
- package/src/select.tsx +9 -3
- package/src/skins/blau.tsx +14 -8
- package/src/skins/defaults.tsx +7 -1
- package/src/skins/esimflag.tsx +14 -8
- package/src/skins/movistar.tsx +14 -8
- package/src/skins/o2.tsx +14 -8
- package/src/skins/skin-contract.css.ts +2 -1
- package/src/skins/telefonica.tsx +14 -8
- package/src/skins/types/colors.tsx +12 -6
- package/src/skins/types/index.tsx +2 -1
- package/src/skins/vivo-evolution.tsx +21 -15
- package/src/skins/vivo.tsx +14 -8
- package/src/snackbar.css.ts +1 -1
- package/src/stepper.css.ts +1 -1
- package/src/stepper.tsx +1 -1
- package/src/text-field-base.css.ts +2 -2
- package/src/text-field-base.tsx +18 -10
- package/src/text-field-components.css.ts +12 -8
- package/src/text-field-components.tsx +11 -8
|
@@ -47,6 +47,10 @@ export declare const vars: {
|
|
|
47
47
|
border: `var(--${string})`;
|
|
48
48
|
borderHigh: `var(--${string})`;
|
|
49
49
|
borderSelected: `var(--${string})`;
|
|
50
|
+
completedStep: `var(--${string})`;
|
|
51
|
+
completedStepInverse: `var(--${string})`;
|
|
52
|
+
completedStepNegative: `var(--${string})`;
|
|
53
|
+
completedStepBrand: `var(--${string})`;
|
|
50
54
|
coverBackgroundHover: `var(--${string})`;
|
|
51
55
|
coverBackgroundPressed: `var(--${string})`;
|
|
52
56
|
buttonDangerBackground: `var(--${string})`;
|
|
@@ -147,10 +151,6 @@ export declare const vars: {
|
|
|
147
151
|
inputBorderInverse: `var(--${string})`;
|
|
148
152
|
inputBorderNegative: `var(--${string})`;
|
|
149
153
|
inputBorderBrand: `var(--${string})`;
|
|
150
|
-
completedStep: `var(--${string})`;
|
|
151
|
-
completedStepInverse: `var(--${string})`;
|
|
152
|
-
completedStepNegative: `var(--${string})`;
|
|
153
|
-
completedStepBrand: `var(--${string})`;
|
|
154
154
|
control: `var(--${string})`;
|
|
155
155
|
controlActivated: `var(--${string})`;
|
|
156
156
|
controlInverse: `var(--${string})`;
|
|
@@ -208,13 +208,13 @@ export declare const vars: {
|
|
|
208
208
|
textSecondaryNegative: `var(--${string})`;
|
|
209
209
|
textSecondaryBrand: `var(--${string})`;
|
|
210
210
|
textSecondaryMedia: `var(--${string})`;
|
|
211
|
-
success: `var(--${string})`;
|
|
212
|
-
warning: `var(--${string})`;
|
|
213
211
|
error: `var(--${string})`;
|
|
214
212
|
textError: `var(--${string})`;
|
|
215
213
|
textErrorInverse: `var(--${string})`;
|
|
216
214
|
textErrorNegative: `var(--${string})`;
|
|
217
215
|
textErrorBrand: `var(--${string})`;
|
|
216
|
+
success: `var(--${string})`;
|
|
217
|
+
warning: `var(--${string})`;
|
|
218
218
|
promo: `var(--${string})`;
|
|
219
219
|
highlight: `var(--${string})`;
|
|
220
220
|
successLow: `var(--${string})`;
|
|
@@ -354,6 +354,10 @@ export declare const vars: {
|
|
|
354
354
|
border: `var(--${string})`;
|
|
355
355
|
borderHigh: `var(--${string})`;
|
|
356
356
|
borderSelected: `var(--${string})`;
|
|
357
|
+
completedStep: `var(--${string})`;
|
|
358
|
+
completedStepInverse: `var(--${string})`;
|
|
359
|
+
completedStepNegative: `var(--${string})`;
|
|
360
|
+
completedStepBrand: `var(--${string})`;
|
|
357
361
|
coverBackgroundHover: `var(--${string})`;
|
|
358
362
|
coverBackgroundPressed: `var(--${string})`;
|
|
359
363
|
buttonDangerBackground: `var(--${string})`;
|
|
@@ -454,10 +458,6 @@ export declare const vars: {
|
|
|
454
458
|
inputBorderInverse: `var(--${string})`;
|
|
455
459
|
inputBorderNegative: `var(--${string})`;
|
|
456
460
|
inputBorderBrand: `var(--${string})`;
|
|
457
|
-
completedStep: `var(--${string})`;
|
|
458
|
-
completedStepInverse: `var(--${string})`;
|
|
459
|
-
completedStepNegative: `var(--${string})`;
|
|
460
|
-
completedStepBrand: `var(--${string})`;
|
|
461
461
|
control: `var(--${string})`;
|
|
462
462
|
controlActivated: `var(--${string})`;
|
|
463
463
|
controlInverse: `var(--${string})`;
|
|
@@ -515,13 +515,13 @@ export declare const vars: {
|
|
|
515
515
|
textSecondaryNegative: `var(--${string})`;
|
|
516
516
|
textSecondaryBrand: `var(--${string})`;
|
|
517
517
|
textSecondaryMedia: `var(--${string})`;
|
|
518
|
-
success: `var(--${string})`;
|
|
519
|
-
warning: `var(--${string})`;
|
|
520
518
|
error: `var(--${string})`;
|
|
521
519
|
textError: `var(--${string})`;
|
|
522
520
|
textErrorInverse: `var(--${string})`;
|
|
523
521
|
textErrorNegative: `var(--${string})`;
|
|
524
522
|
textErrorBrand: `var(--${string})`;
|
|
523
|
+
success: `var(--${string})`;
|
|
524
|
+
warning: `var(--${string})`;
|
|
525
525
|
promo: `var(--${string})`;
|
|
526
526
|
highlight: `var(--${string})`;
|
|
527
527
|
successLow: `var(--${string})`;
|
|
@@ -626,6 +626,7 @@ export declare const vars: {
|
|
|
626
626
|
avatar: `var(--${string})`;
|
|
627
627
|
mediaSmall: `var(--${string})`;
|
|
628
628
|
tag: `var(--${string})`;
|
|
629
|
+
snackbar: `var(--${string})`;
|
|
629
630
|
};
|
|
630
631
|
textPresets: {
|
|
631
632
|
cardTitle: {
|
|
@@ -827,6 +828,8 @@ export declare const vars: {
|
|
|
827
828
|
inputPadding: {
|
|
828
829
|
top: `var(--${string})`;
|
|
829
830
|
bottom: `var(--${string})`;
|
|
831
|
+
left: `var(--${string})`;
|
|
832
|
+
right: `var(--${string})`;
|
|
830
833
|
};
|
|
831
834
|
tagPadding: {
|
|
832
835
|
top: `var(--${string})`;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated
|
|
3
|
+
* This file was automatically generated by the generate-design-tokens script.
|
|
4
|
+
* Do not edit it by hand: your changes will be overwritten the next time the script runs.
|
|
5
|
+
*/
|
|
1
6
|
import type { GetKnownSkin } from './types';
|
|
2
7
|
export declare const palette: {
|
|
3
8
|
telefonicaBlue: string;
|
package/dist/skins/telefonica.js
CHANGED
|
@@ -694,7 +694,8 @@ const e = {
|
|
|
694
694
|
input: "8px",
|
|
695
695
|
popup: "4px",
|
|
696
696
|
sheet: "0px",
|
|
697
|
-
mediaSmall: "2px"
|
|
697
|
+
mediaSmall: "2px",
|
|
698
|
+
snackbar: "4px"
|
|
698
699
|
},
|
|
699
700
|
textPresets: {
|
|
700
701
|
button: {
|
|
@@ -1086,9 +1087,17 @@ const e = {
|
|
|
1086
1087
|
mobile: 8,
|
|
1087
1088
|
desktop: 8
|
|
1088
1089
|
},
|
|
1090
|
+
right: {
|
|
1091
|
+
mobile: 16,
|
|
1092
|
+
desktop: 16
|
|
1093
|
+
},
|
|
1089
1094
|
bottom: {
|
|
1090
1095
|
mobile: 8,
|
|
1091
1096
|
desktop: 8
|
|
1097
|
+
},
|
|
1098
|
+
left: {
|
|
1099
|
+
mobile: 12,
|
|
1100
|
+
desktop: 12
|
|
1092
1101
|
}
|
|
1093
1102
|
},
|
|
1094
1103
|
tagPadding: {
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated
|
|
3
|
+
* This file was automatically generated by the generate-design-tokens script.
|
|
4
|
+
* Do not edit it by hand: your changes will be overwritten the next time the script runs.
|
|
5
|
+
*/
|
|
1
6
|
export type Colors = {
|
|
2
7
|
background: string;
|
|
3
8
|
backgroundAlternative: string;
|
|
@@ -46,6 +51,10 @@ export type Colors = {
|
|
|
46
51
|
border: string;
|
|
47
52
|
borderHigh: string;
|
|
48
53
|
borderSelected: string;
|
|
54
|
+
completedStep: string;
|
|
55
|
+
completedStepInverse: string;
|
|
56
|
+
completedStepNegative: string;
|
|
57
|
+
completedStepBrand: string;
|
|
49
58
|
coverBackgroundHover: string;
|
|
50
59
|
coverBackgroundPressed: string;
|
|
51
60
|
buttonDangerBackground: string;
|
|
@@ -146,10 +155,6 @@ export type Colors = {
|
|
|
146
155
|
inputBorderInverse: string;
|
|
147
156
|
inputBorderNegative: string;
|
|
148
157
|
inputBorderBrand: string;
|
|
149
|
-
completedStep: string;
|
|
150
|
-
completedStepInverse: string;
|
|
151
|
-
completedStepNegative: string;
|
|
152
|
-
completedStepBrand: string;
|
|
153
158
|
control: string;
|
|
154
159
|
controlActivated: string;
|
|
155
160
|
controlInverse: string;
|
|
@@ -207,13 +212,13 @@ export type Colors = {
|
|
|
207
212
|
textSecondaryNegative: string;
|
|
208
213
|
textSecondaryBrand: string;
|
|
209
214
|
textSecondaryMedia: string;
|
|
210
|
-
success: string;
|
|
211
|
-
warning: string;
|
|
212
215
|
error: string;
|
|
213
216
|
textError: string;
|
|
214
217
|
textErrorInverse: string;
|
|
215
218
|
textErrorNegative: string;
|
|
216
219
|
textErrorBrand: string;
|
|
220
|
+
success: string;
|
|
221
|
+
warning: string;
|
|
217
222
|
promo: string;
|
|
218
223
|
highlight: string;
|
|
219
224
|
successLow: string;
|
|
@@ -86,12 +86,13 @@ export type BorderRadiiConfig = {
|
|
|
86
86
|
avatar: string;
|
|
87
87
|
mediaSmall: string;
|
|
88
88
|
tag: string;
|
|
89
|
+
snackbar: string;
|
|
89
90
|
};
|
|
90
91
|
export type SpacingConfig = {
|
|
91
92
|
buttonDefaultPadding: PaddingXValues;
|
|
92
93
|
buttonSmallPadding: PaddingXValues;
|
|
93
94
|
cardDefaultPadding: PaddingValues;
|
|
94
|
-
inputPadding:
|
|
95
|
+
inputPadding: PaddingValues;
|
|
95
96
|
tagPadding: PaddingYValues;
|
|
96
97
|
feedbackScreenPadding: PaddingValues;
|
|
97
98
|
heroPadding: PaddingYValues;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated
|
|
3
|
+
* This file was automatically generated by the generate-design-tokens script.
|
|
4
|
+
* Do not edit it by hand: your changes will be overwritten the next time the script runs.
|
|
5
|
+
*/
|
|
1
6
|
import type { GetKnownSkin } from './types';
|
|
2
7
|
export declare const palette: {
|
|
3
8
|
vivoNeutral0: string;
|
|
@@ -723,11 +723,12 @@ const e = {
|
|
|
723
723
|
container: "24px",
|
|
724
724
|
indicator: "24px",
|
|
725
725
|
chip: "24px",
|
|
726
|
-
tag: "
|
|
726
|
+
tag: "8px",
|
|
727
727
|
input: "16px",
|
|
728
728
|
popup: "16px",
|
|
729
729
|
sheet: "24px",
|
|
730
|
-
mediaSmall: "12px"
|
|
730
|
+
mediaSmall: "12px",
|
|
731
|
+
snackbar: "24px"
|
|
731
732
|
},
|
|
732
733
|
textPresets: {
|
|
733
734
|
button: {
|
|
@@ -1031,34 +1032,34 @@ const e = {
|
|
|
1031
1032
|
title2: {
|
|
1032
1033
|
lineHeight: {
|
|
1033
1034
|
desktop: 24,
|
|
1034
|
-
mobile:
|
|
1035
|
+
mobile: 20
|
|
1035
1036
|
},
|
|
1036
1037
|
size: {
|
|
1037
|
-
desktop:
|
|
1038
|
-
mobile:
|
|
1038
|
+
desktop: 16,
|
|
1039
|
+
mobile: 14
|
|
1039
1040
|
},
|
|
1040
1041
|
weight: "medium"
|
|
1041
1042
|
},
|
|
1042
1043
|
title3: {
|
|
1043
1044
|
lineHeight: {
|
|
1044
|
-
desktop:
|
|
1045
|
+
desktop: 24,
|
|
1045
1046
|
mobile: 24
|
|
1046
1047
|
},
|
|
1047
1048
|
size: {
|
|
1048
|
-
desktop:
|
|
1049
|
-
mobile:
|
|
1049
|
+
desktop: 18,
|
|
1050
|
+
mobile: 16
|
|
1050
1051
|
},
|
|
1051
1052
|
weight: "medium"
|
|
1052
1053
|
},
|
|
1053
1054
|
title4: {
|
|
1054
1055
|
lineHeight: {
|
|
1055
|
-
desktop: 40,
|
|
1056
|
-
mobile: 32
|
|
1057
|
-
},
|
|
1058
|
-
size: {
|
|
1059
1056
|
desktop: 32,
|
|
1060
1057
|
mobile: 24
|
|
1061
1058
|
},
|
|
1059
|
+
size: {
|
|
1060
|
+
desktop: 28,
|
|
1061
|
+
mobile: 20
|
|
1062
|
+
},
|
|
1062
1063
|
weight: "medium"
|
|
1063
1064
|
}
|
|
1064
1065
|
},
|
|
@@ -1119,9 +1120,17 @@ const e = {
|
|
|
1119
1120
|
mobile: 8,
|
|
1120
1121
|
desktop: 8
|
|
1121
1122
|
},
|
|
1123
|
+
right: {
|
|
1124
|
+
mobile: 16,
|
|
1125
|
+
desktop: 16
|
|
1126
|
+
},
|
|
1122
1127
|
bottom: {
|
|
1123
1128
|
mobile: 8,
|
|
1124
1129
|
desktop: 8
|
|
1130
|
+
},
|
|
1131
|
+
left: {
|
|
1132
|
+
mobile: 16,
|
|
1133
|
+
desktop: 16
|
|
1125
1134
|
}
|
|
1126
1135
|
},
|
|
1127
1136
|
tagPadding: {
|
package/dist/skins/vivo.d.ts
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated
|
|
3
|
+
* This file was automatically generated by the generate-design-tokens script.
|
|
4
|
+
* Do not edit it by hand: your changes will be overwritten the next time the script runs.
|
|
5
|
+
*/
|
|
1
6
|
import type { GetKnownSkin } from './types';
|
|
2
7
|
export declare const palette: {
|
|
3
8
|
vivoPurple: string;
|
package/dist/skins/vivo.js
CHANGED
|
@@ -683,7 +683,8 @@ const e = {
|
|
|
683
683
|
input: "16px",
|
|
684
684
|
popup: "16px",
|
|
685
685
|
sheet: "24px",
|
|
686
|
-
mediaSmall: "12px"
|
|
686
|
+
mediaSmall: "12px",
|
|
687
|
+
snackbar: "16px"
|
|
687
688
|
},
|
|
688
689
|
textPresets: {
|
|
689
690
|
button: {
|
|
@@ -1075,9 +1076,17 @@ const e = {
|
|
|
1075
1076
|
mobile: 8,
|
|
1076
1077
|
desktop: 8
|
|
1077
1078
|
},
|
|
1079
|
+
right: {
|
|
1080
|
+
mobile: 16,
|
|
1081
|
+
desktop: 16
|
|
1082
|
+
},
|
|
1078
1083
|
bottom: {
|
|
1079
1084
|
mobile: 8,
|
|
1080
1085
|
desktop: 8
|
|
1086
|
+
},
|
|
1087
|
+
left: {
|
|
1088
|
+
mobile: 12,
|
|
1089
|
+
desktop: 12
|
|
1081
1090
|
}
|
|
1082
1091
|
},
|
|
1083
1092
|
tagPadding: {
|
|
@@ -13,7 +13,7 @@ _export(exports, {
|
|
|
13
13
|
return f;
|
|
14
14
|
},
|
|
15
15
|
get skipLinkList () {
|
|
16
|
-
return
|
|
16
|
+
return i;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ /* empty css */ /* empty css */ var f = "
|
|
19
|
+
/* empty css */ /* empty css */ /* empty css */ var f = "v17_3_13pf4ld1 v17_3_13pf4ld0 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nf8x v17_3_1y2v1nftr v17_3_1y2v1nfu2 v17_3_1y2v1nfr5 v17_3_1y2v1nfuk v17_3_1y2v1nfuz", i = "v17_3_13pf4ld2";
|
|
@@ -13,7 +13,7 @@ _export(exports, {
|
|
|
13
13
|
return l;
|
|
14
14
|
},
|
|
15
15
|
get defaultThumb () {
|
|
16
|
-
return
|
|
16
|
+
return j;
|
|
17
17
|
},
|
|
18
18
|
get disabled () {
|
|
19
19
|
return n;
|
|
@@ -28,7 +28,7 @@ _export(exports, {
|
|
|
28
28
|
return y;
|
|
29
29
|
},
|
|
30
30
|
get thumbContainer () {
|
|
31
|
-
return
|
|
31
|
+
return k;
|
|
32
32
|
},
|
|
33
33
|
get thumbHover () {
|
|
34
34
|
return w;
|
|
@@ -37,22 +37,22 @@ _export(exports, {
|
|
|
37
37
|
return h;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
|
-
/* empty css */ /* empty css */ var l = "
|
|
41
|
-
default: "
|
|
42
|
-
alternative: "
|
|
43
|
-
brand: "
|
|
44
|
-
media: "
|
|
45
|
-
negative: "
|
|
46
|
-
}, f = "
|
|
47
|
-
default: "
|
|
48
|
-
alternative: "
|
|
49
|
-
brand: "
|
|
50
|
-
media: "
|
|
51
|
-
negative: "
|
|
40
|
+
/* empty css */ /* empty css */ var l = "v17_3_1j1wlhk1 v17_3_1j1wlhk0 v17_3_1y2v1nfrx v17_3_1y2v1nfr4 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfud", n = "v17_3_1j1wlhk2", h = "v17_3_1j1wlhk3 v17_3_1y2v1nfrx v17_3_1y2v1nfsh v17_3_1y2v1nfu8", k = "v17_3_1j1wlhk5 v17_3_1j1wlhk4 v17_3_1y2v1nfr5 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj", j = {
|
|
41
|
+
default: "v17_3_1j1wlhkd v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhk8 v17_3_1y2v1nfcr",
|
|
42
|
+
alternative: "v17_3_1j1wlhke v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhk9 v17_3_1y2v1nfcr",
|
|
43
|
+
brand: "v17_3_1j1wlhkf v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhka v17_3_1y2v1nfcx",
|
|
44
|
+
media: "v17_3_1j1wlhkg v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhkb v17_3_1y2v1nfcx",
|
|
45
|
+
negative: "v17_3_1j1wlhkh v17_3_1j1wlhk7 v17_3_1j1wlhk6 v17_3_1y2v1nfs5 v17_3_1y2v1nfsl v17_3_1y2v1nftu v17_3_1j1wlhkc v17_3_1y2v1nfcw"
|
|
46
|
+
}, f = "v17_3_1j1wlhkj v17_3_1j1wlhki v17_3_1y2v1nfdc v17_3_1y2v1nftu", w = {
|
|
47
|
+
default: "v17_3_1j1wlhkk",
|
|
48
|
+
alternative: "v17_3_1j1wlhkl",
|
|
49
|
+
brand: "v17_3_1j1wlhkm",
|
|
50
|
+
media: "v17_3_1j1wlhkn",
|
|
51
|
+
negative: "v17_3_1j1wlhko"
|
|
52
52
|
}, y = {
|
|
53
|
-
default: "
|
|
54
|
-
alternative: "
|
|
55
|
-
brand: "
|
|
56
|
-
media: "
|
|
57
|
-
negative: "
|
|
58
|
-
}, a = "
|
|
53
|
+
default: "v17_3_1j1wlhkp",
|
|
54
|
+
alternative: "v17_3_1j1wlhkq",
|
|
55
|
+
brand: "v17_3_1j1wlhkr",
|
|
56
|
+
media: "v17_3_1j1wlhks",
|
|
57
|
+
negative: "v17_3_1j1wlhkt"
|
|
58
|
+
}, a = "v17_3_1j1wlhkv v17_3_1j1wlhku v17_3_1y2v1nfr5 v17_3_1y2v1nfuk";
|
|
@@ -55,7 +55,7 @@ _export(exports, {
|
|
|
55
55
|
return j;
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
|
-
/* empty css */ /* empty css */ var n = 300, b = "
|
|
59
|
-
centered: "
|
|
60
|
-
topRight: "
|
|
61
|
-
}, c = "
|
|
58
|
+
/* empty css */ /* empty css */ var n = 300, b = "v17_3_o7bjb01 v17_3_o7bjb00 v17_3_1y2v1nfrx v17_3_1y2v1nfra v17_3_1y2v1nfrj", r = "v17_3_o7bjb03 v17_3_o7bjb02 v17_3_1y2v1nfr4", o = "v17_3_o7bjb04", f = "v17_3_o7bjb06 v17_3_o7bjb05 v17_3_1y2v1nfr6 v17_3_1y2v1nfuc", y = "v17_3_o7bjb07 v17_3_1y2v1nfdm", a = "v17_3_o7bjb08 v17_3_1y2v1nfdn", j = "v17_3_o7bjb09", t = "v17_3_o7bjb0c v17_3_o7bjb0a v17_3_1y2v1nfra v17_3_1y2v1nfrm v17_3_o7bjb0b v17_3_1y2v1nfrg", p = "v17_3_o7bjb0e v17_3_o7bjb0a v17_3_1y2v1nfra v17_3_1y2v1nfrm v17_3_o7bjb0d v17_3_1y2v1nfrf v17_3_1y2v1nfrp", e = "v17_3_o7bjb0g", i = "v17_3_o7bjb0h", s = "v17_3_o7bjb0i v17_3_1y2v1nfh9 v17_3_1y2v1nfii v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfts v17_3_1y2v1nfh2", u = {
|
|
59
|
+
centered: "v17_3_o7bjb0l v17_3_o7bjb0j v17_3_1y2v1nfra v17_3_1y2v1nfr5 v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfvh",
|
|
60
|
+
topRight: "v17_3_o7bjb0m v17_3_o7bjb0j v17_3_1y2v1nfra v17_3_1y2v1nfr5 v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfvh v17_3_o7bjb0k v17_3_1y2v1nfun"
|
|
61
|
+
}, c = "v17_3_o7bjb0o v17_3_o7bjb0n v17_3_1y2v1nfs7 v17_3_1y2v1nfsn v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nftu";
|
|
@@ -22,4 +22,4 @@ _export(exports, {
|
|
|
22
22
|
return f;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var r = "
|
|
25
|
+
/* empty css */ /* empty css */ var r = "v17_3_1fthc594 v17_3_1fthc593 v17_3_1y2v1nfrs v17_3_1y2v1nfrc", n = "v17_3_1fthc595", t = "v17_3_1fthc596 v17_3_1y2v1nfrs v17_3_1y2v1nfrc", f = "v17_3_1fthc597";
|
|
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "square", {
|
|
|
8
8
|
return r;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ /* empty css */ var r = "
|
|
11
|
+
/* empty css */ /* empty css */ var r = "v17_3_1vlkt4s1 v17_3_1vlkt4s0 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj";
|
|
@@ -20,8 +20,8 @@ _export(exports, {
|
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
/* empty css */ var v = {
|
|
23
|
-
space: "var(--
|
|
24
|
-
spaceMobile: "var(--
|
|
25
|
-
spaceTablet: "var(--
|
|
26
|
-
spaceDesktop: "var(--
|
|
27
|
-
}, _ = "
|
|
23
|
+
space: "var(--v17_3_xjgm6d0)",
|
|
24
|
+
spaceMobile: "var(--v17_3_xjgm6d1)",
|
|
25
|
+
spaceTablet: "var(--v17_3_xjgm6d2)",
|
|
26
|
+
spaceDesktop: "var(--v17_3_xjgm6d3)"
|
|
27
|
+
}, _ = "v17_3_xjgm6d4", r = "v17_3_xjgm6d5";
|
|
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "moreItems", {
|
|
|
8
8
|
return r;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ /* empty css */ var r = "
|
|
11
|
+
/* empty css */ /* empty css */ var r = "v17_3_1y38nye1 v17_3_1y38nye0 v17_3_1y2v1nfra v17_3_1y2v1nfr4 v17_3_1y2v1nfrj v17_3_1y2v1nfrp";
|
|
@@ -50,5 +50,5 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
/* empty css */ /* empty css */ var r = {
|
|
53
|
-
stepperMinHeight: "var(--
|
|
54
|
-
}, n = "
|
|
53
|
+
stepperMinHeight: "var(--v17_3_14h93mq0)"
|
|
54
|
+
}, n = "v17_3_14h93mq7 v17_3_14h93mq6 v17_3_1y2v1nfra v17_3_1y2v1nfro v17_3_1y2v1nfth", m = "v17_3_14h93mq8 v17_3_1y2v1nfra v17_3_1y2v1nfrp", a = "v17_3_14h93mqa v17_3_14h93mq9 v17_3_1y2v1nfr4 v17_3_1y2v1nfrb v17_3_1y2v1nfrg v17_3_1y2v1nfrp", f = "v17_3_14h93mqc v17_3_14h93mqb v17_3_1y2v1nfr4 v17_3_1y2v1nfra", h = "v17_3_14h93mqd", y = "v17_3_14h93mqf v17_3_14h93mqe v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nftu", e = "v17_3_14h93mqg", q = "v17_3_14h93mqi v17_3_14h93mqh v17_3_1y2v1nfr5", t = "v17_3_14h93mql v17_3_14h93mqk v17_3_1y2v1nfsh v17_3_1y2v1nfrx v17_3_1y2v1nfu8 v17_3_1y2v1nfue", i = "v17_3_14h93mqn v17_3_14h93mqm v17_3_1y2v1nfsh v17_3_1y2v1nfrx v17_3_1y2v1nfu8 v17_3_1y2v1nfue", p = "v17_3_14h93mqo", o = "v17_3_14h93mqq v17_3_14h93mqp v17_3_1y2v1nfrz";
|
package/dist/stepper.js
CHANGED
|
@@ -123,8 +123,8 @@ const de = (param)=>{
|
|
|
123
123
|
let { steps: c, currentIndex: n, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": N, dataAttributes: C } = param;
|
|
124
124
|
const { texts: h, t: u, textPresets: f } = (0, _hooks.useTheme)(), { height: A, ref: T } = (0, _hooks.useElementDimensions)(), $ = A, [r, P] = _react.useState(Math.ceil(n)), [a, w] = _react.useState(!1);
|
|
125
125
|
_react.useEffect(()=>{
|
|
126
|
-
const
|
|
127
|
-
r !==
|
|
126
|
+
const i = Math.ceil(n);
|
|
127
|
+
r !== i && (w(i < r), P(i));
|
|
128
128
|
}, [
|
|
129
129
|
n,
|
|
130
130
|
c,
|
|
@@ -146,8 +146,8 @@ const de = (param)=>{
|
|
|
146
146
|
"aria-labelledby": y,
|
|
147
147
|
"aria-description": g,
|
|
148
148
|
"aria-describedby": N,
|
|
149
|
-
children: c.map((
|
|
150
|
-
const t =
|
|
149
|
+
children: c.map((i, s)=>{
|
|
150
|
+
const t = s === r, b = s === c.length - 1, o = s < r, p = s === r - 1;
|
|
151
151
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
|
|
152
152
|
className: _steppercssmistica.listItem,
|
|
153
153
|
style: b ? void 0 : {
|
|
@@ -175,9 +175,9 @@ const de = (param)=>{
|
|
|
175
175
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
|
|
176
176
|
as: "span",
|
|
177
177
|
weight: f.indicator.weight,
|
|
178
|
-
color: t ? _skincontractcssmistica.vars.colors.
|
|
178
|
+
color: t ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textSecondary,
|
|
179
179
|
"aria-hidden": "true",
|
|
180
|
-
children:
|
|
180
|
+
children: s + 1
|
|
181
181
|
})
|
|
182
182
|
}),
|
|
183
183
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
@@ -190,12 +190,12 @@ const de = (param)=>{
|
|
|
190
190
|
weight: "regular",
|
|
191
191
|
as: "div",
|
|
192
192
|
color: o || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
|
|
193
|
-
children:
|
|
193
|
+
children: i
|
|
194
194
|
}))
|
|
195
195
|
}),
|
|
196
196
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
|
|
197
197
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
198
|
-
children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${
|
|
198
|
+
children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
|
|
199
199
|
})
|
|
200
200
|
})
|
|
201
201
|
]
|
|
@@ -212,7 +212,7 @@ const de = (param)=>{
|
|
|
212
212
|
})
|
|
213
213
|
})
|
|
214
214
|
]
|
|
215
|
-
},
|
|
215
|
+
}, s);
|
|
216
216
|
})
|
|
217
217
|
})));
|
|
218
218
|
};
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get ballVariants () {
|
|
13
|
-
return
|
|
13
|
+
return t;
|
|
14
14
|
},
|
|
15
15
|
get barVariants () {
|
|
16
16
|
return q;
|
|
@@ -31,7 +31,7 @@ _export(exports, {
|
|
|
31
31
|
return f;
|
|
32
32
|
},
|
|
33
33
|
get overBrandBallVariants () {
|
|
34
|
-
return
|
|
34
|
+
return d;
|
|
35
35
|
},
|
|
36
36
|
get overBrandBarVariants () {
|
|
37
37
|
return n;
|
|
@@ -50,44 +50,44 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
/* empty css */ /* empty css */ var a = {
|
|
53
|
-
default: "
|
|
54
|
-
ios: "
|
|
55
|
-
disabled: "
|
|
56
|
-
disabledIos: "
|
|
53
|
+
default: "v17_3_q0hp3a6 v17_3_q0hp3a5 v17_3_1y2v1nfre v17_3_1y2v1nfud",
|
|
54
|
+
ios: "v17_3_q0hp3a7 v17_3_q0hp3a5 v17_3_1y2v1nfre v17_3_1y2v1nfud",
|
|
55
|
+
disabled: "v17_3_q0hp3a8 v17_3_q0hp3a5 v17_3_1y2v1nfre v17_3_1y2v1nfud",
|
|
56
|
+
disabledIos: "v17_3_q0hp3a9 v17_3_q0hp3a5 v17_3_1y2v1nfre v17_3_1y2v1nfud"
|
|
57
57
|
}, h = {
|
|
58
|
-
default: "
|
|
59
|
-
ios: "
|
|
60
|
-
}, p = "
|
|
61
|
-
default: "
|
|
62
|
-
ios: "
|
|
63
|
-
iosDark: "
|
|
64
|
-
checked: "
|
|
65
|
-
checkedIos: "
|
|
58
|
+
default: "v17_3_q0hp3ac v17_3_q0hp3ab v17_3_q0hp3aa v17_3_1y2v1nfr4",
|
|
59
|
+
ios: "v17_3_q0hp3ad v17_3_q0hp3ab v17_3_q0hp3aa v17_3_1y2v1nfr4"
|
|
60
|
+
}, p = "v17_3_q0hp3af v17_3_q0hp3ae v17_3_1y2v1nfrc v17_3_1y2v1nfue", q = {
|
|
61
|
+
default: "v17_3_q0hp3ai v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
62
|
+
ios: "v17_3_q0hp3aj v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
63
|
+
iosDark: "v17_3_q0hp3ak v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
64
|
+
checked: "v17_3_q0hp3al v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
65
|
+
checkedIos: "v17_3_q0hp3am v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc"
|
|
66
66
|
}, n = {
|
|
67
|
-
default: "
|
|
68
|
-
ios: "
|
|
69
|
-
iosDark: "
|
|
70
|
-
checked: "
|
|
71
|
-
checkedIos: "
|
|
67
|
+
default: "v17_3_q0hp3an v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
68
|
+
ios: "v17_3_q0hp3ao v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
69
|
+
iosDark: "v17_3_q0hp3ap v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
70
|
+
checked: "v17_3_q0hp3aq v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
71
|
+
checkedIos: "v17_3_q0hp3ar v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc"
|
|
72
72
|
}, r = {
|
|
73
|
-
default: "
|
|
74
|
-
ios: "
|
|
75
|
-
iosDark: "
|
|
76
|
-
checked: "
|
|
77
|
-
checkedIos: "
|
|
78
|
-
}, f = "
|
|
79
|
-
default: "
|
|
80
|
-
ios: "
|
|
81
|
-
checked: "
|
|
82
|
-
checkedIos: "
|
|
83
|
-
},
|
|
84
|
-
default: "
|
|
85
|
-
ios: "
|
|
86
|
-
checked: "
|
|
87
|
-
checkedIos: "
|
|
73
|
+
default: "v17_3_q0hp3as v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
74
|
+
ios: "v17_3_q0hp3at v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
75
|
+
iosDark: "v17_3_q0hp3au v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
76
|
+
checked: "v17_3_q0hp3av v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc",
|
|
77
|
+
checkedIos: "v17_3_q0hp3aw v17_3_q0hp3ah v17_3_q0hp3ag v17_3_1y2v1nfrc"
|
|
78
|
+
}, f = "v17_3_q0hp3ay", y = "v17_3_q0hp3az v17_3_q0hp3ax", c = "v17_3_q0hp3a10 v17_3_q0hp3ax", e = "v17_3_q0hp3a11", t = {
|
|
79
|
+
default: "v17_3_q0hp3a16 v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
80
|
+
ios: "v17_3_q0hp3a17 v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
81
|
+
checked: "v17_3_q0hp3a18 v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
82
|
+
checkedIos: "v17_3_q0hp3a19 v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu"
|
|
83
|
+
}, d = {
|
|
84
|
+
default: "v17_3_q0hp3a1a v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
85
|
+
ios: "v17_3_q0hp3a1b v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
86
|
+
checked: "v17_3_q0hp3a1c v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
87
|
+
checkedIos: "v17_3_q0hp3a1d v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu"
|
|
88
88
|
}, i = {
|
|
89
|
-
default: "
|
|
90
|
-
ios: "
|
|
91
|
-
checked: "
|
|
92
|
-
checkedIos: "
|
|
89
|
+
default: "v17_3_q0hp3a1e v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
90
|
+
ios: "v17_3_q0hp3a1f v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
91
|
+
checked: "v17_3_q0hp3a1g v17_3_q0hp3a14 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu",
|
|
92
|
+
checkedIos: "v17_3_q0hp3a1h v17_3_q0hp3a15 v17_3_q0hp3a13 v17_3_q0hp3a12 v17_3_1y2v1nfr5 v17_3_1y2v1nfvt v17_3_1y2v1nfrc v17_3_1y2v1nftu"
|
|
93
93
|
};
|