@telefonica/mistica 16.60.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 +13 -1
- 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
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var a = {
|
|
2
|
-
default: "
|
|
3
|
-
ios: "
|
|
4
|
-
disabled: "
|
|
5
|
-
disabledIos: "
|
|
2
|
+
default: "v16_61_q0hp3a6 v16_61_q0hp3a5 v16_61_1y2v1nfq8 v16_61_1y2v1nft7",
|
|
3
|
+
ios: "v16_61_q0hp3a7 v16_61_q0hp3a5 v16_61_1y2v1nfq8 v16_61_1y2v1nft7",
|
|
4
|
+
disabled: "v16_61_q0hp3a8 v16_61_q0hp3a5 v16_61_1y2v1nfq8 v16_61_1y2v1nft7",
|
|
5
|
+
disabledIos: "v16_61_q0hp3a9 v16_61_q0hp3a5 v16_61_1y2v1nfq8 v16_61_1y2v1nft7"
|
|
6
6
|
}, h = {
|
|
7
|
-
default: "
|
|
8
|
-
ios: "
|
|
9
|
-
}, q = "
|
|
10
|
-
default: "
|
|
11
|
-
ios: "
|
|
12
|
-
iosDark: "
|
|
13
|
-
checked: "
|
|
14
|
-
checkedIos: "
|
|
7
|
+
default: "v16_61_q0hp3ac v16_61_q0hp3ab v16_61_q0hp3aa v16_61_1y2v1nfpy",
|
|
8
|
+
ios: "v16_61_q0hp3ad v16_61_q0hp3ab v16_61_q0hp3aa v16_61_1y2v1nfpy"
|
|
9
|
+
}, q = "v16_61_q0hp3af v16_61_q0hp3ae v16_61_1y2v1nfq6 v16_61_1y2v1nft8", p = {
|
|
10
|
+
default: "v16_61_q0hp3ai v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
11
|
+
ios: "v16_61_q0hp3aj v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
12
|
+
iosDark: "v16_61_q0hp3ak v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
13
|
+
checked: "v16_61_q0hp3al v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
14
|
+
checkedIos: "v16_61_q0hp3am v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6"
|
|
15
15
|
}, n = {
|
|
16
|
-
default: "
|
|
17
|
-
ios: "
|
|
18
|
-
iosDark: "
|
|
19
|
-
checked: "
|
|
20
|
-
checkedIos: "
|
|
16
|
+
default: "v16_61_q0hp3an v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
17
|
+
ios: "v16_61_q0hp3ao v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
18
|
+
iosDark: "v16_61_q0hp3ap v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
19
|
+
checked: "v16_61_q0hp3aq v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
20
|
+
checkedIos: "v16_61_q0hp3ar v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6"
|
|
21
21
|
}, f = {
|
|
22
|
-
default: "
|
|
23
|
-
ios: "
|
|
24
|
-
iosDark: "
|
|
25
|
-
checked: "
|
|
26
|
-
checkedIos: "
|
|
27
|
-
}, y = "
|
|
28
|
-
default: "
|
|
29
|
-
ios: "
|
|
30
|
-
checked: "
|
|
31
|
-
checkedIos: "
|
|
22
|
+
default: "v16_61_q0hp3as v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
23
|
+
ios: "v16_61_q0hp3at v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
24
|
+
iosDark: "v16_61_q0hp3au v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
25
|
+
checked: "v16_61_q0hp3av v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6",
|
|
26
|
+
checkedIos: "v16_61_q0hp3aw v16_61_q0hp3ah v16_61_q0hp3ag v16_61_1y2v1nfq6"
|
|
27
|
+
}, y = "v16_61_q0hp3ay", e = "v16_61_q0hp3az v16_61_q0hp3ax", s = "v16_61_q0hp3a10 v16_61_q0hp3ax", o = "v16_61_q0hp3a11", r = {
|
|
28
|
+
default: "v16_61_q0hp3a16 v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
29
|
+
ios: "v16_61_q0hp3a17 v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
30
|
+
checked: "v16_61_q0hp3a18 v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
31
|
+
checkedIos: "v16_61_q0hp3a19 v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso"
|
|
32
32
|
}, c = {
|
|
33
|
-
default: "
|
|
34
|
-
ios: "
|
|
35
|
-
checked: "
|
|
36
|
-
checkedIos: "
|
|
33
|
+
default: "v16_61_q0hp3a1a v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
34
|
+
ios: "v16_61_q0hp3a1b v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
35
|
+
checked: "v16_61_q0hp3a1c v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
36
|
+
checkedIos: "v16_61_q0hp3a1d v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso"
|
|
37
37
|
}, i = {
|
|
38
|
-
default: "
|
|
39
|
-
ios: "
|
|
40
|
-
checked: "
|
|
41
|
-
checkedIos: "
|
|
38
|
+
default: "v16_61_q0hp3a1e v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
39
|
+
ios: "v16_61_q0hp3a1f v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
40
|
+
checked: "v16_61_q0hp3a1g v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
41
|
+
checkedIos: "v16_61_q0hp3a1h v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso"
|
|
42
42
|
};
|
|
43
43
|
export { r as ballVariants, p as barVariants, a as checkboxVariants, e as container, s as containerDisabled, o as disabled, y as interactiveArea, c as overBrandBallVariants, n as overBrandBarVariants, i as overNegativeBallVariants, f as overNegativeBarVariants, h as switchCheckboxContainerVariants, q as switchCheckboxLabel };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ var e = {
|
|
2
|
-
maxHeight: "var(--
|
|
3
|
-
}, a = "
|
|
4
|
-
left: "
|
|
5
|
-
right: "
|
|
6
|
-
center: "
|
|
7
|
-
}, d = "
|
|
8
|
-
top: "
|
|
9
|
-
middle: "
|
|
10
|
-
}, p = "
|
|
2
|
+
maxHeight: "var(--v16_61_107ok880)"
|
|
3
|
+
}, a = "v16_61_107ok881", r = "v16_61_107ok882", l = "v16_61_107ok883", t = "v16_61_107ok884", k = "v16_61_107ok885", i = "v16_61_107ok886", s = {
|
|
4
|
+
left: "v16_61_107ok888 v16_61_107ok887",
|
|
5
|
+
right: "v16_61_107ok889 v16_61_107ok887",
|
|
6
|
+
center: "v16_61_107ok88a v16_61_107ok887"
|
|
7
|
+
}, d = "v16_61_107ok88b", n = "v16_61_107ok88c", c = {
|
|
8
|
+
top: "v16_61_107ok88d",
|
|
9
|
+
middle: "v16_61_107ok88e"
|
|
10
|
+
}, p = "v16_61_107ok88f", m = "v16_61_107ok88g", b = "v16_61_107ok88h", I = "v16_61_107ok88i", g = "v16_61_107ok88j", h = "v16_61_107ok88k", w = "v16_61_107ok88l", H = "v16_61_107ok88m", x = "v16_61_107ok88n";
|
|
11
11
|
export { p as actionsHeaderText, m as actionsTableCell, i as boxed, s as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, l as collapsedRowsInMobile, r as fullWidth, k as hiddenHeadersInDesktop, t as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, d as scrollContainer, n as scrollOverResponsiveLayout, a as table, b as topActions, e as vars, c as verticalAlign };
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var f = {
|
|
2
|
-
borderColor: "var(--
|
|
3
|
-
}, n = "
|
|
4
|
-
default: "
|
|
5
|
-
fullWidth: "
|
|
2
|
+
borderColor: "var(--v16_61_lgofm10)"
|
|
3
|
+
}, n = "v16_61_lgofm11", o = "v16_61_lgofm13 v16_61_lgofm12 v16_61_1y2v1nfsf v16_61_1y2v1nfqr v16_61_1y2v1nfpy", l = "v16_61_lgofm14", e = "v16_61_lgofm15 v16_61_1y2v1nfsf v16_61_1y2v1nfqr v16_61_1y2v1nfq4", m = {
|
|
4
|
+
default: "v16_61_lgofm18 v16_61_lgofm17 v16_61_lgofm16 v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfq5 v16_61_1y2v1nfqm v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfs3 v16_61_1y2v1nfsf v16_61_1y2v1nffw",
|
|
5
|
+
fullWidth: "v16_61_lgofm19 v16_61_lgofm17 v16_61_lgofm16 v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfq5 v16_61_1y2v1nfqm v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfs3 v16_61_1y2v1nfsf v16_61_1y2v1nffw"
|
|
6
6
|
}, g = {
|
|
7
|
-
default: "
|
|
8
|
-
brand: "
|
|
9
|
-
negative: "
|
|
7
|
+
default: "v16_61_lgofm1d v16_61_lgofm1a",
|
|
8
|
+
brand: "v16_61_lgofm1e v16_61_lgofm1b",
|
|
9
|
+
negative: "v16_61_lgofm1f v16_61_lgofm1c"
|
|
10
10
|
}, a = {
|
|
11
|
-
noSelected: "
|
|
12
|
-
noSelectedBrand: "
|
|
13
|
-
noSelectedNegative: "
|
|
14
|
-
selected: "
|
|
15
|
-
selectedBrand: "
|
|
16
|
-
selectedNegative: "
|
|
17
|
-
selectedAnimating: "
|
|
18
|
-
selectedAnimatingBrand: "
|
|
19
|
-
selectedAnimatingNegative: "
|
|
20
|
-
}, t = "
|
|
11
|
+
noSelected: "v16_61_lgofm1p v16_61_lgofm1g v16_61_1y2v1nf52",
|
|
12
|
+
noSelectedBrand: "v16_61_lgofm1q v16_61_lgofm1h v16_61_1y2v1nf55",
|
|
13
|
+
noSelectedNegative: "v16_61_lgofm1r v16_61_lgofm1i v16_61_1y2v1nf54",
|
|
14
|
+
selected: "v16_61_lgofm1s v16_61_lgofm1j",
|
|
15
|
+
selectedBrand: "v16_61_lgofm1t v16_61_lgofm1k",
|
|
16
|
+
selectedNegative: "v16_61_lgofm1u v16_61_lgofm1l",
|
|
17
|
+
selectedAnimating: "v16_61_lgofm1v v16_61_lgofm1m",
|
|
18
|
+
selectedAnimatingBrand: "v16_61_lgofm1w v16_61_lgofm1n",
|
|
19
|
+
selectedAnimatingNegative: "v16_61_lgofm1x v16_61_lgofm1o"
|
|
20
|
+
}, t = "v16_61_lgofm1y", r = "v16_61_lgofm1z v16_61_1y2v1nfq3 v16_61_1y2v1nfpz v16_61_1y2v1nftt v16_61_1y2v1nfun v16_61_1y2v1nfra";
|
|
21
21
|
export { r as animatedLine, t as icon, l as inner, o as outer, n as outerBorder, g as tabHover, a as tabSelectionVariants, m as tabVariants, e as tabsContainer, f as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var y = "
|
|
1
|
+
/* empty css */ /* empty css */ var y = "v16_61_1wy08673 v16_61_1wy08671 v16_61_1wy08670 v16_61_1y2v1nfq5 v16_61_1y2v1nfq9 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1wy08672 v16_61_1y2v1nfs0", n = "v16_61_1wy08675 v16_61_1wy08671 v16_61_1wy08670 v16_61_1y2v1nfq5 v16_61_1y2v1nfq9 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1wy08674 v16_61_1y2v1nfg0 v16_61_1y2v1nfh9 v16_61_1y2v1nfry", f = "v16_61_1wy08676 v16_61_1y2v1nfq6", q = "v16_61_1wy08677 v16_61_1y2v1nfq5 v16_61_1y2v1nfil";
|
|
2
2
|
export { q as badge, f as icon, n as smallTag, y as tag };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ var r = 11, t = 15, y = 12, h = 4, a = "calc(1.5rem + 24px)", n = {
|
|
2
|
-
mobileFontSize: "var(--
|
|
3
|
-
desktopFontSize: "var(--
|
|
4
|
-
mobileLineHeight: "var(--
|
|
5
|
-
desktopLineHeight: "var(--
|
|
6
|
-
shrinkedLabelMobileFontSize: "var(--
|
|
7
|
-
shrinkedLabelDesktopFontSize: "var(--
|
|
8
|
-
shrinkedLabelMobileLineHeight: "var(--
|
|
9
|
-
shrinkedLabelDesktopLineHeight: "var(--
|
|
10
|
-
helperTextMobileFontSize: "var(--
|
|
11
|
-
helperTextDesktopFontSize: "var(--
|
|
12
|
-
helperTextMobileLineHeight: "var(--
|
|
13
|
-
helperTextDesktopLineHeight: "var(--
|
|
14
|
-
labelScaleDesktop: "var(--
|
|
15
|
-
labelScaleMobile: "var(--
|
|
16
|
-
}, i = "
|
|
2
|
+
mobileFontSize: "var(--v16_61_rhey4t0)",
|
|
3
|
+
desktopFontSize: "var(--v16_61_rhey4t1)",
|
|
4
|
+
mobileLineHeight: "var(--v16_61_rhey4t2)",
|
|
5
|
+
desktopLineHeight: "var(--v16_61_rhey4t3)",
|
|
6
|
+
shrinkedLabelMobileFontSize: "var(--v16_61_rhey4t4)",
|
|
7
|
+
shrinkedLabelDesktopFontSize: "var(--v16_61_rhey4t5)",
|
|
8
|
+
shrinkedLabelMobileLineHeight: "var(--v16_61_rhey4t6)",
|
|
9
|
+
shrinkedLabelDesktopLineHeight: "var(--v16_61_rhey4t7)",
|
|
10
|
+
helperTextMobileFontSize: "var(--v16_61_rhey4t8)",
|
|
11
|
+
helperTextDesktopFontSize: "var(--v16_61_rhey4t9)",
|
|
12
|
+
helperTextMobileLineHeight: "var(--v16_61_rhey4ta)",
|
|
13
|
+
helperTextDesktopLineHeight: "var(--v16_61_rhey4tb)",
|
|
14
|
+
labelScaleDesktop: "var(--v16_61_rhey4tc)",
|
|
15
|
+
labelScaleMobile: "var(--v16_61_rhey4td)"
|
|
16
|
+
}, i = "v16_61_rhey4ti", l = "v16_61_rhey4tk v16_61_rhey4tj v16_61_1y2v1nffx v16_61_1y2v1nfh6 v16_61_rhey4tf v16_61_rhey4te v16_61_1y2v1nfsm v16_61_1y2v1nfrp v16_61_1y2v1nf4x v16_61_1y2v1nfqr", f = "v16_61_rhey4tl", o = "v16_61_rhey4tm", p = "v16_61_rhey4to v16_61_rhey4tn v16_61_1y2v1nfpy v16_61_rhey4tf v16_61_rhey4te v16_61_1y2v1nfsm v16_61_1y2v1nfrp v16_61_1y2v1nf4x v16_61_1y2v1nfqr", d = "v16_61_rhey4tp", s = "v16_61_rhey4tq", b = "v16_61_rhey4tr", m = "v16_61_rhey4ts", x = "v16_61_rhey4tt", L = "v16_61_rhey4tv v16_61_rhey4tu v16_61_1y2v1nfil v16_61_1y2v1nfq4 v16_61_1y2v1nfqj", k = "v16_61_rhey4tx v16_61_rhey4tw v16_61_1y2v1nfk0 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfr8 v16_61_1y2v1nfpz", u = "v16_61_rhey4tz v16_61_rhey4ty v16_61_1y2v1nfk0", c = "v16_61_rhey4t11 v16_61_rhey4t10 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj", g = "v16_61_rhey4t13 v16_61_rhey4t11 v16_61_rhey4t10 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_rhey4t12 v16_61_1y2v1nft7", q = "v16_61_rhey4t14", S = "v16_61_rhey4t16 v16_61_rhey4t15 v16_61_1y2v1nfpz";
|
|
17
17
|
export { o as emptyDateValue, L as endIconContainer, y as fieldElementsGap, h as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, n as fieldVars, i as fullWidth, f as hiddenDatePlaceholder, a as iconButtonSize, p as input, d as inputFirefoxStyles, s as inputWithLabel, b as inputWithoutLabel, g as menuItem, c as menuItemBase, q as menuItemSelected, u as prefix, k as startIcon, S as suggestionsContainer, l as textArea, m as textAreaWithLabel, x as textAreaWithoutLabel };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var f = 328, u = "
|
|
2
|
-
default: "
|
|
3
|
-
readOnly: "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var f = 328, u = "v16_61_15k6ur91 v16_61_15k6ur90 v16_61_1y2v1nfpz v16_61_1y2v1nfq4", a = "v16_61_15k6ur92 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nft8 v16_61_1y2v1nfqr", k = "v16_61_15k6ur94 v16_61_15k6ur93 v16_61_1y2v1nft8 v16_61_1y2v1nfqn", e = "v16_61_15k6ur95", y = "v16_61_15k6ur97 v16_61_15k6ur96 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa", l = "v16_61_15k6ur98", i = "v16_61_15k6ur9a v16_61_15k6ur99 v16_61_1y2v1nfqr", t = "v16_61_15k6ur9b v16_61_1y2v1nfqr", d = "v16_61_15k6ur9c", o = "v16_61_15k6ur9d", p = "v16_61_15k6ur9f v16_61_15k6ur9e v16_61_1y2v1nfsn v16_61_1y2v1nfq4 v16_61_1y2v1nfsv v16_61_1y2v1nfpy v16_61_15k6ur9d", q = "v16_61_15k6ur9g v16_61_1y2v1nfir v16_61_1y2v1nfk3 v16_61_1y2v1nfq4", h = "v16_61_15k6ur9i v16_61_15k6ur9h v16_61_1y2v1nfq4", s = "v16_61_15k6ur9j v16_61_1y2v1nfiu", b = "v16_61_15k6ur9k v16_61_1y2v1nfqp v16_61_1y2v1nfg3", c = "v16_61_15k6ur9l", m = {
|
|
2
|
+
default: "v16_61_15k6ur9o v16_61_15k6ur9m v16_61_1y2v1nf83",
|
|
3
|
+
readOnly: "v16_61_15k6ur9p v16_61_15k6ur9n v16_61_1y2v1nfcs"
|
|
4
4
|
};
|
|
5
5
|
export { f as DEFAULT_WIDTH, m as background, l as disabled, p as field, y as fieldContainer, o as fieldFocusRing, d as focused, t as fullWidth, q as helperContainer, b as helperText, u as labelContainer, a as labelInner, k as labelText, h as leftHelperText, i as normalWidth, s as rightHelperText, e as shrinked, c as warnIcon };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var n = {
|
|
2
|
-
underlineAlways: "
|
|
3
|
-
underlineOnHover: "
|
|
2
|
+
underlineAlways: "v16_61_1m1n0pr2",
|
|
3
|
+
underlineOnHover: "v16_61_1m1n0pr3"
|
|
4
4
|
}, r = {
|
|
5
|
-
default: "
|
|
6
|
-
brand: "
|
|
7
|
-
negative: "
|
|
8
|
-
media: "
|
|
5
|
+
default: "v16_61_1m1n0pr8 v16_61_1m1n0pr1 v16_61_1m1n0pr0 v16_61_1y2v1nfqs v16_61_1y2v1nfq7 v16_61_1y2v1nft7 v16_61_1m1n0pr4 v16_61_1y2v1nf34",
|
|
6
|
+
brand: "v16_61_1m1n0pr9 v16_61_1m1n0pr1 v16_61_1m1n0pr0 v16_61_1y2v1nfqs v16_61_1y2v1nfq7 v16_61_1y2v1nft7 v16_61_1m1n0pr5 v16_61_1y2v1nf37",
|
|
7
|
+
negative: "v16_61_1m1n0pra v16_61_1m1n0pr1 v16_61_1m1n0pr0 v16_61_1y2v1nfqs v16_61_1y2v1nfq7 v16_61_1y2v1nft7 v16_61_1m1n0pr6 v16_61_1y2v1nf36",
|
|
8
|
+
media: "v16_61_1m1n0prb v16_61_1m1n0pr1 v16_61_1m1n0pr0 v16_61_1y2v1nfqs v16_61_1y2v1nfq7 v16_61_1y2v1nft7 v16_61_1m1n0pr7 v16_61_1y2v1nf38"
|
|
9
9
|
};
|
|
10
10
|
export { n as linkStyles, r as variants };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* empty css */ var r = {
|
|
2
|
-
mobileSize: "var(--
|
|
3
|
-
desktopSize: "var(--
|
|
4
|
-
mobileLineHeight: "var(--
|
|
5
|
-
desktopLineHeight: "var(--
|
|
6
|
-
lineClamp: "var(--
|
|
7
|
-
}, _ = "
|
|
2
|
+
mobileSize: "var(--v16_61_splu5g0)",
|
|
3
|
+
desktopSize: "var(--v16_61_splu5g1)",
|
|
4
|
+
mobileLineHeight: "var(--v16_61_splu5g2)",
|
|
5
|
+
desktopLineHeight: "var(--v16_61_splu5g3)",
|
|
6
|
+
lineClamp: "var(--v16_61_splu5g4)"
|
|
7
|
+
}, _ = "v16_61_splu5g5", e = "v16_61_splu5g6", a = "v16_61_splu5g7", p = "v16_61_splu5g8", t = "v16_61_splu5g9";
|
|
8
8
|
export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var a = "
|
|
1
|
+
/* empty css */ var a = "v16_61_pa0wjc0";
|
|
2
2
|
export { a as themeVars };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var t = {
|
|
2
|
-
vertical: "
|
|
3
|
-
horizontal: "
|
|
4
|
-
}, a = "
|
|
5
|
-
active: "
|
|
6
|
-
inactive: "
|
|
7
|
-
completed: "
|
|
8
|
-
}, p = "
|
|
9
|
-
default: "
|
|
10
|
-
overBrand: "
|
|
2
|
+
vertical: "v16_61_w6pat20",
|
|
3
|
+
horizontal: "v16_61_w6pat21"
|
|
4
|
+
}, a = "v16_61_w6pat23 v16_61_w6pat22 v16_61_1y2v1nfq4 v16_61_1y2v1nfqh", n = "v16_61_w6pat25 v16_61_w6pat24 v16_61_1y2v1nfqq v16_61_1y2v1nfsh v16_61_1y2v1nfhf", e = {
|
|
5
|
+
active: "v16_61_w6pat26",
|
|
6
|
+
inactive: "v16_61_w6pat27",
|
|
7
|
+
completed: "v16_61_w6pat28"
|
|
8
|
+
}, p = "v16_61_w6pat2a v16_61_w6pat29 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj", f = "v16_61_w6pat2b", r = "v16_61_w6pat2d v16_61_w6pat2c v16_61_1y2v1nfr1 v16_61_1y2v1nfrh v16_61_1y2v1nfso v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nf83", w = {
|
|
9
|
+
default: "v16_61_w6pat2g v16_61_w6pat2f v16_61_w6pat2e v16_61_1y2v1nfqq",
|
|
10
|
+
overBrand: "v16_61_w6pat2h v16_61_w6pat2f v16_61_w6pat2e v16_61_1y2v1nfqq"
|
|
11
11
|
};
|
|
12
12
|
export { f as asset, r as assetNumberContainer, n as itemContent, w as line, p as lineContainer, t as timeline, a as timelineItem, e as timelineItemState };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var f = "
|
|
2
|
-
default: "
|
|
3
|
-
brand: "
|
|
4
|
-
negative: "
|
|
5
|
-
alternative: "
|
|
6
|
-
media: "
|
|
1
|
+
/* empty css */ /* empty css */ var f = "v16_61_18fye840 v16_61_1y2v1nfq8", y = "v16_61_18fye841", e = "v16_61_18fye843 v16_61_18fye841 v16_61_18fye842 v16_61_1y2v1nfq5 v16_61_1y2v1nfqd", n = "v16_61_18fye845 v16_61_18fye841 v16_61_18fye844 v16_61_1y2v1nfq8", a = "v16_61_18fye847 v16_61_18fye846 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqj", i = "v16_61_18fye848", r = {
|
|
2
|
+
default: "v16_61_18fye84g v16_61_18fye84a v16_61_18fye849 v16_61_1y2v1nfil v16_61_1y2v1nfju v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfsw v16_61_18fye84b v16_61_1y2v1nfdi",
|
|
3
|
+
brand: "v16_61_18fye84h v16_61_18fye84a v16_61_18fye849 v16_61_1y2v1nfil v16_61_1y2v1nfju v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfsw v16_61_18fye84c v16_61_1y2v1nf83",
|
|
4
|
+
negative: "v16_61_18fye84i v16_61_18fye84a v16_61_18fye849 v16_61_1y2v1nfil v16_61_1y2v1nfju v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfsw v16_61_18fye84d v16_61_1y2v1nf83",
|
|
5
|
+
alternative: "v16_61_18fye84j v16_61_18fye84a v16_61_18fye849 v16_61_1y2v1nfil v16_61_1y2v1nfju v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfsw v16_61_18fye84e v16_61_1y2v1nf83",
|
|
6
|
+
media: "v16_61_18fye84k v16_61_18fye84a v16_61_18fye849 v16_61_1y2v1nfil v16_61_1y2v1nfju v16_61_1y2v1nfg6 v16_61_1y2v1nfhf v16_61_1y2v1nfsw v16_61_18fye84f"
|
|
7
7
|
};
|
|
8
8
|
export { i as boxedTimerDisplayValue, r as boxedTimerValueContainer, y as inlineText, n as shortLabelText, a as timerDisplayValue, f as timerWrapper, e as unitContainer };
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
opacity: 0
|
|
13
13
|
},
|
|
14
14
|
unmounted: {}
|
|
15
|
-
}, a = "
|
|
15
|
+
}, a = "v16_61_1xhatbp1 v16_61_1xhatbp0 v16_61_1y2v1nfpz", p = "v16_61_1xhatbp3 v16_61_1xhatbp2 v16_61_1y2v1nfpy v16_61_1y2v1nfsy v16_61_1y2v1nf83", o = "v16_61_1xhatbp5 v16_61_1xhatbp4 v16_61_1y2v1nfpy v16_61_1y2v1nft8", r = "v16_61_1xhatbp6", y = "v16_61_1xhatbp7 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqj", e = "v16_61_1xhatbp9 v16_61_1xhatbp8 v16_61_1y2v1nfpz v16_61_1y2v1nfqz v16_61_1y2v1nft8", f = "v16_61_1xhatbpb v16_61_1xhatbpa v16_61_1y2v1nfqx v16_61_1y2v1nfrd v16_61_1y2v1nfpz v16_61_1y2v1nfte v16_61_1y2v1nf83", i = "v16_61_1xhatbpd v16_61_1xhatbpc v16_61_1y2v1nfpz";
|
|
16
16
|
export { t as CONTENT_MIN_WIDTH, f as arrow, e as arrowContainer, i as closeButtonIcon, a as container, r as content, o as contentContainer, p as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var t = "
|
|
1
|
+
/* empty css */ /* empty css */ var t = "v16_61_mhti6u0", f = "v16_61_mhti6u2 v16_61_mhti6u1 v16_61_1y2v1nft7", n = "v16_61_mhti6u4 v16_61_mhti6u2 v16_61_mhti6u1 v16_61_1y2v1nft7 v16_61_mhti6u3 v16_61_1y2v1nffx v16_61_1y2v1nfh6 v16_61_1y2v1nfif v16_61_1y2v1nfjo v16_61_1y2v1nfq6 v16_61_1y2v1nfsm v16_61_1y2v1nfqr v16_61_1y2v1nf7x v16_61_1y2v1nffw v16_61_1y2v1nft9", i = "v16_61_mhti6u5";
|
|
2
2
|
export { f as base, t as marginReset, i as notTouchable, n as touchable };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var r = {
|
|
2
|
-
aspectRatio: "var(--
|
|
3
|
-
}, y = "
|
|
2
|
+
aspectRatio: "var(--v16_61_yqswj60)"
|
|
3
|
+
}, y = "v16_61_yqswj61 v16_61_1y2v1nft8 v16_61_1y2v1nfsj v16_61_1y2v1nfsk v16_61_1y2v1nfpy", a = "v16_61_yqswj62", n = "v16_61_yqswj63 v16_61_1y2v1nfqr v16_61_1y2v1nfr8 v16_61_1y2v1nfte v16_61_1y2v1nftt";
|
|
4
4
|
export { a as container, n as containerWithWrapper, r as vars, y as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var f = "
|
|
1
|
+
/* empty css */ /* empty css */ var f = "v16_61_19h163j0 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfq6 v16_61_1y2v1nffw v16_61_1y2v1nfsj v16_61_1y2v1nfsk v16_61_1y2v1nfv2";
|
|
2
2
|
export { f as video };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var a = "
|
|
1
|
+
/* empty css */ var a = "v16_61_1ezqdj90", r = "v16_61_1ezqdj91";
|
|
2
2
|
export { a as container, r as waveFadeOut };
|
package/doc/llms.md
CHANGED
|
@@ -15,6 +15,17 @@ This file is the main entry point. All docs live at:
|
|
|
15
15
|
If you cannot find a documentation file in `node_modules`, fetch the equivalent file from the GitHub
|
|
16
16
|
repository at `https://github.com/Telefonica/mistica-web/blob/master/doc/<filename>`.
|
|
17
17
|
|
|
18
|
+
## Source code
|
|
19
|
+
|
|
20
|
+
Source is available at `node_modules/@telefonica/mistica/src/` (fallback:
|
|
21
|
+
`https://github.com/Telefonica/mistica-web/tree/master/src`). Use `src/index.tsx` to map imports to files.
|
|
22
|
+
|
|
23
|
+
Read source only when you need to understand internal behavior that docs and types don't cover — for example
|
|
24
|
+
debugging layout/CSS issues (`*.css.ts` files), understanding event handling, or authoring a custom skin (read
|
|
25
|
+
a real skin in `src/skins/` to see canonical token patterns). Normally you shouldn't read source for
|
|
26
|
+
greenfield UI work — the docs already cover that, and reading source tends to pull toward low-level APIs when
|
|
27
|
+
a documented composite component would be simpler.
|
|
28
|
+
|
|
18
29
|
## Critical Rules
|
|
19
30
|
|
|
20
31
|
1. **NEVER hardcode colors in app/component UI code.** Always use `skinVars.colors.*` design tokens from
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telefonica/mistica",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.61.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -14,6 +14,18 @@
|
|
|
14
14
|
"dist-es/**",
|
|
15
15
|
"css/**",
|
|
16
16
|
"doc/**",
|
|
17
|
+
"src/**",
|
|
18
|
+
"!src/generated/**",
|
|
19
|
+
"!src/**/__tests__/**",
|
|
20
|
+
"!src/**/__acceptance_tests__/**",
|
|
21
|
+
"!src/**/__screenshot_tests__/**",
|
|
22
|
+
"!src/**/__type_tests__/**",
|
|
23
|
+
"!src/**/__stories__/**",
|
|
24
|
+
"!src/**/__private_stories__/**",
|
|
25
|
+
"!src/**/*-test.ts",
|
|
26
|
+
"!src/**/*-test.tsx",
|
|
27
|
+
"!src/**/*-story.ts",
|
|
28
|
+
"!src/**/*-story.tsx",
|
|
17
29
|
"community.d.ts",
|
|
18
30
|
"community.js"
|
|
19
31
|
],
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import {style} from '@vanilla-extract/css';
|
|
2
|
+
import * as mq from './media-queries.css';
|
|
3
|
+
import {vars} from './skins/skin-contract.css';
|
|
4
|
+
import {sprinkles} from './sprinkles.css';
|
|
5
|
+
|
|
6
|
+
export const itemContent = sprinkles({
|
|
7
|
+
width: '100%',
|
|
8
|
+
border: 'none',
|
|
9
|
+
background: 'transparent',
|
|
10
|
+
display: 'block',
|
|
11
|
+
height: '100%',
|
|
12
|
+
padding: 0,
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export const boxed = style({});
|
|
16
|
+
|
|
17
|
+
const boxedTouchableBorderRadiusStyles = {
|
|
18
|
+
[`${boxed} &:active`]: {
|
|
19
|
+
// needed because we can't use overflow: hidden on the boxed container for the focus ring to be visible
|
|
20
|
+
borderRadius: `calc(${vars.borderRadii.container} - 1px)`,
|
|
21
|
+
},
|
|
22
|
+
[`${boxed} &:hover`]: {
|
|
23
|
+
// needed because we can't use overflow: hidden on the boxed container for the focus ring to be visible
|
|
24
|
+
borderRadius: `calc(${vars.borderRadii.container} - 1px)`,
|
|
25
|
+
},
|
|
26
|
+
[`${boxed} &[aria-expanded="true"]`]: {
|
|
27
|
+
borderBottomLeftRadius: 0,
|
|
28
|
+
borderBottomRightRadius: 0,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export const touchableBackground = style({
|
|
33
|
+
transition: 'background-color 0.1s ease-in-out',
|
|
34
|
+
':active': {
|
|
35
|
+
background: vars.colors.backgroundContainerPressed,
|
|
36
|
+
},
|
|
37
|
+
'@media': {
|
|
38
|
+
[mq.supportsHover]: {
|
|
39
|
+
':hover': {
|
|
40
|
+
background: vars.colors.backgroundContainerHover,
|
|
41
|
+
},
|
|
42
|
+
':active': {
|
|
43
|
+
background: vars.colors.backgroundContainerPressed,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
[mq.touchableOnly]: {
|
|
47
|
+
transition: 'none',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
selectors: boxedTouchableBorderRadiusStyles,
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
export const touchableBackgroundOverBrand = style({
|
|
54
|
+
transition: 'background-color 0.1s ease-in-out',
|
|
55
|
+
':active': {
|
|
56
|
+
background: vars.colors.backgroundContainerBrandPressed,
|
|
57
|
+
},
|
|
58
|
+
'@media': {
|
|
59
|
+
[mq.supportsHover]: {
|
|
60
|
+
':hover': {
|
|
61
|
+
background: vars.colors.backgroundContainerBrandHover,
|
|
62
|
+
},
|
|
63
|
+
':active': {
|
|
64
|
+
background: vars.colors.backgroundContainerBrandPressed,
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
[mq.touchableOnly]: {
|
|
68
|
+
transition: 'none',
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
selectors: boxedTouchableBorderRadiusStyles,
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
export const rightContentContainer = style({
|
|
75
|
+
height: '100%',
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
export const chevronContainer = style({
|
|
79
|
+
height: '100%',
|
|
80
|
+
display: 'flex',
|
|
81
|
+
alignItems: 'center',
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
export const panelContainer = style({
|
|
85
|
+
display: 'grid',
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
export const panelTransitionClasses = {
|
|
89
|
+
enter: style({
|
|
90
|
+
gridTemplateRows: '0fr',
|
|
91
|
+
}),
|
|
92
|
+
enterActive: style({
|
|
93
|
+
gridTemplateRows: '1fr',
|
|
94
|
+
transition: 'grid-template-rows 0.4s',
|
|
95
|
+
'@media': {
|
|
96
|
+
['(prefers-reduced-motion)']: {
|
|
97
|
+
transition: 'none',
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
}),
|
|
101
|
+
exit: style({
|
|
102
|
+
gridTemplateRows: '1fr',
|
|
103
|
+
}),
|
|
104
|
+
exitActive: style({
|
|
105
|
+
gridTemplateRows: '0fr',
|
|
106
|
+
transition: 'grid-template-rows 0.4s',
|
|
107
|
+
'@media': {
|
|
108
|
+
['(prefers-reduced-motion)']: {
|
|
109
|
+
transition: 'none',
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
}),
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
export const panel = style({
|
|
116
|
+
overflow: 'hidden',
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
export const accordionItem = sprinkles({
|
|
120
|
+
width: '100%',
|
|
121
|
+
});
|