@telefonica/mistica 16.59.0 → 16.61.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/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +1 -1
- 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-fixed-footer-layout.d.ts +2 -1
- package/dist/button-fixed-footer-layout.js +4 -3
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +30 -30
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/carousel.css-mistica.js +8 -8
- 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/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +2 -2
- 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 +4 -4
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- 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 +2 -2
- package/dist/fixed-footer-layout.d.ts +6 -1
- package/dist/fixed-footer-layout.js +29 -28
- package/dist/form.css-mistica.js +1 -1
- 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/image.js +8 -1
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +18 -18
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- 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 +19 -19
- 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/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/skin-contract.css-mistica.js +684 -684
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- 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/switch-component.css-mistica.js +35 -35
- 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 +15 -15
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.css-mistica.js +6 -6
- package/dist/theme-context.css-mistica.js +1 -1
- 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 +1 -1
- 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 +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +1 -1
- 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-fixed-footer-layout.js +12 -11
- 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 +30 -30
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- 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/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +2 -2
- 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 +4 -4
- 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 +1 -1
- 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 +2 -2
- package/dist-es/fixed-footer-layout.js +57 -56
- package/dist-es/form.css-mistica.js +1 -1
- 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/image.js +8 -1
- package/dist-es/inline.css-mistica.js +9 -9
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +18 -18
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- 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 +19 -19
- 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/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +684 -684
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- 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/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +35 -35
- 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 +15 -15
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/theme-context.css-mistica.js +1 -1
- 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 +1 -1
- 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/doc/llms.md +11 -0
- package/package.json +14 -2
- package/src/accordion.css.ts +121 -0
- package/src/accordion.tsx +366 -0
- package/src/align.css.ts +7 -0
- package/src/align.tsx +32 -0
- package/src/autocomplete.css.ts +62 -0
- package/src/autocomplete.tsx +239 -0
- package/src/avatar.css.ts +14 -0
- package/src/avatar.tsx +120 -0
- package/src/badge.css.ts +51 -0
- package/src/badge.tsx +79 -0
- package/src/box.css.ts +51 -0
- package/src/box.tsx +114 -0
- package/src/boxed.css.ts +132 -0
- package/src/boxed.tsx +153 -0
- package/src/button-fixed-footer-layout.tsx +65 -0
- package/src/button-group.css.ts +75 -0
- package/src/button-group.tsx +91 -0
- package/src/button-layout.css.ts +162 -0
- package/src/button-layout.tsx +91 -0
- package/src/button.css.ts +758 -0
- package/src/button.tsx +632 -0
- package/src/callout.css.ts +50 -0
- package/src/callout.tsx +147 -0
- package/src/card-cover.tsx +242 -0
- package/src/card-data.tsx +152 -0
- package/src/card-internal.css.ts +271 -0
- package/src/card-internal.tsx +1724 -0
- package/src/card-media.tsx +157 -0
- package/src/card-naked.tsx +63 -0
- package/src/carousel.css.ts +522 -0
- package/src/carousel.tsx +1300 -0
- package/src/checkbox.css.ts +94 -0
- package/src/checkbox.tsx +192 -0
- package/src/chip.css.ts +204 -0
- package/src/chip.tsx +191 -0
- package/src/circle.css.ts +14 -0
- package/src/circle.tsx +52 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-and-link-footer-image-false-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-and-link-footer-image-true-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-footer-image-false-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-footer-image-true-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-link-footer-image-false-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-link-footer-image-true-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-none-footer-image-false-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-none-footer-image-true-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-0-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-1-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-3-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-3-no-divider-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-inside-carousel-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-without-stacking-group-with-top-actions-and-too-long-title-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-highlighted-value-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-information-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-progress-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-progress-block-2-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-row-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-simple-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-value-block-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/advanced-data-card-screenshot-test.tsx +84 -0
- package/src/community/__screenshot_tests__/blocks-screenshot-test.tsx +72 -0
- package/src/community/__stories__/advanced-data-card-carousel-story.tsx +66 -0
- package/src/community/__stories__/advanced-data-card-story.tsx +158 -0
- package/src/community/__stories__/blocks-story.tsx +272 -0
- package/src/community/__stories__/example-component-story.tsx +15 -0
- package/src/community/__stories__/index-story.tsx +154 -0
- package/src/community/__type_tests__/advanced-data-card-type-test.tsx +40 -0
- package/src/community/advanced-data-card.css.ts +271 -0
- package/src/community/advanced-data-card.tsx +431 -0
- package/src/community/blocks.css.ts +12 -0
- package/src/community/blocks.tsx +290 -0
- package/src/community/example-component.css.ts +7 -0
- package/src/community/example-component.tsx +17 -0
- package/src/community/index.tsx +10 -0
- package/src/counter.css.ts +150 -0
- package/src/counter.tsx +215 -0
- package/src/cover-hero-media.tsx +39 -0
- package/src/cover-hero.css.ts +133 -0
- package/src/cover-hero.tsx +262 -0
- package/src/credit-card-expiration-field.tsx +187 -0
- package/src/credit-card-fields.tsx +56 -0
- package/src/credit-card-number-field.css.ts +47 -0
- package/src/credit-card-number-field.tsx +245 -0
- package/src/cvv-field.tsx +169 -0
- package/src/date-field.css.ts +14 -0
- package/src/date-field.tsx +130 -0
- package/src/date-time-field.tsx +141 -0
- package/src/date-time-picker.css.ts +126 -0
- package/src/date-time-picker.tsx +188 -0
- package/src/decimal-field.tsx +160 -0
- package/src/desktop-container-type-context.tsx +15 -0
- package/src/dialog-context.tsx +81 -0
- package/src/dialog.css.ts +155 -0
- package/src/dialog.tsx +423 -0
- package/src/divider.css.ts +10 -0
- package/src/divider.tsx +11 -0
- package/src/double-field.css.ts +33 -0
- package/src/double-field.tsx +71 -0
- package/src/drawer.css.ts +123 -0
- package/src/drawer.tsx +304 -0
- package/src/email-field.tsx +76 -0
- package/src/empty-state-card.css.ts +40 -0
- package/src/empty-state-card.tsx +92 -0
- package/src/empty-state.css.ts +119 -0
- package/src/empty-state.tsx +141 -0
- package/src/fade-in.css.ts +12 -0
- package/src/fade-in.tsx +40 -0
- package/src/feedback.css.ts +119 -0
- package/src/feedback.tsx +432 -0
- package/src/file-upload.css.ts +156 -0
- package/src/file-upload.tsx +612 -0
- package/src/fixed-footer-layout.css.ts +96 -0
- package/src/fixed-footer-layout.tsx +227 -0
- package/src/fixed-to-top.tsx +21 -0
- package/src/focus-trap.tsx +17 -0
- package/src/form-context.tsx +198 -0
- package/src/form.css.ts +5 -0
- package/src/form.tsx +287 -0
- package/src/grid-layout.css.ts +68 -0
- package/src/grid-layout.tsx +201 -0
- package/src/grid.css.ts +203 -0
- package/src/grid.tsx +241 -0
- package/src/header.css.ts +30 -0
- package/src/header.tsx +319 -0
- package/src/hero.css.ts +71 -0
- package/src/hero.tsx +318 -0
- package/src/hooks.tsx +313 -0
- package/src/horizontal-scroll.css.ts +43 -0
- package/src/horizontal-scroll.tsx +18 -0
- package/src/iban-field.tsx +218 -0
- package/src/icon-button.css.ts +561 -0
- package/src/icon-button.tsx +221 -0
- package/src/icons/__stories__/mistica-icons-story.tsx +192 -0
- package/src/icons/icon-amex.tsx +40 -0
- package/src/icons/icon-chevron.css.ts +23 -0
- package/src/icons/icon-chevron.tsx +150 -0
- package/src/icons/icon-cvv-amex.tsx +31 -0
- package/src/icons/icon-cvv-visa-mc.tsx +31 -0
- package/src/icons/icon-error.css.ts +27 -0
- package/src/icons/icon-error.tsx +207 -0
- package/src/icons/icon-info.tsx +86 -0
- package/src/icons/icon-mastercard.tsx +36 -0
- package/src/icons/icon-success-vivo-new.tsx +51 -0
- package/src/icons/icon-success-vivo.tsx +36 -0
- package/src/icons/icon-success.tsx +211 -0
- package/src/icons/icon-visa.tsx +32 -0
- package/src/image.css.ts +48 -0
- package/src/image.tsx +352 -0
- package/src/index.tsx +2466 -0
- package/src/inline.css.ts +131 -0
- package/src/inline.tsx +135 -0
- package/src/integer-field.tsx +93 -0
- package/src/list.css.ts +281 -0
- package/src/list.tsx +963 -0
- package/src/loading-bar.css.ts +69 -0
- package/src/loading-bar.tsx +25 -0
- package/src/loading-screen.css.ts +114 -0
- package/src/loading-screen.tsx +376 -0
- package/src/logo-blau-shell.tsx +30 -0
- package/src/logo-blau.tsx +60 -0
- package/src/logo-common.tsx +29 -0
- package/src/logo-esimflag-shell.tsx +30 -0
- package/src/logo-esimflag.tsx +56 -0
- package/src/logo-movistar-new-shell.tsx +30 -0
- package/src/logo-movistar-new.tsx +85 -0
- package/src/logo-movistar-shell.tsx +30 -0
- package/src/logo-movistar.tsx +63 -0
- package/src/logo-o2-new-shell.tsx +26 -0
- package/src/logo-o2-new.tsx +27 -0
- package/src/logo-o2-shell.tsx +26 -0
- package/src/logo-o2.tsx +27 -0
- package/src/logo-telefonica-shell.tsx +30 -0
- package/src/logo-telefonica.tsx +95 -0
- package/src/logo-tu-shell.tsx +26 -0
- package/src/logo-tu.tsx +28 -0
- package/src/logo-vivo-shell.tsx +30 -0
- package/src/logo-vivo.tsx +53 -0
- package/src/logo.css.ts +33 -0
- package/src/logo.tsx +313 -0
- package/src/master-detail-layout.tsx +28 -0
- package/src/maybe-dismissable.css.ts +37 -0
- package/src/maybe-dismissable.tsx +58 -0
- package/src/media-queries.css.ts +67 -0
- package/src/menu.css.ts +132 -0
- package/src/menu.tsx +468 -0
- package/src/meter.tsx +516 -0
- package/src/modal-context-provider.tsx +45 -0
- package/src/month-field.tsx +124 -0
- package/src/mosaic.css.ts +73 -0
- package/src/mosaic.tsx +205 -0
- package/src/navigation-bar.css.ts +558 -0
- package/src/navigation-bar.tsx +1637 -0
- package/src/navigation-breadcrumbs.css.ts +22 -0
- package/src/navigation-breadcrumbs.tsx +69 -0
- package/src/negative-box.tsx +15 -0
- package/src/nestable-context.tsx +139 -0
- package/src/overlay.tsx +86 -0
- package/src/overscroll-color-context.tsx +141 -0
- package/src/package-version.tsx +2 -0
- package/src/password-field.tsx +126 -0
- package/src/phone-number-field-lite.tsx +265 -0
- package/src/phone-number-field.tsx +171 -0
- package/src/pin-field.css.ts +90 -0
- package/src/pin-field.tsx +346 -0
- package/src/placeholder.tsx +41 -0
- package/src/popover.css.ts +8 -0
- package/src/popover.tsx +85 -0
- package/src/portal.tsx +43 -0
- package/src/progress-bar.css.ts +61 -0
- package/src/progress-bar.tsx +174 -0
- package/src/radio-button.css.ts +174 -0
- package/src/radio-button.tsx +322 -0
- package/src/rating.css.ts +128 -0
- package/src/rating.tsx +351 -0
- package/src/responsive-layout.css.ts +162 -0
- package/src/responsive-layout.tsx +106 -0
- package/src/screen-reader-only.css.ts +27 -0
- package/src/screen-reader-only.tsx +33 -0
- package/src/screen-size-context-provider.tsx +96 -0
- package/src/screen-size-context.tsx +23 -0
- package/src/search-field.tsx +126 -0
- package/src/select.css.ts +226 -0
- package/src/select.tsx +513 -0
- package/src/sheet-action-row.css.ts +33 -0
- package/src/sheet-actions-list.tsx +113 -0
- package/src/sheet-actions.tsx +95 -0
- package/src/sheet-common.css.ts +254 -0
- package/src/sheet-common.tsx +402 -0
- package/src/sheet-info.css.ts +19 -0
- package/src/sheet-info.tsx +127 -0
- package/src/sheet-native.tsx +189 -0
- package/src/sheet-radio-list.tsx +118 -0
- package/src/sheet-root.tsx +127 -0
- package/src/sheet-types.tsx +94 -0
- package/src/sheet-web.tsx +140 -0
- package/src/skeleton-base.tsx +38 -0
- package/src/skeletons.css.ts +56 -0
- package/src/skeletons.tsx +133 -0
- package/src/skins/blau.tsx +724 -0
- package/src/skins/constants.tsx +10 -0
- package/src/skins/defaults.tsx +104 -0
- package/src/skins/esimflag.tsx +728 -0
- package/src/skins/movistar-new.tsx +735 -0
- package/src/skins/movistar.tsx +740 -0
- package/src/skins/o2-new.tsx +731 -0
- package/src/skins/o2.tsx +727 -0
- package/src/skins/skin-contract.css.ts +380 -0
- package/src/skins/telefonica.tsx +768 -0
- package/src/skins/tu.tsx +741 -0
- package/src/skins/types/colors.tsx +286 -0
- package/src/skins/types/index.tsx +153 -0
- package/src/skins/utils.tsx +66 -0
- package/src/skins/vivo-new.tsx +745 -0
- package/src/skins/vivo.tsx +720 -0
- package/src/skip-link.css.ts +34 -0
- package/src/skip-link.tsx +52 -0
- package/src/slider.css.ts +181 -0
- package/src/slider.tsx +384 -0
- package/src/snackbar-context.tsx +98 -0
- package/src/snackbar-native.ts +37 -0
- package/src/snackbar.css.ts +176 -0
- package/src/snackbar.tsx +258 -0
- package/src/spinner.css.ts +66 -0
- package/src/spinner.tsx +136 -0
- package/src/sprinkles.css.ts +83 -0
- package/src/square.css.ts +15 -0
- package/src/square.tsx +55 -0
- package/src/stack.css.ts +44 -0
- package/src/stack.tsx +79 -0
- package/src/stacking-group.css.ts +15 -0
- package/src/stacking-group.tsx +82 -0
- package/src/stepper.css.ts +233 -0
- package/src/stepper.tsx +156 -0
- package/src/switch-component.css.ts +181 -0
- package/src/switch-component.tsx +187 -0
- package/src/tab-focus.tsx +68 -0
- package/src/table-actions-header.tsx +21 -0
- package/src/table-cell-text.tsx +35 -0
- package/src/table.css.ts +297 -0
- package/src/table.tsx +398 -0
- package/src/tabs.css.ts +212 -0
- package/src/tabs.tsx +263 -0
- package/src/tag.css.ts +42 -0
- package/src/tag.tsx +161 -0
- package/src/test-utils/environment/setup-ssr.tsx +10 -0
- package/src/test-utils/fail-test-on-console-error.tsx +22 -0
- package/src/test-utils/index.tsx +341 -0
- package/src/test-utils/setup-ssr-test-env.tsx +13 -0
- package/src/test-utils/ssr.tsx +197 -0
- package/src/text-field-base.css.ts +416 -0
- package/src/text-field-base.tsx +628 -0
- package/src/text-field-components.css.ts +165 -0
- package/src/text-field-components.tsx +230 -0
- package/src/text-field.tsx +118 -0
- package/src/text-link.css.ts +83 -0
- package/src/text-link.tsx +85 -0
- package/src/text-tokens.tsx +708 -0
- package/src/text.css.ts +60 -0
- package/src/text.tsx +516 -0
- package/src/theme-context-provider.tsx +370 -0
- package/src/theme-context.css.ts +3 -0
- package/src/theme-context.tsx +8 -0
- package/src/theme-variant-context.tsx +51 -0
- package/src/theme.tsx +184 -0
- package/src/time-field.tsx +99 -0
- package/src/timeline.css.ts +135 -0
- package/src/timeline.tsx +250 -0
- package/src/timer.css.ts +99 -0
- package/src/timer.tsx +420 -0
- package/src/title.tsx +119 -0
- package/src/tooltip-context-provider.tsx +57 -0
- package/src/tooltip.css.ts +106 -0
- package/src/tooltip.tsx +649 -0
- package/src/touchable.css.ts +56 -0
- package/src/touchable.tsx +355 -0
- package/src/types/font-face.d.ts +47 -0
- package/src/types/libs.d.ts +3 -0
- package/src/utils/__tests__/analytics-test.tsx +35 -0
- package/src/utils/__tests__/browser-test.tsx +28 -0
- package/src/utils/__tests__/dom-test.tsx +23 -0
- package/src/utils/__tests__/helpers-test.tsx +166 -0
- package/src/utils/analytics.tsx +28 -0
- package/src/utils/animation.tsx +201 -0
- package/src/utils/aspect-ratio-support.css.ts +28 -0
- package/src/utils/aspect-ratio-support.tsx +141 -0
- package/src/utils/browser.tsx +9 -0
- package/src/utils/color.tsx +46 -0
- package/src/utils/common.tsx +27 -0
- package/src/utils/credit-card.tsx +46 -0
- package/src/utils/css.tsx +25 -0
- package/src/utils/document-visibility.tsx +52 -0
- package/src/utils/dom.tsx +155 -0
- package/src/utils/environment.tsx +6 -0
- package/src/utils/headings.tsx +18 -0
- package/src/utils/helpers.tsx +182 -0
- package/src/utils/keys.tsx +8 -0
- package/src/utils/locale.tsx +27 -0
- package/src/utils/platform.tsx +94 -0
- package/src/utils/region-code.tsx +1 -0
- package/src/utils/renders-element.tsx +6 -0
- package/src/utils/time.tsx +22 -0
- package/src/utils/types.tsx +19 -0
- package/src/utils/utility-types.tsx +8 -0
- package/src/video.css.ts +11 -0
- package/src/video.tsx +355 -0
- package/src/vivinho-loading-animation/in-lottie.json +402 -0
- package/src/vivinho-loading-animation/index.tsx +90 -0
- package/src/vivinho-loading-animation/out-lottie.json +575 -0
- package/src/vivinho-loading-animation/pulse-lottie.json +551 -0
- package/src/vivinho-loading-animation/vivinho-loading-animation.css.ts +15 -0
- package/src/vivinho-loading-animation/wave-lottie.json +2829 -0
|
@@ -43,4 +43,4 @@ _export(exports, {
|
|
|
43
43
|
return a;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var n = "
|
|
46
|
+
/* empty css */ /* empty css */ var n = "v16_61_rijsns0", s = "v16_61_rijsns1", r = "v16_61_rijsns3 v16_61_rijsns2 v16_61_1y2v1nfsu v16_61_1y2v1nf83 v16_61_1y2v1nfq5 v16_61_1y2v1nft8", i = "v16_61_rijsns4", a = "v16_61_rijsns5 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqd", t = "v16_61_rijsns6", f = "v16_61_rijsns8 v16_61_rijsns7 v16_61_1y2v1nffw v16_61_1y2v1nfsm v16_61_1y2v1nfpz v16_61_1y2v1nfr2 v16_61_1y2v1nfri", y = "v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", j = "v16_61_rijsnsb v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", o = "v16_61_rijsnsc v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", u = "v16_61_rijsnse v16_61_rijsnsd v16_61_1y2v1nfr1 v16_61_1y2v1nfrh v16_61_1y2v1nfpz v16_61_1y2v1nfsu v16_61_1y2v1nfdi";
|
|
@@ -50,5 +50,5 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
|
|
53
|
-
aspectRatio: "var(--
|
|
54
|
-
}, n = "
|
|
53
|
+
aspectRatio: "var(--v16_61_moeazi0)"
|
|
54
|
+
}, n = "v16_61_moeazi2 v16_61_moeazi1 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqd v16_61_1y2v1nfqr v16_61_1y2v1nfte v16_61_1y2v1nfun", i = "v16_61_moeazi4 v16_61_moeazi3 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqr", o = "v16_61_moeazi5", y = "v16_61_moeazi6", m = "v16_61_moeazi7", f = "v16_61_moeazi9 v16_61_moeazi8 v16_61_1y2v1nfqj", t = "v16_61_moeazia v16_61_1y2v1nfpz v16_61_1y2v1nfv2 v16_61_1y2v1nfqr v16_61_1y2v1nfr8", z = "v16_61_moeazic v16_61_moeazib v16_61_1y2v1nfpz v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfqr v16_61_1y2v1nfr8", p = "v16_61_moeazid v16_61_1y2v1nfpy", q = "v16_61_moeazie", d = "v16_61_moeazif v16_61_1y2v1nfpy", s = "v16_61_moeazig v16_61_1y2v1nfq4 v16_61_1y2v1nfqa";
|
|
@@ -22,7 +22,7 @@ _export(exports, {
|
|
|
22
22
|
return f;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var y = "
|
|
26
|
-
default: "
|
|
27
|
-
backface: "
|
|
25
|
+
/* empty css */ /* empty css */ var y = "v16_61_yvyo3q0", q = "v16_61_yvyo3q4 v16_61_yvyo3q2 v16_61_yvyo3q1 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfr8 v16_61_yvyo3q3 v16_61_1y2v1nfpz", o = "v16_61_yvyo3q5 v16_61_yvyo3q2 v16_61_yvyo3q1 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfr8", f = {
|
|
26
|
+
default: "v16_61_yvyo3qa v16_61_yvyo3q7 v16_61_yvyo3q6 v16_61_1y2v1nfpy v16_61_yvyo3q8",
|
|
27
|
+
backface: "v16_61_yvyo3qb v16_61_yvyo3q7 v16_61_yvyo3q6 v16_61_1y2v1nfpy v16_61_yvyo3q9"
|
|
28
28
|
};
|
|
@@ -43,7 +43,7 @@ _export(exports, {
|
|
|
43
43
|
return n;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var l = 200, n = "
|
|
47
|
-
dialog: "
|
|
48
|
-
default: "
|
|
49
|
-
}, o = "
|
|
46
|
+
/* empty css */ /* empty css */ var l = 200, n = "v16_61_3dl29l3 v16_61_3dl29l2 v16_61_1y2v1nfpy", y = "v16_61_3dl29l5 v16_61_3dl29l4 v16_61_1y2v1nfq0 v16_61_1y2v1nfq4 v16_61_1y2v1nfqd v16_61_1y2v1nfqj v16_61_1y2v1nfqa v16_61_1y2v1nfte v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nftt v16_61_1y2v1nf8e", f = "v16_61_3dl29l6", d = "v16_61_3dl29l8 v16_61_3dl29l7 v16_61_1y2v1nfgc v16_61_1y2v1nfhl v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfpz v16_61_1y2v1nfte v16_61_1y2v1nfu8", a = "v16_61_3dl29la v16_61_3dl29l9 v16_61_1y2v1nf7y v16_61_1y2v1nfsw", r = "v16_61_3dl29lb", t = {
|
|
47
|
+
dialog: "v16_61_3dl29lg v16_61_3dl29ld v16_61_3dl29lc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqg v16_61_3dl29le v16_61_1y2v1nfj0 v16_61_1y2v1nfk9 v16_61_1y2v1nfgo v16_61_1y2v1nfhr",
|
|
48
|
+
default: "v16_61_3dl29lh v16_61_3dl29ld v16_61_3dl29lc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqg v16_61_3dl29lf v16_61_1y2v1nfgi v16_61_1y2v1nfhr v16_61_1y2v1nfj0 v16_61_1y2v1nfk9"
|
|
49
|
+
}, o = "v16_61_3dl29lj v16_61_3dl29li v16_61_1y2v1nfqq v16_61_1y2v1nfs4", e = "v16_61_3dl29ll v16_61_3dl29lk v16_61_1y2v1nfgi", i = "v16_61_3dl29lm";
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ var t = {
|
|
12
|
-
default: "
|
|
13
|
-
alternative: "
|
|
14
|
-
brand: "
|
|
15
|
-
negative: "
|
|
16
|
-
media: "
|
|
12
|
+
default: "v16_61_o0dvt10",
|
|
13
|
+
alternative: "v16_61_o0dvt11",
|
|
14
|
+
brand: "v16_61_o0dvt12",
|
|
15
|
+
negative: "v16_61_o0dvt13",
|
|
16
|
+
media: "v16_61_o0dvt14"
|
|
17
17
|
};
|
|
@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
|
|
12
|
-
default: "
|
|
13
|
-
fullWidth: "
|
|
12
|
+
default: "v16_61_skrulh1 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr",
|
|
13
|
+
fullWidth: "v16_61_skrulh2 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr"
|
|
14
14
|
};
|
|
@@ -52,4 +52,4 @@ _export(exports, {
|
|
|
52
52
|
return r;
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
/* empty css */ /* empty css */ var n = 350, w = "
|
|
55
|
+
/* empty css */ /* empty css */ var n = 350, w = "v16_61_c4ngww1 v16_61_c4ngww0 v16_61_1y2v1nfq0 v16_61_1y2v1nfq4 v16_61_1y2v1nf7y v16_61_1y2v1nfte v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nft8", a = "v16_61_c4ngww3 v16_61_c4ngww2 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqp", r = "v16_61_c4ngww5 v16_61_c4ngww4 v16_61_1y2v1nfqm v16_61_1y2v1nfqo", y = "v16_61_c4ngww7 v16_61_c4ngww6 v16_61_1y2v1nfqp v16_61_1y2v1nftd", t = "v16_61_c4ngww8", c = "v16_61_c4ngww9", f = "v16_61_c4ngwwb v16_61_c4ngwwa v16_61_1y2v1nfq0 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nf8e", o = "v16_61_c4ngwwc", e = "v16_61_c4ngwwd", g = "v16_61_c4ngwwe v16_61_1y2v1nfpz v16_61_1y2v1nfth v16_61_1y2v1nfub", i = "v16_61_c4ngwwf", l = "v16_61_c4ngwwg", d = "v16_61_c4ngwwh";
|
|
@@ -19,4 +19,4 @@ _export(exports, {
|
|
|
19
19
|
return a;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ /* empty css */ var v = "
|
|
22
|
+
/* empty css */ /* empty css */ var v = "v16_61_1azor6p0", a = "v16_61_1azor6p2 v16_61_1azor6p1 v16_61_1y2v1nfq6 v16_61_1y2v1nfrl", o = "v16_61_1azor6p4 v16_61_1azor6p3 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj";
|
|
@@ -38,8 +38,8 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var _ = {
|
|
41
|
-
backgroundColor: "var(--
|
|
42
|
-
}, v = "
|
|
43
|
-
default: "
|
|
44
|
-
largeImage: "
|
|
45
|
-
}, n = "
|
|
41
|
+
backgroundColor: "var(--v16_61_13fzrua0)"
|
|
42
|
+
}, v = "v16_61_13fzrua2 v16_61_13fzrua1 v16_61_1y2v1nfq4 v16_61_1y2v1nffw", f = {
|
|
43
|
+
default: "v16_61_13fzrua3",
|
|
44
|
+
largeImage: "v16_61_13fzrua4"
|
|
45
|
+
}, n = "v16_61_13fzrua5", e = "v16_61_13fzrua7 v16_61_13fzrua6 v16_61_1y2v1nfr8", u = "v16_61_13fzrua9 v16_61_13fzrua8 v16_61_1y2v1nfr5 v16_61_1y2v1nfrl", z = "v16_61_13fzruab v16_61_13fzruaa v16_61_1y2v1nfq6", o = "v16_61_13fzruac v16_61_1y2v1nfsl", t = "v16_61_13fzruad";
|
|
@@ -49,4 +49,4 @@ _export(exports, {
|
|
|
49
49
|
return f;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
/* empty css */ /* empty css */ var v = "
|
|
52
|
+
/* empty css */ /* empty css */ var v = "v16_61_gx6h6a0", e = "v16_61_gx6h6a1", r = "v16_61_gx6h6a2", n = "v16_61_gx6h6a4 v16_61_gx6h6a3 v16_61_1y2v1nfq4 v16_61_1y2v1nfr8 v16_61_1y2v1nfqr v16_61_1y2v1nfqa", t = "v16_61_gx6h6a5", x = "v16_61_gx6h6a6", g = "v16_61_gx6h6a7 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj", h = "v16_61_gx6h6ab v16_61_gx6h6aa", o = "v16_61_gx6h6ac v16_61_gx6h6aa", d = "v16_61_gx6h6ad v16_61_gx6h6aa", i = "v16_61_gx6h6ae", p = "v16_61_gx6h6af", f = "v16_61_gx6h6ag";
|
|
@@ -31,10 +31,10 @@ _export(exports, {
|
|
|
31
31
|
return n;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "
|
|
35
|
-
default: "
|
|
36
|
-
alternative: "
|
|
37
|
-
brand: "
|
|
38
|
-
negative: "
|
|
39
|
-
media: "
|
|
40
|
-
}, t = "
|
|
34
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_61_1isvxjy0", y = "v16_61_1isvxjy9 v16_61_1isvxjy2 v16_61_1isvxjy1 v16_61_1y2v1nfj0 v16_61_1y2v1nfk9 v16_61_1y2v1nfgl v16_61_1y2v1nfhu v16_61_1y2v1nfsw", n = {
|
|
35
|
+
default: "v16_61_1isvxjya",
|
|
36
|
+
alternative: "v16_61_1isvxjyb",
|
|
37
|
+
brand: "v16_61_1isvxjyc",
|
|
38
|
+
negative: "v16_61_1isvxjyd",
|
|
39
|
+
media: "v16_61_1isvxjye"
|
|
40
|
+
}, t = "v16_61_1isvxjyf", s = "v16_61_1isvxjyh", o = "v16_61_1isvxjyi", j = "v16_61_1isvxjyk v16_61_1isvxjyj v16_61_1y2v1nfq4 v16_61_1y2v1nfqd";
|
|
@@ -38,5 +38,5 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var j = {
|
|
41
|
-
footerHeight: "var(--
|
|
42
|
-
}, r = "
|
|
41
|
+
footerHeight: "var(--v16_61_p5j8j50)"
|
|
42
|
+
}, r = "v16_61_p5j8j53 v16_61_p5j8j52 v16_61_1y2v1nfqr", t = "v16_61_p5j8j54", n = "v16_61_p5j8j55", a = "v16_61_p5j8j56 v16_61_1y2v1nfq3", f = "v16_61_p5j8j57", p = "v16_61_p5j8j59 v16_61_p5j8j58 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", e = "v16_61_p5j8j5b v16_61_p5j8j5a v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", o = "v16_61_p5j8j5d v16_61_p5j8j5c v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfpz";
|
|
@@ -8,6 +8,11 @@ type Props = {
|
|
|
8
8
|
containerBgColor?: string;
|
|
9
9
|
children: React.ReactNode;
|
|
10
10
|
onChangeFooterHeight?: (heightInPx: number) => void;
|
|
11
|
+
/**
|
|
12
|
+
* @default true
|
|
13
|
+
* When enabled an elevation will be displayed on the footer if it is fixed and there is scrollable content below it. Notice this layout is not fixed on Desktop.
|
|
14
|
+
*/
|
|
15
|
+
footerScrollEffect?: boolean;
|
|
11
16
|
};
|
|
12
|
-
declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, footerRole, containerBgColor, children, onChangeFooterHeight, }: Props) => JSX.Element;
|
|
17
|
+
declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, footerRole, containerBgColor, children, onChangeFooterHeight, footerScrollEffect, }: Props) => JSX.Element;
|
|
13
18
|
export default FixedFooterLayout;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "default", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function() {
|
|
9
|
-
return
|
|
9
|
+
return Se;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -68,59 +68,60 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
68
68
|
}
|
|
69
69
|
return newObj;
|
|
70
70
|
}
|
|
71
|
-
const
|
|
71
|
+
const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
|
|
72
72
|
const c = setTimeout(e, 0);
|
|
73
73
|
return {
|
|
74
74
|
cancel: ()=>clearTimeout(c)
|
|
75
75
|
};
|
|
76
|
-
},
|
|
77
|
-
let { isFooterVisible: e = !0, footer: c, footerHeight:
|
|
78
|
-
const [
|
|
76
|
+
}, de = 200, Se = (param)=>{
|
|
77
|
+
let { isFooterVisible: e = !0, footer: c, footerHeight: k = "auto", footerBgColor: n = _skincontractcssmistica.vars.colors.background, footerRole: H, containerBgColor: L = _skincontractcssmistica.vars.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
|
|
78
|
+
const [w, v] = _react.useState(!1), l = _react.useRef(null), { height: d } = (0, _hooks.useBoundingRect)(l) || {
|
|
79
79
|
height: 0
|
|
80
|
-
}, { isTabletOrSmaller: m } = (0, _hooks.useScreenSize)(), { platformOverrides:
|
|
80
|
+
}, { isTabletOrSmaller: m } = (0, _hooks.useScreenSize)(), { platformOverrides: x } = (0, _hooks.useTheme)(), { height: o, ref: D } = (0, _hooks.useElementDimensions)({
|
|
81
81
|
includeMargins: !0
|
|
82
|
-
}), { visualHeight:
|
|
82
|
+
}), { visualHeight: I } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = I - a - o > de, { topColor: N = n } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: y, ref: R } = (0, _hooks.useElementDimensions)();
|
|
83
83
|
(0, _hooks.useIsomorphicLayoutEffect)(()=>{
|
|
84
|
-
|
|
84
|
+
h === null || h === void 0 ? void 0 : h(o);
|
|
85
85
|
}, [
|
|
86
|
-
|
|
86
|
+
h,
|
|
87
87
|
o
|
|
88
88
|
]), _react.useEffect(()=>{
|
|
89
|
-
if (!m || (0, _platform.isRunningAcceptanceTest)(
|
|
90
|
-
|
|
89
|
+
if (!f || !m || (0, _platform.isRunningAcceptanceTest)(x) || !t) {
|
|
90
|
+
v(!1);
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
const u = (0, _dom.getScrollableParentElement)(l.current),
|
|
94
|
-
|
|
93
|
+
const u = (0, _dom.getScrollableParentElement)(l.current), B = ()=>(0, _dom.hasScroll)(u) && (0, _dom.getScrollDistanceToBottom)(u) > a + 1, r = (0, _helpers.debounce)(()=>{
|
|
94
|
+
v(B());
|
|
95
95
|
}, 50, {
|
|
96
96
|
leading: !0,
|
|
97
97
|
maxWait: 100
|
|
98
|
-
}),
|
|
98
|
+
}), z = le(r), i = ce(u);
|
|
99
99
|
return (0, _dom.addPassiveEventListener)(i, "resize", r), (0, _dom.addPassiveEventListener)(i, "scroll", r), ()=>{
|
|
100
|
-
r.cancel(), (0, _dom.removePassiveEventListener)(i, "scroll", r), (0, _dom.removePassiveEventListener)(i, "resize", r),
|
|
100
|
+
r.cancel(), (0, _dom.removePassiveEventListener)(i, "scroll", r), (0, _dom.removePassiveEventListener)(i, "resize", r), z.cancel();
|
|
101
101
|
};
|
|
102
102
|
}, [
|
|
103
|
-
|
|
103
|
+
x,
|
|
104
104
|
m,
|
|
105
105
|
t,
|
|
106
|
+
f,
|
|
106
107
|
// `topDistance` and `contentHeight` dependencies are needed to recalculate the elevation state
|
|
107
108
|
a,
|
|
108
109
|
d
|
|
109
110
|
]);
|
|
110
|
-
const
|
|
111
|
+
const A = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
|
|
111
112
|
className: _fixedfooterlayoutcssmistica.portal,
|
|
112
113
|
children: [
|
|
113
114
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
114
115
|
className: _fixedfooterlayoutcssmistica.fixedBackgroundLayer,
|
|
115
116
|
style: {
|
|
116
|
-
background: `linear-gradient(180deg, ${
|
|
117
|
+
background: `linear-gradient(180deg, ${N} 50%, ${n} 50% 100%)`
|
|
117
118
|
}
|
|
118
119
|
}),
|
|
119
120
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
120
|
-
ref:
|
|
121
|
+
ref: R,
|
|
121
122
|
className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
|
|
122
123
|
style: {
|
|
123
|
-
background:
|
|
124
|
+
background: L,
|
|
124
125
|
// this color could be a gradient
|
|
125
126
|
top: a - 1,
|
|
126
127
|
// -1 because the navigationbar could have a 1px transparent background
|
|
@@ -132,8 +133,8 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
|
|
|
132
133
|
className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
|
|
133
134
|
style: {
|
|
134
135
|
background: n,
|
|
135
|
-
top:
|
|
136
|
-
height: `calc(${d}px - ${
|
|
136
|
+
top: y + a - 1,
|
|
137
|
+
height: `calc(${d}px - ${y}px)`
|
|
137
138
|
}
|
|
138
139
|
})
|
|
139
140
|
]
|
|
@@ -147,8 +148,8 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
|
|
|
147
148
|
[_fixedfooterlayoutcssmistica.vars.footerHeight]: t ? `${o}px` : "0px"
|
|
148
149
|
}),
|
|
149
150
|
children: [
|
|
150
|
-
|
|
151
|
-
|
|
151
|
+
A(),
|
|
152
|
+
$
|
|
152
153
|
]
|
|
153
154
|
}),
|
|
154
155
|
e && t && /**
|
|
@@ -160,7 +161,7 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
|
|
|
160
161
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
161
162
|
className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
|
|
162
163
|
[_fixedfooterlayoutcssmistica.withoutFooter]: !e,
|
|
163
|
-
[_fixedfooterlayoutcssmistica.elevated]:
|
|
164
|
+
[_fixedfooterlayoutcssmistica.elevated]: w,
|
|
164
165
|
[_fixedfooterlayoutcssmistica.fixedFooter]: t
|
|
165
166
|
}),
|
|
166
167
|
style: {
|
|
@@ -169,12 +170,12 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
|
|
|
169
170
|
"data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
|
|
170
171
|
"data-position-fixed": "bottom",
|
|
171
172
|
children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
172
|
-
role:
|
|
173
|
-
ref:
|
|
173
|
+
role: H,
|
|
174
|
+
ref: D,
|
|
174
175
|
"data-component-name": "FixedFooter",
|
|
175
176
|
"data-testid": "FixedFooter",
|
|
176
177
|
style: {
|
|
177
|
-
height:
|
|
178
|
+
height: k,
|
|
178
179
|
marginBottom: _css.safeAreaInsetBottom
|
|
179
180
|
},
|
|
180
181
|
children: c
|
package/dist/form.css-mistica.js
CHANGED
|
@@ -31,7 +31,7 @@ _export(exports, {
|
|
|
31
31
|
return o;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
/* empty css */ var a = "
|
|
35
|
-
colSpan: "var(--
|
|
36
|
-
verticalSpace: "var(--
|
|
34
|
+
/* empty css */ var a = "v16_61_379jdb0", _ = "v16_61_379jdb1", r = "v16_61_379jdb2", d = "v16_61_379jdb4", e = "v16_61_379jdb5", l = "v16_61_379jdb7", o = {
|
|
35
|
+
colSpan: "var(--v16_61_379jdb6)",
|
|
36
|
+
verticalSpace: "var(--v16_61_379jdb3)"
|
|
37
37
|
};
|