@telefonica/mistica 17.3.0 → 17.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/blau.css +29 -16
- package/css/esimflag.css +40 -18
- package/css/mistica-common.css +5 -0
- package/css/mistica.css +1 -1
- package/css/movistar.css +34 -18
- package/css/o2.css +31 -18
- package/css/telefonica.css +43 -18
- package/css/vivo-evolution.css +71 -20
- package/css/vivo.css +31 -18
- package/dist/accordion.css-mistica.js +10 -10
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +4 -4
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/boxed.d.ts +9 -0
- package/dist/boxed.js +18 -15
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +19 -19
- package/dist/button.css-mistica.js +51 -51
- package/dist/callout.css-mistica.js +13 -13
- package/dist/card-internal.css-mistica.js +22 -22
- package/dist/carousel.css-mistica.js +30 -30
- package/dist/checkbox.css-mistica.js +15 -15
- package/dist/chip.css-mistica.js +18 -18
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +19 -19
- package/dist/community/ai-card.css-mistica.js +11 -11
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/community/skins/cyber-skin.js +19 -17
- package/dist/counter.css-mistica.js +6 -6
- package/dist/cover-hero.css-mistica.js +7 -7
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +10 -10
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +8 -8
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/fade-out.css-mistica.js +11 -0
- package/dist/fade-out.css.d.ts +1 -0
- package/dist/fade-out.d.ts +11 -0
- package/dist/fade-out.js +88 -0
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/file-upload.css-mistica.js +10 -10
- package/dist/fixed-footer-layout.css-mistica.js +6 -6
- package/dist/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-antenna-filled.js +40 -12
- package/dist/generated/mistica-icons/icon-antenna-light.js +37 -17
- package/dist/generated/mistica-icons/icon-antenna-regular.js +42 -14
- package/dist/generated/mistica-icons/icon-arrow-up-down-filled.js +26 -16
- package/dist/generated/mistica-icons/icon-arrow-up-down-light.js +22 -12
- package/dist/generated/mistica-icons/icon-arrow-up-down-regular.js +30 -20
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js +26 -16
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.js +24 -14
- package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-authentication-success-filled.js +31 -11
- package/dist/generated/mistica-icons/icon-authentication-success-light.js +33 -17
- package/dist/generated/mistica-icons/icon-authentication-success-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-blog-filled.js +36 -16
- package/dist/generated/mistica-icons/icon-blog-light.js +34 -14
- package/dist/generated/mistica-icons/icon-blog-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-book-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-book-light.js +25 -15
- package/dist/generated/mistica-icons/icon-book-regular.js +16 -6
- package/dist/generated/mistica-icons/icon-box-filled.js +35 -19
- package/dist/generated/mistica-icons/icon-box-light.js +28 -18
- package/dist/generated/mistica-icons/icon-box-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-box-star-filled.js +37 -17
- package/dist/generated/mistica-icons/icon-box-star-light.js +22 -6
- package/dist/generated/mistica-icons/icon-box-star-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-briefcase-filled.js +28 -12
- package/dist/generated/mistica-icons/icon-briefcase-light.js +21 -11
- package/dist/generated/mistica-icons/icon-briefcase-regular.js +29 -19
- package/dist/generated/mistica-icons/icon-calendar-event-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-calendar-event-light.js +28 -11
- package/dist/generated/mistica-icons/icon-calendar-event-regular.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-filled.js +32 -22
- package/dist/generated/mistica-icons/icon-calendar-light.js +39 -23
- package/dist/generated/mistica-icons/icon-calendar-month-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-calendar-month-light.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-month-regular.js +30 -13
- package/dist/generated/mistica-icons/icon-calendar-regular.js +33 -17
- package/dist/generated/mistica-icons/icon-car-filled.js +25 -9
- package/dist/generated/mistica-icons/icon-car-light.js +24 -14
- package/dist/generated/mistica-icons/icon-car-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-care-briefcase-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-care-briefcase-light.js +25 -14
- package/dist/generated/mistica-icons/icon-care-briefcase-regular.js +18 -8
- package/dist/generated/mistica-icons/icon-care-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-care-home-filled.js +24 -13
- package/dist/generated/mistica-icons/icon-care-home-light.js +24 -13
- package/dist/generated/mistica-icons/icon-care-home-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-care-laptop-filled.js +22 -11
- package/dist/generated/mistica-icons/icon-care-laptop-light.js +24 -13
- package/dist/generated/mistica-icons/icon-care-laptop-regular.js +28 -18
- package/dist/generated/mistica-icons/icon-care-light.js +22 -12
- package/dist/generated/mistica-icons/icon-care-mobile-filled.js +22 -11
- package/dist/generated/mistica-icons/icon-care-mobile-light.js +29 -12
- package/dist/generated/mistica-icons/icon-care-mobile-regular.js +33 -17
- package/dist/generated/mistica-icons/icon-care-regular.js +23 -13
- package/dist/generated/mistica-icons/icon-care-shield-filled.js +24 -14
- package/dist/generated/mistica-icons/icon-care-shield-light.js +23 -13
- package/dist/generated/mistica-icons/icon-care-shield-regular.js +26 -16
- package/dist/generated/mistica-icons/icon-change-plan-filled.js +36 -16
- package/dist/generated/mistica-icons/icon-change-plan-light.js +38 -18
- package/dist/generated/mistica-icons/icon-change-plan-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-chip-device-filled.js +32 -16
- package/dist/generated/mistica-icons/icon-chip-device-light.js +33 -17
- package/dist/generated/mistica-icons/icon-chip-device-regular.js +36 -20
- package/dist/generated/mistica-icons/icon-chip-sim-card-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-chip-sim-card-light.js +36 -20
- package/dist/generated/mistica-icons/icon-chip-sim-card-regular.js +42 -26
- package/dist/generated/mistica-icons/icon-credit-card-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-credit-card-light.js +18 -8
- package/dist/generated/mistica-icons/icon-credit-card-regular.js +23 -13
- package/dist/generated/mistica-icons/icon-document-information-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-information-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-information-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-document-other-filled.js +25 -9
- package/dist/generated/mistica-icons/icon-document-other-light.js +33 -17
- package/dist/generated/mistica-icons/icon-document-other-regular.js +25 -9
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +30 -14
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-error-filled.js +33 -17
- package/dist/generated/mistica-icons/icon-error-light.js +29 -13
- package/dist/generated/mistica-icons/icon-error-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-esim-filled.js +33 -17
- package/dist/generated/mistica-icons/icon-esim-light.js +43 -23
- package/dist/generated/mistica-icons/icon-esim-regular.js +29 -9
- package/dist/generated/mistica-icons/icon-eye-filled.js +18 -8
- package/dist/generated/mistica-icons/icon-eye-light.js +31 -15
- package/dist/generated/mistica-icons/icon-eye-regular.js +29 -13
- package/dist/generated/mistica-icons/icon-file-ok-filled.js +30 -14
- package/dist/generated/mistica-icons/icon-file-ok-light.js +29 -13
- package/dist/generated/mistica-icons/icon-file-ok-regular.js +31 -15
- package/dist/generated/mistica-icons/icon-fingerprint-filled.js +36 -15
- package/dist/generated/mistica-icons/icon-fingerprint-light.js +35 -14
- package/dist/generated/mistica-icons/icon-fingerprint-regular.js +29 -9
- package/dist/generated/mistica-icons/icon-home-filled.js +17 -7
- package/dist/generated/mistica-icons/icon-home-light.js +21 -11
- package/dist/generated/mistica-icons/icon-home-regular.js +29 -19
- package/dist/generated/mistica-icons/icon-home-wifi-filled.js +39 -19
- package/dist/generated/mistica-icons/icon-home-wifi-light.js +30 -14
- package/dist/generated/mistica-icons/icon-home-wifi-regular.js +37 -17
- package/dist/generated/mistica-icons/icon-id-card-filled.js +32 -16
- package/dist/generated/mistica-icons/icon-id-card-light.js +27 -11
- package/dist/generated/mistica-icons/icon-id-card-regular.js +31 -15
- package/dist/generated/mistica-icons/icon-information-user-filled.js +32 -12
- package/dist/generated/mistica-icons/icon-information-user-light.js +37 -21
- package/dist/generated/mistica-icons/icon-information-user-regular.js +44 -28
- package/dist/generated/mistica-icons/icon-internet-filled.js +18 -8
- package/dist/generated/mistica-icons/icon-internet-light.js +21 -11
- package/dist/generated/mistica-icons/icon-internet-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-internet-roaming-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-key-filled.js +21 -11
- package/dist/generated/mistica-icons/icon-key-light.js +31 -15
- package/dist/generated/mistica-icons/icon-key-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-list-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-list-light.js +31 -15
- package/dist/generated/mistica-icons/icon-list-regular.js +34 -18
- package/dist/generated/mistica-icons/icon-location-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-location-light.js +30 -14
- package/dist/generated/mistica-icons/icon-location-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-lock-closed-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-lock-closed-light.js +31 -15
- package/dist/generated/mistica-icons/icon-lock-closed-regular.js +35 -19
- package/dist/generated/mistica-icons/icon-message-filled.js +23 -12
- package/dist/generated/mistica-icons/icon-message-light.js +28 -11
- package/dist/generated/mistica-icons/icon-message-regular.js +27 -10
- package/dist/generated/mistica-icons/icon-mobile-device-filled.js +25 -15
- package/dist/generated/mistica-icons/icon-mobile-device-light.js +26 -10
- package/dist/generated/mistica-icons/icon-mobile-device-regular.js +32 -16
- package/dist/generated/mistica-icons/icon-mobile-information-filled.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-mobile-information-light.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-mobile-information-regular.d.ts +3 -0
- package/dist/generated/mistica-icons/icon-panel-collapse-regular.js +165 -0
- package/dist/generated/mistica-icons/icon-panel-expand-regular.js +159 -0
- package/dist/generated/mistica-icons/icons-keywords.js +57 -0
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/header.d.ts +3 -1
- package/dist/header.js +81 -73
- package/dist/hero.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +6 -6
- package/dist/index.d.ts +6 -0
- package/dist/index.js +14 -1
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +40 -28
- package/dist/list.css.d.ts +2 -0
- package/dist/list.d.ts +3 -1
- package/dist/list.js +176 -165
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +12 -12
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mobile-navigation-menu.d.ts +26 -0
- package/dist/mobile-navigation-menu.js +145 -0
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +31 -97
- package/dist/navigation-bar.css.d.ts +0 -24
- package/dist/navigation-bar.d.ts +3 -38
- package/dist/navigation-bar.js +399 -586
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/navigation-shared.css-mistica.js +79 -0
- package/dist/navigation-shared.css.d.ts +26 -0
- package/dist/navigation-shared.d.ts +66 -0
- package/dist/navigation-shared.js +264 -0
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +22 -22
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/popover.css-mistica.js +1 -1
- package/dist/portal.d.ts +1 -1
- package/dist/progress-bar.css-mistica.js +7 -7
- package/dist/radio-button.css-mistica.js +27 -27
- package/dist/rating.css-mistica.js +4 -4
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +21 -21
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +7 -7
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/sidenav-bar-context.d.ts +25 -0
- package/dist/sidenav-bar-context.js +72 -0
- package/dist/sidenav-bar-data.d.ts +15 -0
- package/dist/sidenav-bar-data.js +38 -0
- package/dist/sidenav-bar-first-level-item.d.ts +42 -0
- package/dist/sidenav-bar-first-level-item.js +174 -0
- package/dist/sidenav-bar-keyboard.d.ts +13 -0
- package/dist/sidenav-bar-keyboard.js +314 -0
- package/dist/sidenav-bar-layout.css-mistica.js +28 -0
- package/dist/sidenav-bar-layout.css.d.ts +5 -0
- package/dist/sidenav-bar-layout.d.ts +22 -0
- package/dist/sidenav-bar-layout.js +103 -0
- package/dist/sidenav-bar-mobile.d.ts +24 -0
- package/dist/sidenav-bar-mobile.js +332 -0
- package/dist/sidenav-bar-motion.d.ts +32 -0
- package/dist/sidenav-bar-motion.js +84 -0
- package/dist/sidenav-bar-panel.d.ts +31 -0
- package/dist/sidenav-bar-panel.js +208 -0
- package/dist/sidenav-bar-row.d.ts +82 -0
- package/dist/sidenav-bar-row.js +230 -0
- package/dist/sidenav-bar-second-level-item.d.ts +43 -0
- package/dist/sidenav-bar-second-level-item.js +89 -0
- package/dist/sidenav-bar-section.d.ts +23 -0
- package/dist/sidenav-bar-section.js +167 -0
- package/dist/sidenav-bar-types.d.ts +192 -0
- package/dist/sidenav-bar-types.js +11 -0
- package/dist/sidenav-bar.css-mistica.js +325 -0
- package/dist/sidenav-bar.css.d.ts +93 -0
- package/dist/sidenav-bar.d.ts +102 -0
- package/dist/sidenav-bar.js +492 -0
- package/dist/skeletons.css-mistica.js +8 -8
- package/dist/skins/blau.js +23 -8
- package/dist/skins/defaults.js +11 -0
- package/dist/skins/esimflag.js +24 -9
- package/dist/skins/movistar.js +24 -9
- package/dist/skins/o2.js +24 -9
- package/dist/skins/skin-contract.css-mistica.js +740 -731
- package/dist/skins/skin-contract.css.d.ts +9 -0
- package/dist/skins/telefonica.js +24 -9
- package/dist/skins/types/colors.d.ts +2 -0
- package/dist/skins/types/index.d.ts +1 -0
- package/dist/skins/vivo-evolution.js +25 -10
- package/dist/skins/vivo.js +24 -9
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +24 -24
- package/dist/snackbar.css-mistica.js +14 -14
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +48 -42
- package/dist/switch-component.css.d.ts +2 -0
- package/dist/switch-component.js +18 -18
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +22 -22
- package/dist/tag.css-mistica.js +3 -3
- package/dist/text-field-base.css-mistica.js +20 -20
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text-tokens.d.ts +6 -0
- package/dist/text-tokens.js +157 -133
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +11 -11
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/touchable.css-mistica.js +4 -4
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/boxed.js +25 -25
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +16 -16
- package/dist-es/button.css-mistica.js +38 -38
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +17 -17
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +13 -13
- package/dist-es/chip.css-mistica.js +17 -17
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/community/skins/cyber-skin.js +19 -17
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/fade-out.css-mistica.js +2 -0
- package/dist-es/fade-out.js +79 -0
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/file-upload.css-mistica.js +8 -8
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/generated/mistica-icons/icon-antenna-filled.js +50 -22
- package/dist-es/generated/mistica-icons/icon-antenna-light.js +47 -27
- package/dist-es/generated/mistica-icons/icon-antenna-regular.js +52 -24
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-light.js +26 -16
- package/dist-es/generated/mistica-icons/icon-arrow-up-down-regular.js +34 -24
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-light.js +32 -22
- package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-regular.js +34 -24
- package/dist-es/generated/mistica-icons/icon-authentication-success-filled.js +42 -22
- package/dist-es/generated/mistica-icons/icon-authentication-success-light.js +44 -28
- package/dist-es/generated/mistica-icons/icon-authentication-success-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-blog-filled.js +44 -24
- package/dist-es/generated/mistica-icons/icon-blog-light.js +45 -25
- package/dist-es/generated/mistica-icons/icon-blog-regular.js +45 -29
- package/dist-es/generated/mistica-icons/icon-book-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-book-light.js +33 -23
- package/dist-es/generated/mistica-icons/icon-book-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-box-filled.js +38 -22
- package/dist-es/generated/mistica-icons/icon-box-light.js +38 -28
- package/dist-es/generated/mistica-icons/icon-box-regular.js +37 -27
- package/dist-es/generated/mistica-icons/icon-box-star-filled.js +49 -29
- package/dist-es/generated/mistica-icons/icon-box-star-light.js +29 -13
- package/dist-es/generated/mistica-icons/icon-box-star-regular.js +33 -17
- package/dist-es/generated/mistica-icons/icon-briefcase-filled.js +32 -16
- package/dist-es/generated/mistica-icons/icon-briefcase-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-briefcase-regular.js +32 -22
- package/dist-es/generated/mistica-icons/icon-calendar-event-filled.js +28 -17
- package/dist-es/generated/mistica-icons/icon-calendar-event-light.js +34 -17
- package/dist-es/generated/mistica-icons/icon-calendar-event-regular.js +36 -19
- package/dist-es/generated/mistica-icons/icon-calendar-filled.js +42 -32
- package/dist-es/generated/mistica-icons/icon-calendar-light.js +45 -29
- package/dist-es/generated/mistica-icons/icon-calendar-month-filled.js +31 -20
- package/dist-es/generated/mistica-icons/icon-calendar-month-light.js +38 -21
- package/dist-es/generated/mistica-icons/icon-calendar-month-regular.js +38 -21
- package/dist-es/generated/mistica-icons/icon-calendar-regular.js +45 -29
- package/dist-es/generated/mistica-icons/icon-car-filled.js +26 -10
- package/dist-es/generated/mistica-icons/icon-car-light.js +33 -23
- package/dist-es/generated/mistica-icons/icon-car-regular.js +29 -19
- package/dist-es/generated/mistica-icons/icon-care-briefcase-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-care-briefcase-light.js +28 -17
- package/dist-es/generated/mistica-icons/icon-care-briefcase-regular.js +24 -14
- package/dist-es/generated/mistica-icons/icon-care-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-care-home-filled.js +32 -21
- package/dist-es/generated/mistica-icons/icon-care-home-light.js +31 -20
- package/dist-es/generated/mistica-icons/icon-care-home-regular.js +40 -30
- package/dist-es/generated/mistica-icons/icon-care-laptop-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-care-laptop-light.js +31 -20
- package/dist-es/generated/mistica-icons/icon-care-laptop-regular.js +33 -23
- package/dist-es/generated/mistica-icons/icon-care-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-care-mobile-filled.js +30 -19
- package/dist-es/generated/mistica-icons/icon-care-mobile-light.js +35 -18
- package/dist-es/generated/mistica-icons/icon-care-mobile-regular.js +50 -34
- package/dist-es/generated/mistica-icons/icon-care-regular.js +38 -28
- package/dist-es/generated/mistica-icons/icon-care-shield-filled.js +33 -23
- package/dist-es/generated/mistica-icons/icon-care-shield-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-care-shield-regular.js +33 -23
- package/dist-es/generated/mistica-icons/icon-change-plan-filled.js +41 -21
- package/dist-es/generated/mistica-icons/icon-change-plan-light.js +42 -22
- package/dist-es/generated/mistica-icons/icon-change-plan-regular.js +35 -19
- package/dist-es/generated/mistica-icons/icon-chip-device-filled.js +37 -21
- package/dist-es/generated/mistica-icons/icon-chip-device-light.js +46 -30
- package/dist-es/generated/mistica-icons/icon-chip-device-regular.js +48 -32
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-filled.js +26 -16
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-light.js +43 -27
- package/dist-es/generated/mistica-icons/icon-chip-sim-card-regular.js +59 -43
- package/dist-es/generated/mistica-icons/icon-credit-card-filled.js +24 -14
- package/dist-es/generated/mistica-icons/icon-credit-card-light.js +19 -9
- package/dist-es/generated/mistica-icons/icon-credit-card-regular.js +26 -16
- package/dist-es/generated/mistica-icons/icon-document-other-filled.js +31 -15
- package/dist-es/generated/mistica-icons/icon-document-other-light.js +42 -26
- package/dist-es/generated/mistica-icons/icon-document-other-regular.js +32 -16
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +28 -18
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +41 -25
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-error-filled.js +44 -28
- package/dist-es/generated/mistica-icons/icon-error-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-error-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-esim-filled.js +48 -32
- package/dist-es/generated/mistica-icons/icon-esim-light.js +58 -38
- package/dist-es/generated/mistica-icons/icon-esim-regular.js +35 -15
- package/dist-es/generated/mistica-icons/icon-eye-filled.js +24 -14
- package/dist-es/generated/mistica-icons/icon-eye-light.js +43 -27
- package/dist-es/generated/mistica-icons/icon-eye-regular.js +33 -17
- package/dist-es/generated/mistica-icons/icon-file-ok-filled.js +41 -25
- package/dist-es/generated/mistica-icons/icon-file-ok-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-file-ok-regular.js +41 -25
- package/dist-es/generated/mistica-icons/icon-fingerprint-filled.js +45 -24
- package/dist-es/generated/mistica-icons/icon-fingerprint-light.js +39 -18
- package/dist-es/generated/mistica-icons/icon-fingerprint-regular.js +32 -12
- package/dist-es/generated/mistica-icons/icon-home-filled.js +19 -9
- package/dist-es/generated/mistica-icons/icon-home-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-home-regular.js +30 -20
- package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +51 -31
- package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +36 -20
- package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +51 -31
- package/dist-es/generated/mistica-icons/icon-id-card-filled.js +40 -24
- package/dist-es/generated/mistica-icons/icon-id-card-light.js +38 -22
- package/dist-es/generated/mistica-icons/icon-id-card-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-information-user-filled.js +36 -16
- package/dist-es/generated/mistica-icons/icon-information-user-light.js +51 -35
- package/dist-es/generated/mistica-icons/icon-information-user-regular.js +58 -42
- package/dist-es/generated/mistica-icons/icon-internet-filled.js +22 -12
- package/dist-es/generated/mistica-icons/icon-internet-light.js +25 -15
- package/dist-es/generated/mistica-icons/icon-internet-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-key-filled.js +23 -13
- package/dist-es/generated/mistica-icons/icon-key-light.js +40 -24
- package/dist-es/generated/mistica-icons/icon-key-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-list-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-list-light.js +38 -22
- package/dist-es/generated/mistica-icons/icon-list-regular.js +42 -26
- package/dist-es/generated/mistica-icons/icon-location-filled.js +29 -19
- package/dist-es/generated/mistica-icons/icon-location-light.js +37 -21
- package/dist-es/generated/mistica-icons/icon-location-regular.js +37 -21
- package/dist-es/generated/mistica-icons/icon-lock-closed-filled.js +28 -18
- package/dist-es/generated/mistica-icons/icon-lock-closed-light.js +35 -19
- package/dist-es/generated/mistica-icons/icon-lock-closed-regular.js +40 -24
- package/dist-es/generated/mistica-icons/icon-message-filled.js +29 -18
- package/dist-es/generated/mistica-icons/icon-message-light.js +36 -19
- package/dist-es/generated/mistica-icons/icon-message-regular.js +35 -18
- package/dist-es/generated/mistica-icons/icon-mobile-device-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-mobile-device-light.js +34 -18
- package/dist-es/generated/mistica-icons/icon-mobile-device-regular.js +37 -21
- package/dist-es/generated/mistica-icons/icon-panel-collapse-regular.js +115 -0
- package/dist-es/generated/mistica-icons/icon-panel-expand-regular.js +109 -0
- package/dist-es/generated/mistica-icons/icons-keywords.js +57 -0
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/header.js +113 -105
- package/dist-es/hero.css-mistica.js +3 -3
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/index.js +2349 -2345
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +8 -2
- package/dist-es/list.js +275 -264
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mobile-navigation-menu.js +90 -0
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +11 -20
- package/dist-es/navigation-bar.js +469 -656
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/navigation-shared.css-mistica.js +11 -0
- package/dist-es/navigation-shared.js +192 -0
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +19 -19
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +7 -7
- package/dist-es/radio-button.css-mistica.js +22 -22
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +18 -18
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/sidenav-bar-context.js +14 -0
- package/dist-es/sidenav-bar-data.js +12 -0
- package/dist-es/sidenav-bar-first-level-item.js +124 -0
- package/dist-es/sidenav-bar-keyboard.js +253 -0
- package/dist-es/sidenav-bar-layout.css-mistica.js +2 -0
- package/dist-es/sidenav-bar-layout.js +86 -0
- package/dist-es/sidenav-bar-mobile.js +277 -0
- package/dist-es/sidenav-bar-motion.js +26 -0
- package/dist-es/sidenav-bar-panel.js +146 -0
- package/dist-es/sidenav-bar-row.js +208 -0
- package/dist-es/sidenav-bar-second-level-item.js +72 -0
- package/dist-es/sidenav-bar-section.js +112 -0
- package/dist-es/sidenav-bar-types.js +2 -0
- package/dist-es/sidenav-bar.css-mistica.js +74 -0
- package/dist-es/sidenav-bar.js +429 -0
- package/dist-es/skeletons.css-mistica.js +7 -7
- package/dist-es/skins/blau.js +23 -8
- package/dist-es/skins/defaults.js +11 -0
- package/dist-es/skins/esimflag.js +24 -9
- package/dist-es/skins/movistar.js +24 -9
- package/dist-es/skins/o2.js +24 -9
- package/dist-es/skins/skin-contract.css-mistica.js +740 -731
- package/dist-es/skins/telefonica.js +24 -9
- package/dist-es/skins/vivo-evolution.js +25 -10
- package/dist-es/skins/vivo.js +24 -9
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +20 -20
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +37 -37
- package/dist-es/switch-component.js +26 -26
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +19 -19
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text-tokens.js +82 -67
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +2 -1
- package/src/boxed.css.ts +1 -0
- package/src/boxed.tsx +18 -5
- package/src/callout.css.ts +4 -2
- package/src/community/skins/cyber-skin.tsx +19 -16
- package/src/fade-out.css.ts +12 -0
- package/src/fade-out.tsx +50 -0
- package/src/header.tsx +39 -17
- package/src/index.tsx +15 -0
- package/src/list.css.ts +36 -1
- package/src/list.tsx +370 -344
- package/src/mobile-navigation-menu.tsx +168 -0
- package/src/navigation-bar.css.ts +2 -267
- package/src/navigation-bar.tsx +77 -370
- package/src/navigation-shared.css.ts +289 -0
- package/src/navigation-shared.tsx +262 -0
- package/src/package-version.tsx +1 -1
- package/src/portal.tsx +1 -1
- package/src/sidenav-bar-context.tsx +41 -0
- package/src/sidenav-bar-data.ts +49 -0
- package/src/sidenav-bar-first-level-item.tsx +203 -0
- package/src/sidenav-bar-keyboard.tsx +393 -0
- package/src/sidenav-bar-layout.css.ts +89 -0
- package/src/sidenav-bar-layout.tsx +61 -0
- package/src/sidenav-bar-mobile.tsx +302 -0
- package/src/sidenav-bar-motion.tsx +70 -0
- package/src/sidenav-bar-panel.tsx +269 -0
- package/src/sidenav-bar-row.tsx +272 -0
- package/src/sidenav-bar-second-level-item.tsx +99 -0
- package/src/sidenav-bar-section.tsx +98 -0
- package/src/sidenav-bar-types.ts +224 -0
- package/src/sidenav-bar.css.ts +1018 -0
- package/src/sidenav-bar.tsx +821 -0
- package/src/skins/blau.tsx +17 -8
- package/src/skins/defaults.tsx +5 -0
- package/src/skins/esimflag.tsx +18 -9
- package/src/skins/movistar.tsx +18 -9
- package/src/skins/o2.tsx +18 -9
- package/src/skins/skin-contract.css.ts +3 -0
- package/src/skins/telefonica.tsx +18 -9
- package/src/skins/types/colors.tsx +2 -0
- package/src/skins/types/index.tsx +1 -0
- package/src/skins/vivo-evolution.tsx +19 -10
- package/src/skins/vivo.tsx +18 -9
- package/src/switch-component.css.ts +20 -0
- package/src/switch-component.tsx +9 -1
- package/src/text-tokens.tsx +24 -0
|
@@ -13,52 +13,52 @@ _export(exports, {
|
|
|
13
13
|
return m;
|
|
14
14
|
},
|
|
15
15
|
get innerCircleVariant () {
|
|
16
|
-
return
|
|
16
|
+
return r;
|
|
17
17
|
},
|
|
18
18
|
get outerCircleVariants () {
|
|
19
19
|
return n;
|
|
20
20
|
},
|
|
21
21
|
get overBrandInnerCircleVariant () {
|
|
22
|
-
return
|
|
22
|
+
return c;
|
|
23
23
|
},
|
|
24
24
|
get overBrandOuterCircleVariants () {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
get overNegativeInnerCircleVariant () {
|
|
28
|
-
return
|
|
28
|
+
return d;
|
|
29
29
|
},
|
|
30
30
|
get overNegativeOuterCircleVariants () {
|
|
31
|
-
return
|
|
31
|
+
return y;
|
|
32
32
|
},
|
|
33
33
|
get radioButton () {
|
|
34
|
-
return
|
|
34
|
+
return u;
|
|
35
35
|
},
|
|
36
36
|
get radioButtonContainerDisabled () {
|
|
37
37
|
return s;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var n = {
|
|
41
|
-
default: "
|
|
42
|
-
ios: "
|
|
43
|
-
checked: "
|
|
44
|
-
checkedIos: "
|
|
45
|
-
}, u = {
|
|
46
|
-
default: "v17_3_c6dmsu6 v17_3_c6dmsu1 v17_3_c6dmsu0 v17_3_1y2v1nfrb v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfud v17_3_1y2v1nfrs v17_3_1y2v1nftu",
|
|
47
|
-
ios: "v17_3_c6dmsu7 v17_3_c6dmsu1 v17_3_c6dmsu0 v17_3_1y2v1nfrb v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfud v17_3_1y2v1nfrs v17_3_1y2v1nftu",
|
|
48
|
-
checked: "v17_3_c6dmsu8 v17_3_c6dmsu1 v17_3_c6dmsu0 v17_3_1y2v1nfrb v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfud v17_3_1y2v1nfrs v17_3_1y2v1nftu",
|
|
49
|
-
checkedIos: "v17_3_c6dmsu9 v17_3_c6dmsu1 v17_3_c6dmsu0 v17_3_1y2v1nfrb v17_3_1y2v1nfrp v17_3_1y2v1nfrj v17_3_1y2v1nfud v17_3_1y2v1nfrs v17_3_1y2v1nftu"
|
|
41
|
+
default: "v17_5_c6dmsu2 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
42
|
+
ios: "v17_5_c6dmsu3 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
43
|
+
checked: "v17_5_c6dmsu4 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
44
|
+
checkedIos: "v17_5_c6dmsu5 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty"
|
|
50
45
|
}, f = {
|
|
51
|
-
default: "
|
|
52
|
-
ios: "
|
|
53
|
-
checked: "
|
|
54
|
-
checkedIos: "
|
|
55
|
-
},
|
|
56
|
-
default: "
|
|
57
|
-
|
|
46
|
+
default: "v17_5_c6dmsu6 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
47
|
+
ios: "v17_5_c6dmsu7 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
48
|
+
checked: "v17_5_c6dmsu8 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
49
|
+
checkedIos: "v17_5_c6dmsu9 v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty"
|
|
50
|
+
}, y = {
|
|
51
|
+
default: "v17_5_c6dmsua v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
52
|
+
ios: "v17_5_c6dmsub v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
53
|
+
checked: "v17_5_c6dmsuc v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty",
|
|
54
|
+
checkedIos: "v17_5_c6dmsud v17_5_c6dmsu1 v17_5_c6dmsu0 v17_5_1y2v1nfrf v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfuh v17_5_1y2v1nfrw v17_5_1y2v1nfty"
|
|
58
55
|
}, r = {
|
|
59
|
-
default: "
|
|
60
|
-
checked: "
|
|
56
|
+
default: "v17_5_c6dmsuh v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty",
|
|
57
|
+
checked: "v17_5_c6dmsui v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty v17_5_c6dmsug v17_5_1y2v1nfcv"
|
|
61
58
|
}, c = {
|
|
62
|
-
default: "
|
|
63
|
-
checked: "
|
|
64
|
-
},
|
|
59
|
+
default: "v17_5_c6dmsuk v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty",
|
|
60
|
+
checked: "v17_5_c6dmsul v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty v17_5_c6dmsuj v17_5_1y2v1nfd1"
|
|
61
|
+
}, d = {
|
|
62
|
+
default: "v17_5_c6dmsun v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty",
|
|
63
|
+
checked: "v17_5_c6dmsuo v17_5_c6dmsuf v17_5_c6dmsue v17_5_1y2v1nfre v17_5_1y2v1nfty v17_5_c6dmsum v17_5_1y2v1nfd0"
|
|
64
|
+
}, u = "v17_5_c6dmsuq v17_5_c6dmsup", s = "v17_5_c6dmsur v17_5_c6dmsup", m = "v17_5_c6dmsus";
|
|
@@ -22,10 +22,10 @@ _export(exports, {
|
|
|
22
22
|
return e;
|
|
23
23
|
},
|
|
24
24
|
get halfIconContainer () {
|
|
25
|
-
return
|
|
25
|
+
return t;
|
|
26
26
|
},
|
|
27
27
|
get halfIconInactive () {
|
|
28
|
-
return
|
|
28
|
+
return a;
|
|
29
29
|
},
|
|
30
30
|
get lastIcon () {
|
|
31
31
|
return o;
|
|
@@ -38,5 +38,5 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var _ = {
|
|
41
|
-
iconSize: "var(--
|
|
42
|
-
}, i = "
|
|
41
|
+
iconSize: "var(--v17_5_igrtie0)"
|
|
42
|
+
}, i = "v17_5_igrtie3 v17_5_igrtie2 v17_5_1y2v1nfre v17_5_1y2v1nfrn v17_5_1y2v1nfrt", t = "v17_5_igrtie4 v17_5_1y2v1nfr8", a = "v17_5_igrtie6 v17_5_igrtie5 v17_5_1y2v1nfr9", e = "v17_5_igrtie8 v17_5_igrtie7 v17_5_1y2v1nfr8", n = "v17_5_igrtie9", g = "v17_5_igrtiea", o = "v17_5_igrtieb", c = "v17_5_igrtiec";
|
|
@@ -49,9 +49,9 @@ _export(exports, {
|
|
|
49
49
|
return f;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
/* empty css */ /* empty css */ var o = 32, r = "
|
|
53
|
-
brand: "
|
|
54
|
-
negative: "
|
|
55
|
-
media: "
|
|
56
|
-
alternative: "
|
|
57
|
-
}, p = "
|
|
52
|
+
/* empty css */ /* empty css */ var o = 32, r = "v17_5_17lofg72", e = "v17_5_17lofg73", a = "v17_5_17lofg74", n = "v17_5_17lofg75", f = "v17_5_17lofg76", t = "v17_5_17lofg77", l = "v17_5_17lofg78", i = "v17_5_17lofg79", g = "v17_5_17lofg7a", s = {
|
|
53
|
+
brand: "v17_5_17lofg7b v17_5_1y2v1nf8w",
|
|
54
|
+
negative: "v17_5_17lofg7c v17_5_1y2v1nf8x",
|
|
55
|
+
media: "v17_5_17lofg7d v17_5_1y2v1nfh6",
|
|
56
|
+
alternative: "v17_5_17lofg7e v17_5_1y2v1nf8m"
|
|
57
|
+
}, p = "v17_5_17lofg7f", d = "v17_5_17lofg7h v17_5_17lofg7g v17_5_1y2v1nfs1";
|
|
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
|
|
|
8
8
|
return n;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ /* empty css */ var n = "
|
|
11
|
+
/* empty css */ /* empty css */ var n = "v17_5_gwdgwo1 v17_5_gwdgwo0 v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nfr9 v17_5_1y2v1nfui v17_5_1y2v1nftw";
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get arrowDown () {
|
|
13
|
-
return
|
|
13
|
+
return a;
|
|
14
14
|
},
|
|
15
15
|
get iconContainer () {
|
|
16
16
|
return q;
|
|
@@ -22,16 +22,16 @@ _export(exports, {
|
|
|
22
22
|
return o;
|
|
23
23
|
},
|
|
24
24
|
get optionsAnimationsVariants () {
|
|
25
|
-
return
|
|
25
|
+
return y;
|
|
26
26
|
},
|
|
27
27
|
get optionsContainer () {
|
|
28
28
|
return s;
|
|
29
29
|
},
|
|
30
30
|
get selectContainerVariants () {
|
|
31
|
-
return
|
|
31
|
+
return p;
|
|
32
32
|
},
|
|
33
33
|
get selectTextVariants () {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
get selectVariants () {
|
|
37
37
|
return r;
|
|
@@ -41,21 +41,21 @@ _export(exports, {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var f = {
|
|
44
|
-
top: "var(--
|
|
45
|
-
left: "var(--
|
|
46
|
-
transformOrigin: "var(--
|
|
47
|
-
minWidth: "var(--
|
|
48
|
-
maxHeight: "var(--
|
|
49
|
-
}, s = "
|
|
50
|
-
show: "
|
|
51
|
-
hide: "
|
|
52
|
-
},
|
|
53
|
-
default: "
|
|
54
|
-
fullWidth: "
|
|
44
|
+
top: "var(--v17_5_1sqpivv0)",
|
|
45
|
+
left: "var(--v17_5_1sqpivv1)",
|
|
46
|
+
transformOrigin: "var(--v17_5_1sqpivv2)",
|
|
47
|
+
minWidth: "var(--v17_5_1sqpivv3)",
|
|
48
|
+
maxHeight: "var(--v17_5_1sqpivv4)"
|
|
49
|
+
}, s = "v17_5_1sqpivv6 v17_5_1sqpivv5 v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nfjp v17_5_1y2v1nfky v17_5_1y2v1nfra v17_5_1y2v1nfu5 v17_5_1y2v1nf8z", y = {
|
|
50
|
+
show: "v17_5_1sqpivv7",
|
|
51
|
+
hide: "v17_5_1sqpivv8"
|
|
52
|
+
}, p = {
|
|
53
|
+
default: "v17_5_1sqpivvd v17_5_1sqpivvc v17_5_1sqpivvb v17_5_1y2v1nfr8 v17_5_1y2v1nfuh",
|
|
54
|
+
fullWidth: "v17_5_1sqpivve v17_5_1sqpivvc v17_5_1sqpivvb v17_5_1y2v1nfr8 v17_5_1y2v1nfuh"
|
|
55
55
|
}, r = {
|
|
56
|
-
default: "
|
|
57
|
-
disabled: "
|
|
58
|
-
},
|
|
59
|
-
default: "
|
|
60
|
-
disabled: "
|
|
61
|
-
},
|
|
56
|
+
default: "v17_5_1sqpivvh v17_5_1sqpivvg v17_5_1sqpivvf v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nftw v17_5_1y2v1nfui v17_5_1y2v1nf5k v17_5_1y2v1nfh6 v17_5_1y2v1nfs1 v17_5_1y2v1nfu5",
|
|
57
|
+
disabled: "v17_5_1sqpivvi v17_5_1sqpivvg v17_5_1sqpivvf v17_5_1y2v1nfh7 v17_5_1y2v1nfig v17_5_1y2v1nftw v17_5_1y2v1nfui v17_5_1y2v1nf5k v17_5_1y2v1nfh6 v17_5_1y2v1nfs1 v17_5_1y2v1nfu5"
|
|
58
|
+
}, t = {
|
|
59
|
+
default: "v17_5_1sqpivvl v17_5_1sqpivvk v17_5_1sqpivvj v17_5_1y2v1nfr9 v17_5_1y2v1nfui v17_5_1y2v1nftt v17_5_1y2v1nf5k",
|
|
60
|
+
disabled: "v17_5_1sqpivvm v17_5_1sqpivvk v17_5_1sqpivvj v17_5_1y2v1nfr9 v17_5_1y2v1nfui v17_5_1y2v1nftt v17_5_1y2v1nf5k"
|
|
61
|
+
}, a = "v17_5_1sqpivvo v17_5_1sqpivvn v17_5_1y2v1nfr9", q = "v17_5_1sqpivvp", e = "v17_5_1sqpivvr v17_5_1sqpivvq v17_5_1y2v1nfjy v17_5_1y2v1nfl7 v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nf5k v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfuh", o = "v17_5_1sqpivvs v17_5_1y2v1nf8m";
|
|
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "sheetActionRow", {
|
|
|
8
8
|
return n;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ /* empty css */ var n = "
|
|
11
|
+
/* empty css */ /* empty css */ var n = "v17_5_4k81wx1 v17_5_4k81wx0 v17_5_1y2v1nfhm v17_5_1y2v1nfiv v17_5_1y2v1nfk4 v17_5_1y2v1nfld v17_5_1y2v1nfre v17_5_1y2v1nftr v17_5_1y2v1nfrt";
|
|
@@ -19,16 +19,16 @@ _export(exports, {
|
|
|
19
19
|
return y;
|
|
20
20
|
},
|
|
21
21
|
get bodyContent () {
|
|
22
|
-
return
|
|
22
|
+
return h;
|
|
23
23
|
},
|
|
24
24
|
get children () {
|
|
25
|
-
return
|
|
25
|
+
return r;
|
|
26
26
|
},
|
|
27
27
|
get closingOverlay () {
|
|
28
|
-
return
|
|
28
|
+
return t;
|
|
29
29
|
},
|
|
30
30
|
get closingSheet () {
|
|
31
|
-
return
|
|
31
|
+
return i;
|
|
32
32
|
},
|
|
33
33
|
get dismissButton () {
|
|
34
34
|
return o;
|
|
@@ -40,13 +40,13 @@ _export(exports, {
|
|
|
40
40
|
return d;
|
|
41
41
|
},
|
|
42
42
|
get overlay () {
|
|
43
|
-
return
|
|
43
|
+
return m;
|
|
44
44
|
},
|
|
45
45
|
get sheetTopDraggingArea () {
|
|
46
46
|
return a;
|
|
47
47
|
},
|
|
48
48
|
get stickyButtons () {
|
|
49
|
-
return
|
|
49
|
+
return l;
|
|
50
50
|
},
|
|
51
51
|
get stickyTitle () {
|
|
52
52
|
return s;
|
|
@@ -55,4 +55,4 @@ _export(exports, {
|
|
|
55
55
|
return f;
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
|
-
/* empty css */ /* empty css */ var f = 400, n = "
|
|
58
|
+
/* empty css */ /* empty css */ var f = 400, n = "v17_5_pidemf4 v17_5_pidemf3 v17_5_1y2v1nfra v17_5_1y2v1nfv3 v17_5_1y2v1nfvi v17_5_1y2v1nfvx", e = "v17_5_pidemf6 v17_5_pidemf5 v17_5_1y2v1nf8l", i = "v17_5_pidemf7", y = "v17_5_pidemf9 v17_5_pidemf8 v17_5_1y2v1nfhv v17_5_1y2v1nfre v17_5_1y2v1nfrk", r = "v17_5_pidemfa v17_5_1y2v1nfun v17_5_1y2v1nfs0 v17_5_1y2v1nfre v17_5_1y2v1nfrk", a = "v17_5_pidemfc v17_5_pidemfb v17_5_1y2v1nfhg v17_5_1y2v1nfip v17_5_1y2v1nfr9 v17_5_1y2v1nfuo v17_5_1y2v1nfsv v17_5_1y2v1nfs1 v17_5_1y2v1nfre v17_5_1y2v1nfrn", d = "v17_5_pidemfe v17_5_pidemfd v17_5_1y2v1nfrd", p = "v17_5_pidemff v17_5_1y2v1nfcu v17_5_1y2v1nfsa v17_5_1y2v1nfsl v17_5_1y2v1nftz", m = "v17_5_pidemfi v17_5_pidemfh v17_5_1y2v1nfra v17_5_1y2v1nf9c v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfvi v17_5_1y2v1nfvx", t = "v17_5_pidemfj", o = "v17_5_pidemfl v17_5_pidemfk v17_5_1y2v1nfr9", s = "v17_5_pidemfn v17_5_pidemfm v17_5_1y2v1nfrc v17_5_1y2v1nfuo v17_5_1y2v1nf8l", l = "v17_5_pidemfp v17_5_pidemfo v17_5_1y2v1nfrc v17_5_1y2v1nfvx v17_5_1y2v1nf8l", h = "v17_5_pidemfq";
|
|
@@ -19,4 +19,4 @@ _export(exports, {
|
|
|
19
19
|
return f;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ /* empty css */ var n = "
|
|
22
|
+
/* empty css */ /* empty css */ var n = "v17_5_12pggsm0 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfsq", r = "v17_5_12pggsm1 v17_5_1y2v1nfsi v17_5_1y2v1nfre", f = "v17_5_12pggsm2 v17_5_1y2v1nfhm v17_5_1y2v1nfiv v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nftr";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { SidenavCollapseState } from './sidenav-bar-types';
|
|
3
|
+
type SidenavBarContextValue = {
|
|
4
|
+
/** Target collapsed state. It flips at the first frame of the motion. */
|
|
5
|
+
collapsed: boolean;
|
|
6
|
+
/** Phase of the collapse motion, for the parts of a row that must wait until the rail rests. */
|
|
7
|
+
collapseState: SidenavCollapseState;
|
|
8
|
+
/** True when every movement of the sidenav takes zero time. See `useIsMotionOff`. */
|
|
9
|
+
isMotionOff: boolean;
|
|
10
|
+
doublePanel: boolean;
|
|
11
|
+
/** The first-level item whose children show in the panel. One panel opens at a time. */
|
|
12
|
+
panelOpenForItemId: string | null;
|
|
13
|
+
setPanelOpenForItemId: (id: string | null) => void;
|
|
14
|
+
/**
|
|
15
|
+
* The press of an item that navigates: it closes the open panel, then it reports the item as the
|
|
16
|
+
* new selection. One call does both, because the selection alone would reopen the second column that
|
|
17
|
+
* the press just closed. The item passes `null` when it has no id.
|
|
18
|
+
*/
|
|
19
|
+
selectItemAndClosePanel: (itemId: string | null) => void;
|
|
20
|
+
containerRef: React.RefObject<HTMLElement | null>;
|
|
21
|
+
selectedItemId: string | null;
|
|
22
|
+
};
|
|
23
|
+
declare const SidenavBarContext: React.Context<SidenavBarContextValue>;
|
|
24
|
+
declare const useSidenavBarContext: () => SidenavBarContextValue;
|
|
25
|
+
export { SidenavBarContext, useSidenavBarContext };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
get SidenavBarContext () {
|
|
14
|
+
return t;
|
|
15
|
+
},
|
|
16
|
+
get useSidenavBarContext () {
|
|
17
|
+
return n;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
21
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
22
|
+
if (typeof WeakMap !== "function") return null;
|
|
23
|
+
var cacheBabelInterop = new WeakMap();
|
|
24
|
+
var cacheNodeInterop = new WeakMap();
|
|
25
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
26
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
27
|
+
})(nodeInterop);
|
|
28
|
+
}
|
|
29
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
30
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
31
|
+
return obj;
|
|
32
|
+
}
|
|
33
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
34
|
+
return {
|
|
35
|
+
default: obj
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
39
|
+
if (cache && cache.has(obj)) {
|
|
40
|
+
return cache.get(obj);
|
|
41
|
+
}
|
|
42
|
+
var newObj = {
|
|
43
|
+
__proto__: null
|
|
44
|
+
};
|
|
45
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
46
|
+
for(var key in obj){
|
|
47
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
48
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
49
|
+
if (desc && (desc.get || desc.set)) {
|
|
50
|
+
Object.defineProperty(newObj, key, desc);
|
|
51
|
+
} else {
|
|
52
|
+
newObj[key] = obj[key];
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
newObj.default = obj;
|
|
57
|
+
if (cache) {
|
|
58
|
+
cache.set(obj, newObj);
|
|
59
|
+
}
|
|
60
|
+
return newObj;
|
|
61
|
+
}
|
|
62
|
+
const t = /*#__PURE__*/ _react.createContext({
|
|
63
|
+
collapsed: !1,
|
|
64
|
+
collapseState: "expanded",
|
|
65
|
+
isMotionOff: !1,
|
|
66
|
+
doublePanel: !1,
|
|
67
|
+
panelOpenForItemId: null,
|
|
68
|
+
setPanelOpenForItemId: ()=>{},
|
|
69
|
+
selectItemAndClosePanel: ()=>{},
|
|
70
|
+
containerRef: /*#__PURE__*/ _react.createRef(),
|
|
71
|
+
selectedItemId: null
|
|
72
|
+
}), n = ()=>_react.useContext(t);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { SidenavEntry, SidenavFirstLevelItem, SidenavLogo, SidenavSection, SidenavSectionTitle, SidenavSlot, SidenavSlotRenderProps } from './sidenav-bar-types';
|
|
2
|
+
/** Tells a first-level section apart from a first-level stand-alone item. */
|
|
3
|
+
declare const isSidenavSection: (entry: SidenavEntry) => entry is SidenavSection;
|
|
4
|
+
/** The items of the first level, in order: the items of every section, and every stand-alone item. */
|
|
5
|
+
declare const getFirstLevelItems: (entries: ReadonlyArray<SidenavEntry>) => Array<SidenavFirstLevelItem>;
|
|
6
|
+
/** Reads the two shapes of a section title as one pair: the text, and the visibility of the heading. */
|
|
7
|
+
declare const getSidenavSectionTitle: (title: SidenavSectionTitle) => {
|
|
8
|
+
text: string;
|
|
9
|
+
isHeadingVisible: boolean;
|
|
10
|
+
};
|
|
11
|
+
/** Resolves the function form of a slot with the props of the current state. */
|
|
12
|
+
declare const renderSidenavSlot: (slot: SidenavSlot, props: SidenavSlotRenderProps) => React.ReactNode;
|
|
13
|
+
/** Resolves the four forms of the logo prop. `defaultLogo` is the logo of the skin, sized by the caller. */
|
|
14
|
+
declare const renderSidenavLogo: (logo: SidenavLogo | undefined, props: SidenavSlotRenderProps, defaultLogo: React.ReactNode) => React.ReactNode;
|
|
15
|
+
export { isSidenavSection, getFirstLevelItems, getSidenavSectionTitle, renderSidenavSlot, renderSidenavLogo };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get getFirstLevelItems () {
|
|
13
|
+
return r;
|
|
14
|
+
},
|
|
15
|
+
get getSidenavSectionTitle () {
|
|
16
|
+
return s;
|
|
17
|
+
},
|
|
18
|
+
get isSidenavSection () {
|
|
19
|
+
return n;
|
|
20
|
+
},
|
|
21
|
+
get renderSidenavLogo () {
|
|
22
|
+
return d;
|
|
23
|
+
},
|
|
24
|
+
get renderSidenavSlot () {
|
|
25
|
+
return a;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const n = (e)=>Array.isArray(e.items), r = (e)=>e.flatMap((i)=>n(i) ? [
|
|
29
|
+
...i.items
|
|
30
|
+
] : [
|
|
31
|
+
i
|
|
32
|
+
]), s = (e)=>typeof e == "string" ? {
|
|
33
|
+
text: e,
|
|
34
|
+
isHeadingVisible: !0
|
|
35
|
+
} : {
|
|
36
|
+
text: e.text,
|
|
37
|
+
isHeadingVisible: !e.hidden
|
|
38
|
+
}, a = (e, i)=>typeof e == "function" ? e(i) : e, d = (e, i, t)=>e === !1 ? null : typeof e == "function" ? e(i) : e === void 0 || e === !0 ? t : e;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { DataAttributes } from './utils/types';
|
|
3
|
+
import type { SidenavAsset, SidenavSecondLevelItem as SidenavSecondLevelItemData } from './sidenav-bar-types';
|
|
4
|
+
type SidenavFirstLevelItemProps = {
|
|
5
|
+
/** Unique identifier for selection tracking. */
|
|
6
|
+
id: string;
|
|
7
|
+
/** Display text. A text longer than the row wraps over several lines, and it never truncates. */
|
|
8
|
+
label: string;
|
|
9
|
+
/** Icon component or element. The collapsed rail shows nothing else of a first-level item. */
|
|
10
|
+
asset: SidenavAsset;
|
|
11
|
+
/** Show asset when expanded (not collapsed). @default true */
|
|
12
|
+
showAssetWhenExpanded?: boolean;
|
|
13
|
+
/** Custom content on the right side (e.g., Badge). */
|
|
14
|
+
rightSlot?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* True when the item sits directly in the body list, which already gave it a list item. A stand-alone
|
|
17
|
+
* entry carries that list item on a wrapper of its own, so this item renders none.
|
|
18
|
+
*/
|
|
19
|
+
standalone?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Second-level items. An item with second-level items cannot navigate: it lists them in place, in a dialog
|
|
22
|
+
* panel over the collapsed rail, or in the second column, which the bar renders.
|
|
23
|
+
*/
|
|
24
|
+
secondLevelItems?: ReadonlyArray<SidenavSecondLevelItemData>;
|
|
25
|
+
/** Initial open state of the children. @default false */
|
|
26
|
+
defaultOpen?: boolean;
|
|
27
|
+
onPress?: () => void;
|
|
28
|
+
href?: string;
|
|
29
|
+
to?: string;
|
|
30
|
+
/** Open link in new tab. @default false */
|
|
31
|
+
newTab?: boolean;
|
|
32
|
+
/** Called after navigation. */
|
|
33
|
+
onNavigate?: () => void | Promise<void>;
|
|
34
|
+
dataAttributes?: DataAttributes;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* A first-level item. It either navigates, or it owns the second-level items and only opens and closes
|
|
38
|
+
* them. It opens them in place when the rail is expanded, in a floating panel when the rail is collapsed,
|
|
39
|
+
* and in the second column in double panel mode.
|
|
40
|
+
*/
|
|
41
|
+
declare const SidenavFirstLevelItem: ({ id, label, asset, showAssetWhenExpanded, rightSlot, standalone, secondLevelItems, defaultOpen, dataAttributes, ...navigationProps }: SidenavFirstLevelItemProps) => JSX.Element;
|
|
42
|
+
export { SidenavFirstLevelItem };
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "SidenavFirstLevelItem", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return ae;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
14
|
+
const _reacttransitiongroup = require("react-transition-group");
|
|
15
|
+
const _sidenavbarcssmistica = require("./sidenav-bar.css-mistica.js");
|
|
16
|
+
const _sidenavbarcontext = require("./sidenav-bar-context.js");
|
|
17
|
+
const _sidenavbarpanel = require("./sidenav-bar-panel.js");
|
|
18
|
+
const _sidenavbarrow = require("./sidenav-bar-row.js");
|
|
19
|
+
const _sidenavbarsecondlevelitem = require("./sidenav-bar-second-level-item.js");
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
21
|
+
if (typeof WeakMap !== "function") return null;
|
|
22
|
+
var cacheBabelInterop = new WeakMap();
|
|
23
|
+
var cacheNodeInterop = new WeakMap();
|
|
24
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
25
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
26
|
+
})(nodeInterop);
|
|
27
|
+
}
|
|
28
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
29
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
30
|
+
return obj;
|
|
31
|
+
}
|
|
32
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
33
|
+
return {
|
|
34
|
+
default: obj
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
38
|
+
if (cache && cache.has(obj)) {
|
|
39
|
+
return cache.get(obj);
|
|
40
|
+
}
|
|
41
|
+
var newObj = {
|
|
42
|
+
__proto__: null
|
|
43
|
+
};
|
|
44
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
45
|
+
for(var key in obj){
|
|
46
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
47
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
48
|
+
if (desc && (desc.get || desc.set)) {
|
|
49
|
+
Object.defineProperty(newObj, key, desc);
|
|
50
|
+
} else {
|
|
51
|
+
newObj[key] = obj[key];
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
newObj.default = obj;
|
|
56
|
+
if (cache) {
|
|
57
|
+
cache.set(obj, newObj);
|
|
58
|
+
}
|
|
59
|
+
return newObj;
|
|
60
|
+
}
|
|
61
|
+
function _object_without_properties(source, excluded) {
|
|
62
|
+
if (source == null) return {};
|
|
63
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
64
|
+
var key, i;
|
|
65
|
+
if (Object.getOwnPropertySymbols) {
|
|
66
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
67
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
68
|
+
key = sourceSymbolKeys[i];
|
|
69
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
70
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
71
|
+
target[key] = source[key];
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return target;
|
|
75
|
+
}
|
|
76
|
+
function _object_without_properties_loose(source, excluded) {
|
|
77
|
+
if (source == null) return {};
|
|
78
|
+
var target = {};
|
|
79
|
+
var sourceKeys = Object.keys(source);
|
|
80
|
+
var key, i;
|
|
81
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
82
|
+
key = sourceKeys[i];
|
|
83
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
84
|
+
target[key] = source[key];
|
|
85
|
+
}
|
|
86
|
+
return target;
|
|
87
|
+
}
|
|
88
|
+
const ae = (_param)=>{
|
|
89
|
+
var { id: e, label: a, asset: h, showAssetWhenExpanded: x = !0, rightSlot: C, standalone: E = !1, secondLevelItems: r, defaultOpen: T, dataAttributes: A } = _param, D = _object_without_properties(_param, [
|
|
90
|
+
"id",
|
|
91
|
+
"label",
|
|
92
|
+
"asset",
|
|
93
|
+
"showAssetWhenExpanded",
|
|
94
|
+
"rightSlot",
|
|
95
|
+
"standalone",
|
|
96
|
+
"secondLevelItems",
|
|
97
|
+
"defaultOpen",
|
|
98
|
+
"dataAttributes"
|
|
99
|
+
]);
|
|
100
|
+
const { collapsed: f, collapseState: g, isMotionOff: F, doublePanel: l, panelOpenForItemId: c, setPanelOpenForItemId: B, containerRef: M, selectedItemId: d } = (0, _sidenavbarcontext.useSidenavBarContext)(), _ = (0, _sidenavbarrow.useSidenavNavigation)(e, D), o = !!(r === null || r === void 0 ? void 0 : r.length), u = d === e, v = !!d && !!(r === null || r === void 0 ? void 0 : r.some((n)=>n.id === d)), [b, w] = _react.useState(!!T), I = _react.useId(), S = _react.useId(), O = _react.useRef(null), t = o && c === e, m = o && (f || l), p = o && !f && !m && b, P = m && !l, j = u || t || v && !p && !(c && c !== e), N = v ? d : null;
|
|
101
|
+
return _react.useEffect(()=>{
|
|
102
|
+
N !== null && w(!0);
|
|
103
|
+
}, [
|
|
104
|
+
N
|
|
105
|
+
]), _react.useEffect(()=>{
|
|
106
|
+
process.env.NODE_ENV !== "production" && !h && console.error(`SidenavBar item "${a}" is a first-level item without an asset, so the collapsed sidenav shows nothing of it. Pass an asset, and hide it with showAssetWhenExpanded if you do not want it next to the label.`);
|
|
107
|
+
}, [
|
|
108
|
+
h,
|
|
109
|
+
a
|
|
110
|
+
]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
111
|
+
role: E ? void 0 : "listitem",
|
|
112
|
+
children: [
|
|
113
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_sidenavbarrow.SidenavRow, {
|
|
114
|
+
id: e,
|
|
115
|
+
label: a,
|
|
116
|
+
asset: h,
|
|
117
|
+
showAsset: f || x,
|
|
118
|
+
rightSlot: C,
|
|
119
|
+
labelId: S,
|
|
120
|
+
showBackground: j,
|
|
121
|
+
showAccent: u,
|
|
122
|
+
current: u || v,
|
|
123
|
+
chevron: o ? {
|
|
124
|
+
rotated: p,
|
|
125
|
+
direction: l ? "right" : "down"
|
|
126
|
+
} : void 0,
|
|
127
|
+
placement: "rail",
|
|
128
|
+
tooltip: (g === "collapsed" || g === "expanding") && (l ? !t : !c),
|
|
129
|
+
navigation: o ? void 0 : _,
|
|
130
|
+
toggle: o ? {
|
|
131
|
+
onPress: ()=>{
|
|
132
|
+
m ? B(t ? null : e) : w((n)=>!n);
|
|
133
|
+
},
|
|
134
|
+
expanded: m ? t : p,
|
|
135
|
+
controls: t && P ? I : void 0
|
|
136
|
+
} : void 0,
|
|
137
|
+
dataAttributes: A
|
|
138
|
+
}),
|
|
139
|
+
o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
|
|
140
|
+
in: p,
|
|
141
|
+
timeout: F ? 0 : _sidenavbarcssmistica.CONTENT_DURATION_MS,
|
|
142
|
+
nodeRef: O,
|
|
143
|
+
classNames: _sidenavbarcssmistica.accordionTransitionClasses,
|
|
144
|
+
mountOnEnter: !0,
|
|
145
|
+
unmountOnExit: !0,
|
|
146
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
147
|
+
className: _sidenavbarcssmistica.accordionContainer,
|
|
148
|
+
ref: O,
|
|
149
|
+
"data-sidenav-accordion-for": e,
|
|
150
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
151
|
+
className: _sidenavbarcssmistica.accordion,
|
|
152
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
153
|
+
className: _sidenavbarcssmistica.accordionRows,
|
|
154
|
+
role: "list",
|
|
155
|
+
"aria-labelledby": S,
|
|
156
|
+
children: r === null || r === void 0 ? void 0 : r.map((n)=>(0, _sidenavbarsecondlevelitem.renderSidenavSecondLevelItem)(n, {
|
|
157
|
+
placement: "accordion"
|
|
158
|
+
}))
|
|
159
|
+
})
|
|
160
|
+
})
|
|
161
|
+
})
|
|
162
|
+
}),
|
|
163
|
+
t && P && /* @__PURE__ */ (0, _jsxruntime.jsx)(_sidenavbarpanel.SidenavDialogPanel, {
|
|
164
|
+
id: I,
|
|
165
|
+
itemId: e,
|
|
166
|
+
label: a,
|
|
167
|
+
containerRef: M,
|
|
168
|
+
children: r === null || r === void 0 ? void 0 : r.map((n)=>(0, _sidenavbarsecondlevelitem.renderSidenavSecondLevelItem)(n, {
|
|
169
|
+
placement: "panel"
|
|
170
|
+
}))
|
|
171
|
+
})
|
|
172
|
+
]
|
|
173
|
+
});
|
|
174
|
+
};
|