@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.10
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/README.md +5 -4
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-f1cf5156.js → helpers-eca4c27e.js} +80 -29
- package/dist/cjs/helpers-eca4c27e.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +9 -14
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +26 -3
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +47 -3
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +27 -15
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +13 -5
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +73 -9
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +7 -15
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +7 -6
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +24 -14
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +7 -15
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +486 -200
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +24 -26
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +10 -12
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +12 -11
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +23 -15
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +58 -28
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +192 -66
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +4 -5
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +21 -16
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +10 -8
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +43 -23
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +20 -20
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +4 -4
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +5 -3
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-f982899d.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/ag-theme-icds.css +218 -0
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/ic-accordion/ic-accordion.css +22 -20
- package/dist/collection/components/ic-accordion/ic-accordion.js +37 -31
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.stories.js +611 -0
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +6 -3
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +2 -12
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +18 -18
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +3 -3
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +38 -20
- package/dist/collection/components/ic-alert/ic-alert.js +52 -33
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.stories.js +271 -0
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +22 -4
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +5 -2
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +31 -4
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.stories.js +162 -0
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +14 -0
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.css +5 -5
- package/dist/collection/components/ic-badge/ic-badge.js +42 -4
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.stories.js +1092 -0
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +194 -0
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +13 -8
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +50 -3
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +45 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +44 -19
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +362 -0
- package/dist/collection/components/ic-button/ic-button.css +690 -420
- package/dist/collection/components/ic-button/ic-button.js +64 -46
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.stories.js +2208 -0
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +9 -9
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +99 -115
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +80 -52
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1050 -0
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +44 -3
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +47 -39
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +35 -3
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +15 -2
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +46 -3
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +699 -0
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +3 -0
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +64 -49
- package/dist/collection/components/ic-chip/ic-chip.js +66 -15
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.stories.js +980 -0
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +19 -0
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +14 -10
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
- package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
- package/dist/collection/components/ic-dialog/ic-dialog.css +16 -3
- package/dist/collection/components/ic-dialog/ic-dialog.js +37 -5
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1050 -0
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +27 -7
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.css +295 -4
- package/dist/collection/components/ic-divider/ic-divider.js +239 -12
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +90 -5
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.css +15 -0
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +31 -15
- package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +404 -0
- package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +101 -0
- package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -0
- package/dist/collection/components/ic-footer/ic-footer.css +21 -20
- package/dist/collection/components/ic-footer/ic-footer.js +26 -16
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.stories.js +384 -0
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +43 -2
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +24 -6
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +8 -7
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +1 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +11 -19
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +7 -8
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +1 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +25 -10
- package/dist/collection/components/ic-hero/ic-hero.js +10 -18
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.stories.js +448 -0
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +23 -5
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +2 -6
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +67 -11
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +43 -0
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +40 -17
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +23 -48
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +30 -3
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
- package/dist/collection/components/ic-input-label/ic-input-label.css +19 -20
- package/dist/collection/components/ic-input-label/ic-input-label.js +53 -34
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +35 -49
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +12 -3
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +7 -7
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +1 -25
- package/dist/collection/components/ic-link/ic-link.js +14 -16
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.stories.js +85 -0
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +3 -3
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +15 -10
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +50 -31
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +464 -0
- package/dist/collection/components/ic-menu/ic-menu.css +111 -29
- package/dist/collection/components/ic-menu/ic-menu.js +522 -201
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +381 -33
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -2
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +32 -28
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +67 -25
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +15 -2
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +18 -0
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +37 -10
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +3 -3
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +17 -12
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +35 -9
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +38 -65
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +88 -11
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +15 -3
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +9 -6
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +27 -2
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +7 -3
- package/dist/collection/components/ic-page-header/ic-page-header.js +30 -4
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.stories.js +823 -0
- package/dist/collection/components/ic-pagination/ic-pagination.css +15 -0
- package/dist/collection/components/ic-pagination/ic-pagination.js +65 -37
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.stories.js +164 -0
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +11 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +29 -9
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +54 -33
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +3 -0
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +5 -5
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +112 -26
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +504 -0
- package/dist/collection/components/ic-radio-group/ic-radio-group.css +17 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +81 -25
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +443 -0
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +12 -3
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +36 -28
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +73 -21
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +110 -10
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +101 -57
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +593 -0
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +63 -94
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.stories.js +62 -0
- package/dist/collection/components/ic-select/ic-select.css +93 -53
- package/dist/collection/components/ic-select/ic-select.js +267 -77
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
- package/dist/collection/components/ic-select/ic-select_(searchable).stories.js +965 -0
- package/dist/collection/components/ic-select/ic-select_(single).stories.js +790 -0
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +234 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +50 -34
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +18 -13
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +2526 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +6 -6
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +16 -10
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +143 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +6 -6
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +21 -2
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +196 -0
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +15 -32
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
- package/dist/collection/components/ic-step/ic-step.css +65 -98
- package/dist/collection/components/ic-step/ic-step.js +29 -3
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js +37 -19
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.stories.js +277 -0
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +4 -4
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +30 -48
- package/dist/collection/components/ic-switch/ic-switch.js +43 -30
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.stories.js +149 -0
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +3 -14
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js +11 -6
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +16 -0
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +60 -123
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +316 -0
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +2 -2
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +8 -0
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +1 -17
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +62 -8
- package/dist/collection/components/ic-text-field/ic-text-field.js +70 -24
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.stories.js +862 -0
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +26 -12
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +2 -2
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js +31 -31
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.stories.js +434 -0
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +7 -7
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +11 -11
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.css +31 -17
- package/dist/collection/components/ic-toast/ic-toast.js +2 -3
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.stories.js +396 -0
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +16 -16
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +187 -56
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +149 -42
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +427 -0
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +10 -0
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +144 -35
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +585 -0
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +187 -0
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +7 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +2 -5
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +366 -0
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +49 -21
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +39 -9
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +1098 -0
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +3 -3
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.css +7 -9
- package/dist/collection/components/ic-typography/ic-typography.js +3 -1
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.stories.js +447 -0
- package/dist/collection/patterns/top-nav-content-footer.stories.js +109 -0
- package/dist/collection/patterns/z-index.stories.js +474 -0
- package/dist/collection/testspec.setup.js +14 -0
- package/dist/collection/testspec.setup.js.map +1 -1
- package/dist/collection/utils/constants.js +1 -1
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +64 -19
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +73 -26
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +11 -11
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +14 -6
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +12 -16
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +9 -5
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +28 -5
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +44 -20
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +49 -3
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +21 -20
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +54 -50
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +25 -7
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +12 -4
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +32 -16
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +1 -1
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-row.js +1 -1
- package/dist/components/ic-dialog.js +13 -4
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +89 -12
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +10 -17
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +7 -8
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +8 -7
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +25 -15
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +9 -17
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +19 -9
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +23 -32
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +19 -20
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +9 -9
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +13 -15
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +11 -9
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +30 -21
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +472 -175
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +13 -9
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +12 -9
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +64 -10
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +6 -4
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +9 -6
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +15 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +25 -15
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +50 -26
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +61 -29
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +45 -23
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +70 -81
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +196 -67
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +17 -12
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +5 -5
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +5 -3
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +4 -4
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +14 -3
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +24 -18
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +60 -123
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -18
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +1 -1
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +10 -8
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field.js +371 -1
- package/dist/components/ic-text-field.js.map +1 -1
- package/dist/components/ic-theme.js +22 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast.js +4 -4
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +75 -14
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +76 -17
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +1 -1
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +15 -8
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +4 -2
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/ag-theme-icds.css +218 -0
- package/dist/core/core.css +1601 -77
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0cb72d37.entry.js +2 -0
- package/dist/core/p-0cb72d37.entry.js.map +1 -0
- package/dist/core/{p-a3b6a02d.entry.js → p-1223d0e9.entry.js} +2 -2
- package/dist/core/p-1223d0e9.entry.js.map +1 -0
- package/dist/core/p-190c3474.entry.js +2 -0
- package/dist/core/p-190c3474.entry.js.map +1 -0
- package/dist/core/p-199b9196.entry.js +2 -0
- package/dist/core/p-199b9196.entry.js.map +1 -0
- package/dist/core/p-1bf956cb.entry.js +2 -0
- package/dist/core/p-1bf956cb.entry.js.map +1 -0
- package/dist/core/{p-d8870804.entry.js → p-20ac0d2a.entry.js} +2 -2
- package/dist/core/p-2197e83e.entry.js +2 -0
- package/dist/core/p-2197e83e.entry.js.map +1 -0
- package/dist/core/{p-e861a2b3.entry.js → p-243ad74c.entry.js} +2 -2
- package/dist/core/p-243ad74c.entry.js.map +1 -0
- package/dist/core/p-24a34d72.entry.js +2 -0
- package/dist/core/p-24a34d72.entry.js.map +1 -0
- package/dist/core/{p-54238d16.entry.js → p-27274ca8.entry.js} +2 -2
- package/dist/core/p-27274ca8.entry.js.map +1 -0
- package/dist/core/p-29afeb33.entry.js +2 -0
- package/dist/core/p-29afeb33.entry.js.map +1 -0
- package/dist/core/p-2cc0d6b9.entry.js +2 -0
- package/dist/core/p-2cc0d6b9.entry.js.map +1 -0
- package/dist/core/p-31c84a47.entry.js +2 -0
- package/dist/core/p-31c84a47.entry.js.map +1 -0
- package/dist/core/p-33b44dc1.entry.js +2 -0
- package/dist/core/p-33b44dc1.entry.js.map +1 -0
- package/dist/core/p-36ac5305.entry.js +2 -0
- package/dist/core/p-36ac5305.entry.js.map +1 -0
- package/dist/core/p-404b482e.entry.js +2 -0
- package/dist/core/p-404b482e.entry.js.map +1 -0
- package/dist/core/{p-1e802eeb.entry.js → p-419d3378.entry.js} +2 -2
- package/dist/core/p-419d3378.entry.js.map +1 -0
- package/dist/core/p-47038ea3.entry.js +2 -0
- package/dist/core/p-47038ea3.entry.js.map +1 -0
- package/dist/core/p-490bf0ee.entry.js +2 -0
- package/dist/core/p-490bf0ee.entry.js.map +1 -0
- package/dist/core/p-4e6e34fe.entry.js +2 -0
- package/dist/core/p-4e6e34fe.entry.js.map +1 -0
- package/dist/core/p-4fce49bd.entry.js +2 -0
- package/dist/core/p-4fce49bd.entry.js.map +1 -0
- package/dist/core/p-50b04d0f.entry.js +2 -0
- package/dist/core/p-50b04d0f.entry.js.map +1 -0
- package/dist/core/p-5b42dbef.entry.js +2 -0
- package/dist/core/p-5b42dbef.entry.js.map +1 -0
- package/dist/core/p-5be2c26a.entry.js +2 -0
- package/dist/core/p-5be2c26a.entry.js.map +1 -0
- package/dist/core/p-5d5345a4.entry.js +2 -0
- package/dist/core/p-5d5345a4.entry.js.map +1 -0
- package/dist/core/p-5dcc0489.entry.js +2 -0
- package/dist/core/p-5dcc0489.entry.js.map +1 -0
- package/dist/core/p-5f6d6b3f.entry.js +2 -0
- package/dist/core/p-5f6d6b3f.entry.js.map +1 -0
- package/dist/core/p-5f74782e.entry.js +2 -0
- package/dist/core/p-5f74782e.entry.js.map +1 -0
- package/dist/core/p-641e244d.entry.js +2 -0
- package/dist/core/p-641e244d.entry.js.map +1 -0
- package/dist/core/{p-46ee459b.entry.js → p-6c1cf351.entry.js} +2 -2
- package/dist/core/p-6c1cf351.entry.js.map +1 -0
- package/dist/core/p-6e630778.entry.js +2 -0
- package/dist/core/p-6e630778.entry.js.map +1 -0
- package/dist/core/p-7c8cd719.entry.js +2 -0
- package/dist/core/p-7c8cd719.entry.js.map +1 -0
- package/dist/core/p-7c94e055.entry.js +2 -0
- package/dist/core/p-7c94e055.entry.js.map +1 -0
- package/dist/core/p-7fa74998.entry.js +2 -0
- package/dist/core/p-7fa74998.entry.js.map +1 -0
- package/dist/core/p-7ff4632d.entry.js +2 -0
- package/dist/core/p-7ff4632d.entry.js.map +1 -0
- package/dist/core/p-84c3a870.entry.js +2 -0
- package/dist/core/p-84c3a870.entry.js.map +1 -0
- package/dist/core/p-8624bb98.entry.js +2 -0
- package/dist/core/p-8624bb98.entry.js.map +1 -0
- package/dist/core/p-87aa30b4.entry.js +2 -0
- package/dist/core/p-87aa30b4.entry.js.map +1 -0
- package/dist/core/p-932f3e3c.js +2 -0
- package/dist/core/p-932f3e3c.js.map +1 -0
- package/dist/core/{p-e597da0e.entry.js → p-96b4ca6e.entry.js} +2 -2
- package/dist/core/p-96b4ca6e.entry.js.map +1 -0
- package/dist/core/p-9ad4bbf4.entry.js +2 -0
- package/dist/core/p-9ad4bbf4.entry.js.map +1 -0
- package/dist/core/p-9cfd6855.entry.js +2 -0
- package/dist/core/p-9cfd6855.entry.js.map +1 -0
- package/dist/core/p-a38f5453.entry.js +2 -0
- package/dist/core/p-a38f5453.entry.js.map +1 -0
- package/dist/core/p-af934e73.entry.js +2 -0
- package/dist/core/p-af934e73.entry.js.map +1 -0
- package/dist/core/p-b9941d97.entry.js +2 -0
- package/dist/core/p-b9941d97.entry.js.map +1 -0
- package/dist/core/p-cf0176be.entry.js +2 -0
- package/dist/core/p-cf0176be.entry.js.map +1 -0
- package/dist/core/p-cf5d88a9.entry.js +2 -0
- package/dist/core/p-cf5d88a9.entry.js.map +1 -0
- package/dist/core/p-d21d8014.entry.js +2 -0
- package/dist/core/p-d21d8014.entry.js.map +1 -0
- package/dist/core/p-df957570.entry.js +2 -0
- package/dist/core/p-df957570.entry.js.map +1 -0
- package/dist/core/p-e0730a5d.entry.js +2 -0
- package/dist/core/p-e0730a5d.entry.js.map +1 -0
- package/dist/core/p-e1f8d915.entry.js +2 -0
- package/dist/core/p-e1f8d915.entry.js.map +1 -0
- package/dist/core/{p-5a2630fb.entry.js → p-e4cb5585.entry.js} +2 -2
- package/dist/core/p-e4cb5585.entry.js.map +1 -0
- package/dist/core/p-f073fc69.entry.js +2 -0
- package/dist/core/p-f073fc69.entry.js.map +1 -0
- package/dist/core/p-f2d9eefe.entry.js +2 -0
- package/dist/core/p-f2d9eefe.entry.js.map +1 -0
- package/dist/core/p-f7872eef.entry.js +2 -0
- package/dist/core/p-f7872eef.entry.js.map +1 -0
- package/dist/core/{p-bf4c61cb.entry.js → p-f9dceda0.entry.js} +2 -2
- package/dist/core/{p-bf4c61cb.entry.js.map → p-f9dceda0.entry.js.map} +1 -1
- package/dist/core/{p-c81109da.entry.js → p-fac53f92.entry.js} +2 -2
- package/dist/core/p-fac53f92.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-1c9151ef.js → helpers-2624c32c.js} +74 -27
- package/dist/esm/helpers-2624c32c.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +10 -10
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +12 -5
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +10 -15
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +9 -6
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +26 -3
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +47 -3
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +28 -26
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +49 -48
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +21 -6
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +10 -4
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +28 -16
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +13 -5
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +74 -10
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +8 -16
- package/dist/esm/ic-empty-state.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +6 -7
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +7 -6
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +24 -14
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +8 -16
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +487 -201
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +24 -26
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +10 -12
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +3 -3
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +25 -18
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +11 -8
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +10 -8
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +61 -9
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +5 -4
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +8 -6
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +12 -11
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +23 -15
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +47 -25
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +58 -28
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +42 -22
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +54 -56
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +192 -66
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +16 -11
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +4 -4
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +5 -4
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +4 -5
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +12 -2
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +21 -16
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +60 -123
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -19
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +10 -8
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +43 -23
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +20 -20
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +4 -4
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +62 -12
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +64 -9
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +13 -7
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +5 -3
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-d1d2c456.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +7 -5
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +4 -4
- package/dist/types/components/ic-alert/ic-alert.d.ts +9 -6
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +5 -0
- package/dist/types/components/ic-badge/ic-badge.d.ts +5 -0
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +8 -0
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +1 -0
- package/dist/types/components/ic-button/ic-button.d.ts +11 -7
- package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
- package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +9 -5
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +7 -2
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +8 -1
- package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +7 -2
- package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
- package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
- package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +5 -2
- package/dist/types/components/ic-footer/ic-footer.d.ts +4 -3
- package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -2
- package/dist/types/components/ic-hero/ic-hero.d.ts +3 -4
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +2 -5
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -4
- package/dist/types/components/ic-link/ic-link.d.ts +2 -2
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +9 -5
- package/dist/types/components/ic-menu/ic-menu.d.ts +49 -16
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +12 -5
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +7 -3
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +7 -3
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +14 -3
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -0
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +10 -5
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +10 -5
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +9 -7
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +6 -1
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +10 -3
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +15 -3
- package/dist/types/components/ic-select/ic-select.d.ts +36 -16
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +3 -3
- package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -2
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +4 -0
- package/dist/types/components/ic-step/ic-step.d.ts +5 -0
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +6 -4
- package/dist/types/components/ic-switch/ic-switch.d.ts +7 -6
- package/dist/types/components/ic-tab/ic-tab.d.ts +1 -0
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +8 -6
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +0 -4
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +10 -2
- package/dist/types/components/ic-theme/ic-theme.d.ts +8 -8
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +16 -7
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +21 -5
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +1 -1
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +7 -3
- package/dist/types/components.d.ts +516 -159
- package/dist/types/testspec.setup.d.ts +9 -0
- package/dist/types/utils/helpers.d.ts +22 -8
- package/dist/types/utils/types.d.ts +8 -6
- package/hydrate/index.js +1974 -1046
- package/package.json +20 -19
- package/vscode-data.json +655 -166
- package/dist/cjs/helpers-f1cf5156.js.map +0 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +0 -339
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +0 -1106
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +0 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +0 -49
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +0 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +0 -109
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +0 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +0 -39
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +0 -1
- package/dist/components/ic-text-field2.js +0 -353
- package/dist/components/ic-text-field2.js.map +0 -1
- package/dist/core/p-09104e40.entry.js +0 -2
- package/dist/core/p-09104e40.entry.js.map +0 -1
- package/dist/core/p-0c0b1c74.entry.js +0 -2
- package/dist/core/p-0c0b1c74.entry.js.map +0 -1
- package/dist/core/p-0c3a0d85.entry.js +0 -2
- package/dist/core/p-0c3a0d85.entry.js.map +0 -1
- package/dist/core/p-1083a708.entry.js +0 -2
- package/dist/core/p-1083a708.entry.js.map +0 -1
- package/dist/core/p-130dd440.entry.js +0 -2
- package/dist/core/p-130dd440.entry.js.map +0 -1
- package/dist/core/p-1e802eeb.entry.js.map +0 -1
- package/dist/core/p-21312898.entry.js +0 -2
- package/dist/core/p-21312898.entry.js.map +0 -1
- package/dist/core/p-21e5dd29.entry.js +0 -2
- package/dist/core/p-21e5dd29.entry.js.map +0 -1
- package/dist/core/p-2ab86057.entry.js +0 -2
- package/dist/core/p-2ab86057.entry.js.map +0 -1
- package/dist/core/p-312cacae.js +0 -2
- package/dist/core/p-312cacae.js.map +0 -1
- package/dist/core/p-31fc8756.entry.js +0 -2
- package/dist/core/p-31fc8756.entry.js.map +0 -1
- package/dist/core/p-355acffa.entry.js +0 -2
- package/dist/core/p-355acffa.entry.js.map +0 -1
- package/dist/core/p-35b8b480.entry.js +0 -2
- package/dist/core/p-35b8b480.entry.js.map +0 -1
- package/dist/core/p-363d6e88.entry.js +0 -2
- package/dist/core/p-363d6e88.entry.js.map +0 -1
- package/dist/core/p-40e9e76a.entry.js +0 -2
- package/dist/core/p-40e9e76a.entry.js.map +0 -1
- package/dist/core/p-43f9a711.entry.js +0 -2
- package/dist/core/p-43f9a711.entry.js.map +0 -1
- package/dist/core/p-46ee459b.entry.js.map +0 -1
- package/dist/core/p-54238d16.entry.js.map +0 -1
- package/dist/core/p-550d7356.entry.js +0 -2
- package/dist/core/p-550d7356.entry.js.map +0 -1
- package/dist/core/p-56d1828c.entry.js +0 -2
- package/dist/core/p-56d1828c.entry.js.map +0 -1
- package/dist/core/p-5a2630fb.entry.js.map +0 -1
- package/dist/core/p-5a52614c.entry.js +0 -2
- package/dist/core/p-5a52614c.entry.js.map +0 -1
- package/dist/core/p-60efd7fa.entry.js +0 -2
- package/dist/core/p-60efd7fa.entry.js.map +0 -1
- package/dist/core/p-69f3ce5a.entry.js +0 -2
- package/dist/core/p-69f3ce5a.entry.js.map +0 -1
- package/dist/core/p-78ce4920.entry.js +0 -2
- package/dist/core/p-78ce4920.entry.js.map +0 -1
- package/dist/core/p-79d2a33b.entry.js +0 -2
- package/dist/core/p-79d2a33b.entry.js.map +0 -1
- package/dist/core/p-80237a20.entry.js +0 -2
- package/dist/core/p-80237a20.entry.js.map +0 -1
- package/dist/core/p-804513ad.entry.js +0 -2
- package/dist/core/p-804513ad.entry.js.map +0 -1
- package/dist/core/p-82375dca.entry.js +0 -2
- package/dist/core/p-82375dca.entry.js.map +0 -1
- package/dist/core/p-8e1e25a7.entry.js +0 -2
- package/dist/core/p-8e1e25a7.entry.js.map +0 -1
- package/dist/core/p-a1a1000d.entry.js +0 -2
- package/dist/core/p-a1a1000d.entry.js.map +0 -1
- package/dist/core/p-a1b1a0ab.entry.js +0 -2
- package/dist/core/p-a1b1a0ab.entry.js.map +0 -1
- package/dist/core/p-a37bcdbe.entry.js +0 -2
- package/dist/core/p-a37bcdbe.entry.js.map +0 -1
- package/dist/core/p-a3b6a02d.entry.js.map +0 -1
- package/dist/core/p-a765ad17.entry.js +0 -2
- package/dist/core/p-a765ad17.entry.js.map +0 -1
- package/dist/core/p-aa2be24c.entry.js +0 -2
- package/dist/core/p-aa2be24c.entry.js.map +0 -1
- package/dist/core/p-b12a5283.entry.js +0 -2
- package/dist/core/p-b12a5283.entry.js.map +0 -1
- package/dist/core/p-b1b05979.entry.js +0 -2
- package/dist/core/p-b1b05979.entry.js.map +0 -1
- package/dist/core/p-c6795377.entry.js +0 -2
- package/dist/core/p-c6795377.entry.js.map +0 -1
- package/dist/core/p-c81109da.entry.js.map +0 -1
- package/dist/core/p-cb4d104e.entry.js +0 -2
- package/dist/core/p-cb4d104e.entry.js.map +0 -1
- package/dist/core/p-d2f89cb5.entry.js +0 -2
- package/dist/core/p-d2f89cb5.entry.js.map +0 -1
- package/dist/core/p-d43d1ec0.entry.js +0 -2
- package/dist/core/p-d43d1ec0.entry.js.map +0 -1
- package/dist/core/p-d5829a35.entry.js +0 -2
- package/dist/core/p-d5829a35.entry.js.map +0 -1
- package/dist/core/p-ddb8d280.entry.js +0 -2
- package/dist/core/p-ddb8d280.entry.js.map +0 -1
- package/dist/core/p-e0e34fa7.entry.js +0 -2
- package/dist/core/p-e0e34fa7.entry.js.map +0 -1
- package/dist/core/p-e4b276b5.entry.js +0 -2
- package/dist/core/p-e4b276b5.entry.js.map +0 -1
- package/dist/core/p-e597da0e.entry.js.map +0 -1
- package/dist/core/p-e861a2b3.entry.js.map +0 -1
- package/dist/core/p-ea277b05.entry.js +0 -2
- package/dist/core/p-ea277b05.entry.js.map +0 -1
- package/dist/core/p-ef871b8f.entry.js +0 -2
- package/dist/core/p-ef871b8f.entry.js.map +0 -1
- package/dist/core/p-f229d19e.entry.js +0 -2
- package/dist/core/p-f229d19e.entry.js.map +0 -1
- package/dist/core/p-f30f3a3e.entry.js +0 -2
- package/dist/core/p-f30f3a3e.entry.js.map +0 -1
- package/dist/core/p-fa587e6d.entry.js +0 -2
- package/dist/core/p-fa587e6d.entry.js.map +0 -1
- package/dist/core/p-fb6ac08d.entry.js +0 -2
- package/dist/core/p-fb6ac08d.entry.js.map +0 -1
- package/dist/esm/helpers-1c9151ef.js.map +0 -1
- /package/dist/core/{p-d8870804.entry.js.map → p-20ac0d2a.entry.js.map} +0 -0
@@ -0,0 +1,366 @@
|
|
1
|
+
import { html } from "lit-html";
|
2
|
+
|
3
|
+
const defaultArgs = {
|
4
|
+
disableHover: false,
|
5
|
+
maxLines: 3,
|
6
|
+
placement: "bottom",
|
7
|
+
label: "This is a description of the button",
|
8
|
+
theme: "inherit",
|
9
|
+
};
|
10
|
+
|
11
|
+
export default {
|
12
|
+
title: "Web Components/Tooltip",
|
13
|
+
component: "ic-tooltip",
|
14
|
+
};
|
15
|
+
|
16
|
+
export const Default = {
|
17
|
+
render: (args) =>
|
18
|
+
html`<ic-tooltip
|
19
|
+
label="This is a description of the button"
|
20
|
+
target="test-button-default"
|
21
|
+
id="ic-tooltip-test-button-default"
|
22
|
+
><button
|
23
|
+
id="test-button-default"
|
24
|
+
aria-describedby="ic-tooltip-test-button-default"
|
25
|
+
>
|
26
|
+
Default
|
27
|
+
</button></ic-tooltip
|
28
|
+
>`,
|
29
|
+
|
30
|
+
name: "Default",
|
31
|
+
height: "100px",
|
32
|
+
};
|
33
|
+
|
34
|
+
export const UsingExternalMethod = {
|
35
|
+
render: (args) =>
|
36
|
+
html`<script>
|
37
|
+
let display = true;
|
38
|
+
document
|
39
|
+
.querySelector("#clickMe")
|
40
|
+
.addEventListener("click", handleDisplay);
|
41
|
+
const tooltip = document.querySelector("ic-tooltip");
|
42
|
+
function handleDisplay() {
|
43
|
+
tooltip.displayTooltip(display, display);
|
44
|
+
display = !display;
|
45
|
+
}
|
46
|
+
</script>
|
47
|
+
<button id="clickMe">Show tooltip</button>
|
48
|
+
<ic-tooltip
|
49
|
+
label="This is a description of the button"
|
50
|
+
target="test-button-default"
|
51
|
+
id="ic-tooltip-test-button-default"
|
52
|
+
><button
|
53
|
+
id="test-button-default"
|
54
|
+
aria-describedby="ic-tooltip-test-button-default"
|
55
|
+
>
|
56
|
+
Default
|
57
|
+
</button></ic-tooltip
|
58
|
+
>`,
|
59
|
+
|
60
|
+
name: "Using external method",
|
61
|
+
height: "100px",
|
62
|
+
};
|
63
|
+
|
64
|
+
export const DisabledHover = {
|
65
|
+
render: (args) =>
|
66
|
+
html`<ic-tooltip
|
67
|
+
label="This shows 'Code' has been copied"
|
68
|
+
target="test-button-disable-hover"
|
69
|
+
id="ic-tooltip-test-button-disable-hover"
|
70
|
+
disable-hover="true"
|
71
|
+
><button
|
72
|
+
id="test-button-disable-hover"
|
73
|
+
aria-labelledby="ic-tooltip-test-button-disable-hover"
|
74
|
+
onclick="navigator.clipboard.writeText('Code')"
|
75
|
+
>
|
76
|
+
Show tooltip
|
77
|
+
</button></ic-tooltip
|
78
|
+
>`,
|
79
|
+
|
80
|
+
name: "Disabled Hover",
|
81
|
+
height: "100px",
|
82
|
+
};
|
83
|
+
|
84
|
+
export const TopPlacements = {
|
85
|
+
render: (args) =>
|
86
|
+
html` <div style="margin: 40px">
|
87
|
+
<ic-tooltip
|
88
|
+
placement="top-start"
|
89
|
+
label="This is a description of the button"
|
90
|
+
id="ic-tooltip-test-button-top-start"
|
91
|
+
target="test-button-top-start"
|
92
|
+
>
|
93
|
+
<button
|
94
|
+
id="test-button-top-start"
|
95
|
+
aria-describedby="ic-tooltip-test-button-top-start"
|
96
|
+
>
|
97
|
+
Top start
|
98
|
+
</button>
|
99
|
+
</ic-tooltip>
|
100
|
+
<ic-tooltip
|
101
|
+
placement="top"
|
102
|
+
label="This is a description of the button"
|
103
|
+
id="ic-tooltip-test-button-top"
|
104
|
+
target="test-button-top"
|
105
|
+
>
|
106
|
+
<button
|
107
|
+
id="test-button-top"
|
108
|
+
aria-describedby="ic-tooltip-test-button-top"
|
109
|
+
>
|
110
|
+
Top
|
111
|
+
</button>
|
112
|
+
</ic-tooltip>
|
113
|
+
<ic-tooltip
|
114
|
+
placement="top-end"
|
115
|
+
label="This is a description of the button"
|
116
|
+
id="ic-tooltip-test-button-top-end"
|
117
|
+
target="test-button-top-end"
|
118
|
+
>
|
119
|
+
<button
|
120
|
+
id="test-button-top-end"
|
121
|
+
aria-describedby="ic-tooltip-test-button-top-end"
|
122
|
+
>
|
123
|
+
Top end
|
124
|
+
</button></ic-tooltip
|
125
|
+
>
|
126
|
+
</div>`,
|
127
|
+
|
128
|
+
name: "Top placements",
|
129
|
+
};
|
130
|
+
|
131
|
+
export const BottomPlacements = {
|
132
|
+
render: (args) =>
|
133
|
+
html` <div style="margin: 40px">
|
134
|
+
<ic-tooltip
|
135
|
+
placement="bottom-start"
|
136
|
+
label="This is a description of the button"
|
137
|
+
id="ic-tooltip-test-button-bottom-start"
|
138
|
+
target="test-button-bottom-start"
|
139
|
+
>
|
140
|
+
<button
|
141
|
+
id="test-button-bottom-start"
|
142
|
+
aria-describedby="ic-tooltip-test-button-bottom-start"
|
143
|
+
>
|
144
|
+
Bottom start
|
145
|
+
</button>
|
146
|
+
</ic-tooltip>
|
147
|
+
<ic-tooltip
|
148
|
+
placement="bottom"
|
149
|
+
label="This is a description of the button"
|
150
|
+
id="ic-tooltip-test-button-bottom"
|
151
|
+
target="test-button-bottom"
|
152
|
+
>
|
153
|
+
<button
|
154
|
+
id="test-button-bottom"
|
155
|
+
aria-describedby="ic-tooltip-test-button-bottom"
|
156
|
+
>
|
157
|
+
Bottom
|
158
|
+
</button>
|
159
|
+
</ic-tooltip>
|
160
|
+
<ic-tooltip
|
161
|
+
placement="bottom-end"
|
162
|
+
label="This is a description of the button"
|
163
|
+
id="ic-tooltip-test-button-bottom-end"
|
164
|
+
target="test-button-bottom-end"
|
165
|
+
>
|
166
|
+
<button
|
167
|
+
id="test-button-bottom-end"
|
168
|
+
aria-describedby="ic-tooltip-test-button-bottom-end"
|
169
|
+
>
|
170
|
+
Bottom end
|
171
|
+
</button></ic-tooltip
|
172
|
+
>
|
173
|
+
</div>`,
|
174
|
+
|
175
|
+
name: "Bottom placements",
|
176
|
+
};
|
177
|
+
|
178
|
+
export const RightPlacements = {
|
179
|
+
render: (args) =>
|
180
|
+
html` <div style="margin: 40px">
|
181
|
+
<ic-tooltip
|
182
|
+
placement="right-start"
|
183
|
+
label="This is a description of the button"
|
184
|
+
id="ic-tooltip-test-button-right-start"
|
185
|
+
target="test-button-right-start"
|
186
|
+
>
|
187
|
+
<button
|
188
|
+
id="test-button-right-start"
|
189
|
+
aria-describedby="ic-tooltip-test-button-right-start"
|
190
|
+
>
|
191
|
+
Right start
|
192
|
+
</button>
|
193
|
+
</ic-tooltip>
|
194
|
+
<ic-tooltip
|
195
|
+
placement="right"
|
196
|
+
label="This is a description of the button"
|
197
|
+
id="ic-tooltip-test-button-right"
|
198
|
+
target="test-button-right"
|
199
|
+
>
|
200
|
+
<button
|
201
|
+
id="test-button-right"
|
202
|
+
aria-describedby="ic-tooltip-test-button-right"
|
203
|
+
>
|
204
|
+
Right
|
205
|
+
</button>
|
206
|
+
</ic-tooltip>
|
207
|
+
<ic-tooltip
|
208
|
+
placement="right-end"
|
209
|
+
label="This is a description of the button"
|
210
|
+
id="ic-tooltip-test-button-right-end"
|
211
|
+
target="test-button-right-end"
|
212
|
+
>
|
213
|
+
<button
|
214
|
+
id="test-button-right-end"
|
215
|
+
aria-describedby="ic-tooltip-test-button-right-end"
|
216
|
+
>
|
217
|
+
Right end
|
218
|
+
</button></ic-tooltip
|
219
|
+
>
|
220
|
+
</div>`,
|
221
|
+
|
222
|
+
name: "Right placements",
|
223
|
+
};
|
224
|
+
|
225
|
+
export const LeftPlacements = {
|
226
|
+
render: (args) =>
|
227
|
+
html` <div style="margin-left: 400px">
|
228
|
+
<ic-tooltip
|
229
|
+
placement="left-start"
|
230
|
+
label="This is a description of the button"
|
231
|
+
id="ic-tooltip-test-button-left-start"
|
232
|
+
target="test-button-left-start"
|
233
|
+
>
|
234
|
+
<button
|
235
|
+
id="test-button-left-start"
|
236
|
+
aria-describedby="ic-tooltip-test-button-left-start"
|
237
|
+
>
|
238
|
+
Left start
|
239
|
+
</button>
|
240
|
+
</ic-tooltip>
|
241
|
+
<ic-tooltip
|
242
|
+
placement="left"
|
243
|
+
label="This is a description of the button"
|
244
|
+
id="ic-tooltip-test-button-left"
|
245
|
+
target="test-button-left"
|
246
|
+
>
|
247
|
+
<button
|
248
|
+
id="test-button-left"
|
249
|
+
aria-describedby="ic-tooltip-test-button-left"
|
250
|
+
>
|
251
|
+
Left
|
252
|
+
</button>
|
253
|
+
</ic-tooltip>
|
254
|
+
<ic-tooltip
|
255
|
+
placement="left-end"
|
256
|
+
label="This is a description of the button"
|
257
|
+
id="ic-tooltip-test-button-left-end"
|
258
|
+
target="test-button-left-end"
|
259
|
+
>
|
260
|
+
<button
|
261
|
+
id="test-button-left-end"
|
262
|
+
aria-describedby="ic-tooltip-test-button-left-end"
|
263
|
+
>
|
264
|
+
Left end
|
265
|
+
</button></ic-tooltip
|
266
|
+
>
|
267
|
+
</div>`,
|
268
|
+
|
269
|
+
name: "Left placements",
|
270
|
+
};
|
271
|
+
|
272
|
+
export const Truncation = {
|
273
|
+
render: (args) =>
|
274
|
+
html`<ic-tooltip
|
275
|
+
label="This is a body of text that is truncated to three lines within a tooltip. It has been truncated based on the max-lines property. The number of lines in the text is clamped to the number passed through the max-lines property."
|
276
|
+
target="test-button-truncation"
|
277
|
+
max-lines="3"
|
278
|
+
id="ic-tooltip-test-button-truncation"
|
279
|
+
><button
|
280
|
+
id="test-button-truncation"
|
281
|
+
aria-describedby="ic-tooltip-test-button-truncation"
|
282
|
+
>
|
283
|
+
Default
|
284
|
+
</button></ic-tooltip
|
285
|
+
>`,
|
286
|
+
|
287
|
+
name: "Truncation",
|
288
|
+
height: "100px",
|
289
|
+
};
|
290
|
+
|
291
|
+
export const DarkBackground = {
|
292
|
+
render: (args) =>
|
293
|
+
html`<div style="height: 100px;background-color:#333333;">
|
294
|
+
<ic-tooltip
|
295
|
+
label="This is a description of the button"
|
296
|
+
id="ic-tooltip-test-button-dark"
|
297
|
+
target="test-button-dark"
|
298
|
+
>
|
299
|
+
<button
|
300
|
+
id="test-button-dark"
|
301
|
+
aria-describedby="ic-tooltip-test-button-dark"
|
302
|
+
>
|
303
|
+
Default
|
304
|
+
</button>
|
305
|
+
</ic-tooltip>
|
306
|
+
</div>`,
|
307
|
+
|
308
|
+
name: "Dark background",
|
309
|
+
};
|
310
|
+
|
311
|
+
export const Playground = {
|
312
|
+
render: (args) =>
|
313
|
+
html`<div style="margin: 250px">
|
314
|
+
<ic-tooltip
|
315
|
+
label=${args.label}
|
316
|
+
placement=${args.placement}
|
317
|
+
max-lines=${args.maxLines}
|
318
|
+
disable-hover=${args.disableHover}
|
319
|
+
id="ic-tooltip-test-button-default"
|
320
|
+
target="button-id"
|
321
|
+
theme=${args.theme}
|
322
|
+
>
|
323
|
+
<button
|
324
|
+
id="button-id"
|
325
|
+
aria-describedby="ic-tooltip-test-button-default"
|
326
|
+
>
|
327
|
+
Button 1
|
328
|
+
</button>
|
329
|
+
</ic-tooltip>
|
330
|
+
</div> `,
|
331
|
+
|
332
|
+
args: defaultArgs,
|
333
|
+
|
334
|
+
argTypes: {
|
335
|
+
placement: {
|
336
|
+
options: [
|
337
|
+
"bottom",
|
338
|
+
"top-start",
|
339
|
+
"top",
|
340
|
+
"top-end",
|
341
|
+
"right-start",
|
342
|
+
"right",
|
343
|
+
"right-end",
|
344
|
+
"bottom-end",
|
345
|
+
"bottom-start",
|
346
|
+
"left-end",
|
347
|
+
"left",
|
348
|
+
"left-start",
|
349
|
+
],
|
350
|
+
|
351
|
+
control: {
|
352
|
+
type: "select",
|
353
|
+
},
|
354
|
+
},
|
355
|
+
|
356
|
+
theme: {
|
357
|
+
options: ["inherit", "light", "dark"],
|
358
|
+
|
359
|
+
control: {
|
360
|
+
type: "inline-radio",
|
361
|
+
},
|
362
|
+
},
|
363
|
+
},
|
364
|
+
|
365
|
+
name: "Playground",
|
366
|
+
};
|
@@ -443,15 +443,42 @@ video {
|
|
443
443
|
|
444
444
|
:host {
|
445
445
|
display: block;
|
446
|
-
color: var(--ic-
|
446
|
+
color: var(--ic-top-navigation-text);
|
447
447
|
width: 100%;
|
448
448
|
position: relative;
|
449
449
|
|
450
|
-
--ic-typography-color:
|
450
|
+
--ic-typography-color: var(--ic-top-navigation-text);
|
451
|
+
|
452
|
+
--ic-button-secondary-text-monochrome: var(--ic-brand-text-color);
|
453
|
+
--ic-button-secondary-border-monochrome: var(--ic-brand-text-color);
|
454
|
+
}
|
455
|
+
|
456
|
+
:host(.dark) {
|
457
|
+
color: var(--ic-color-text-primary-light);
|
458
|
+
--ic-typography-color: var(--ic-color-text-primary-light);
|
459
|
+
--ic-top-navigation-logo: var(--ic-color-icon-neutral);
|
460
|
+
--ic-top-navigation-icon: var(--ic-color-icon-neutral);
|
461
|
+
--ic-top-navigation-theme: var(--ic-color-icon-neutral);
|
462
|
+
--ic-top-navigation-status-tag: var(--ic-color-background-primary-dark);
|
463
|
+
--ic-top-navigation-status-tag-text: var(--ic-color-brand-text);
|
464
|
+
--ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);
|
465
|
+
--navigation-link-colour: var(--ic-color-text-primary-light);
|
466
|
+
}
|
467
|
+
|
468
|
+
:host ::slotted(ic-navigation-item) {
|
469
|
+
--navigation-link-colour: var(--ic-top-navigation-text);
|
470
|
+
}
|
471
|
+
|
472
|
+
:host(.dark) ::slotted(ic-navigation-button) {
|
473
|
+
--ic-button-icon-monochrome: var(--ic-color-text-primary-light);
|
474
|
+
}
|
475
|
+
|
476
|
+
::slotted(ic-navigation-button) {
|
477
|
+
--ic-button-icon-monochrome: white;
|
451
478
|
}
|
452
479
|
|
453
480
|
:host .top-navigation {
|
454
|
-
background-color: var(--ic-
|
481
|
+
background-color: var(--ic-top-navigation-background);
|
455
482
|
height: -moz-max-content;
|
456
483
|
height: max-content;
|
457
484
|
}
|
@@ -474,17 +501,17 @@ video {
|
|
474
501
|
:host .title-link ::slotted(a),
|
475
502
|
:host .title-link:visited ::slotted(a),
|
476
503
|
:host .title-link:active ::slotted(a) {
|
477
|
-
color: var(--ic-
|
504
|
+
color: var(--ic-top-navigation-icon-and-label);
|
478
505
|
text-decoration: none;
|
479
506
|
outline: none;
|
480
507
|
}
|
481
508
|
|
482
509
|
:host .title-link:hover:not(:focus) {
|
483
|
-
background-color: var(--ic-
|
510
|
+
background-color: var(--ic-top-navigation-title-hover);
|
484
511
|
}
|
485
512
|
|
486
513
|
:host .title-link:active:not(:focus) {
|
487
|
-
background-color: var(--ic-
|
514
|
+
background-color: var(--ic-top-navigation-title-pressed);
|
488
515
|
}
|
489
516
|
|
490
517
|
:host .title-link:hover {
|
@@ -503,7 +530,7 @@ video {
|
|
503
530
|
}
|
504
531
|
|
505
532
|
:host .nav-panel-container {
|
506
|
-
border-top: var(--ic-
|
533
|
+
border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);
|
507
534
|
padding: 0 var(--ic-space-lg);
|
508
535
|
margin-left: calc(-1 * var(--section-container-margin));
|
509
536
|
margin-right: calc(-1 * var(--section-container-margin));
|
@@ -511,7 +538,7 @@ video {
|
|
511
538
|
}
|
512
539
|
|
513
540
|
:host(.dark) .nav-panel-container {
|
514
|
-
border-top: var(--ic-keyline-darken);
|
541
|
+
border-top: var(--ic-border-keyline-darken);
|
515
542
|
}
|
516
543
|
|
517
544
|
.top-panel-container {
|
@@ -556,8 +583,9 @@ video {
|
|
556
583
|
|
557
584
|
:host .app-status {
|
558
585
|
border-radius: var(--ic-space-md);
|
559
|
-
background-color: var(--ic-
|
560
|
-
color: var(--ic-
|
586
|
+
background-color: var(--ic-top-navigation-status-tag);
|
587
|
+
color: var(--ic-top-navigation-status-tag-text);
|
588
|
+
--ic-typography-color: var(--ic-top-navigation-status-tag-text);
|
561
589
|
padding: var(--ic-space-xxs) var(--ic-space-lg);
|
562
590
|
margin-left: var(--ic-space-md);
|
563
591
|
flex: 1 1 0;
|
@@ -565,14 +593,10 @@ video {
|
|
565
593
|
max-width: fit-content;
|
566
594
|
}
|
567
595
|
|
568
|
-
:host(.dark) .app-status {
|
569
|
-
background-color: var(--ic-theme-text);
|
570
|
-
color: var(--ic-architectural-white);
|
571
|
-
}
|
572
|
-
|
573
596
|
:host .app-version {
|
574
597
|
border-radius: var(--ic-space-md);
|
575
|
-
background-color: var(--ic-
|
598
|
+
background-color: var(--ic-top-navigation-status-tag-secondary);
|
599
|
+
color: var(--ic-top-navigation-status-tag);
|
576
600
|
padding: var(--ic-space-xxs) var(--ic-space-sm);
|
577
601
|
margin-left: var(--ic-space-xs);
|
578
602
|
flex: 1 1 0;
|
@@ -581,13 +605,13 @@ video {
|
|
581
605
|
}
|
582
606
|
|
583
607
|
slot[name="app-icon"]::slotted(*) {
|
584
|
-
fill: var(--ic-
|
608
|
+
fill: var(--ic-top-navigation-logo);
|
585
609
|
width: 2em;
|
586
610
|
height: 2em;
|
587
611
|
}
|
588
612
|
|
589
613
|
slot[name="toggle-icon"] svg {
|
590
|
-
fill: var(--ic-
|
614
|
+
fill: var(--ic-top-navigation-icon);
|
591
615
|
}
|
592
616
|
|
593
617
|
.search-menu-container {
|
@@ -673,7 +697,7 @@ slot[name="toggle-icon"] svg {
|
|
673
697
|
display: flex;
|
674
698
|
justify-content: center;
|
675
699
|
align-items: center;
|
676
|
-
border-top: var(--ic-keyline-darken);
|
700
|
+
border-top: var(--ic-border-keyline-darken);
|
677
701
|
height: 4rem;
|
678
702
|
padding-left: var(--ic-space-md);
|
679
703
|
padding-right: var(--ic-space-md);
|
@@ -718,15 +742,19 @@ slot[name="toggle-icon"] svg {
|
|
718
742
|
|
719
743
|
@media (forced-colors: active) {
|
720
744
|
:host .top-navigation {
|
721
|
-
border-bottom: var(--ic-hc
|
745
|
+
border-bottom: var(--ic-border-hc);
|
722
746
|
}
|
723
747
|
|
724
748
|
.app-status,
|
725
749
|
.app-version {
|
726
|
-
border: var(--ic-hc
|
750
|
+
border: var(--ic-border-hc);
|
727
751
|
}
|
728
752
|
|
729
753
|
slot[name="app-icon"]::slotted(*) {
|
730
754
|
fill: currentcolor;
|
731
755
|
}
|
756
|
+
|
757
|
+
slot[name="toggle-icon"] svg {
|
758
|
+
fill: currentcolor;
|
759
|
+
}
|
732
760
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Host, h, } from "@stencil/core";
|
2
|
-
import {
|
3
|
-
import { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize,
|
2
|
+
import { IcBrandForegroundEnum, } from "../../utils/types";
|
3
|
+
import { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from "../../utils/helpers";
|
4
4
|
/**
|
5
5
|
* @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
|
6
6
|
* @slot app-title - Handle routing by nesting a route in the app title.
|
@@ -77,7 +77,7 @@ export class TopNavigation {
|
|
77
77
|
this.resizeObserver.observe(this.el);
|
78
78
|
};
|
79
79
|
this.deviceSize = DEVICE_SIZES.XL;
|
80
|
-
this.foregroundColor =
|
80
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
81
81
|
this.hasFullWidthSearchBar = false;
|
82
82
|
this.mobileSearchBarVisible = false;
|
83
83
|
this.mobileSearchHiddenOnBlur = false;
|
@@ -90,6 +90,7 @@ export class TopNavigation {
|
|
90
90
|
this.inline = false;
|
91
91
|
this.shortAppTitle = "";
|
92
92
|
this.status = "";
|
93
|
+
this.theme = "inherit";
|
93
94
|
this.version = "";
|
94
95
|
this.appTitle = undefined;
|
95
96
|
}
|
@@ -131,7 +132,7 @@ export class TopNavigation {
|
|
131
132
|
searchValueChangeHandler({ detail }) {
|
132
133
|
this.searchValue = detail.value;
|
133
134
|
}
|
134
|
-
|
135
|
+
brandChangeHandler({ detail }) {
|
135
136
|
this.foregroundColor = detail.mode;
|
136
137
|
}
|
137
138
|
toggleSearchBar() {
|
@@ -154,7 +155,7 @@ export class TopNavigation {
|
|
154
155
|
document.body.style.overflow = show ? "hidden" : "auto";
|
155
156
|
}
|
156
157
|
render() {
|
157
|
-
const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;
|
158
|
+
const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;
|
158
159
|
const hasStatus = status !== "";
|
159
160
|
const hasVersion = version !== "";
|
160
161
|
const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;
|
@@ -177,10 +178,15 @@ export class TopNavigation {
|
|
177
178
|
return (h(Host, { class: {
|
178
179
|
"fullwidth-searchbar": hasFullWidthSearchBar,
|
179
180
|
"mobile-mode": overMobileBreakpoint,
|
180
|
-
[
|
181
|
+
[IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
|
182
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
181
183
|
} }, h("div", { class: "top-navigation" }, h("ic-section-container", { aligned: contentAligned, "full-height": true }, h("header", { role: "banner" }, h("div", { class: "top-panel-container" }, h("div", { class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ class: "title-link" }, attrs), hasAppIcon && (h("div", { class: "app-icon-container" }, h("slot", { name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
|
182
184
|
(!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
|
183
|
-
`${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { class: "app-status" }, h("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { class: "app-version" }, h("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { class: "search-menu-container" }, h("div", { class: "search-actions-container" }, !overMobileBreakpoint && h("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon
|
185
|
+
`${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { class: "app-status" }, h("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { class: "app-version" }, h("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { class: "search-menu-container" }, h("div", { class: "search-actions-container" }, !overMobileBreakpoint && h("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum.Light
|
186
|
+
? IcBrandForegroundEnum.Dark
|
187
|
+
: IcBrandForegroundEnum.Light, onClick: searchButtonClickHandler }, h("slot", { name: "toggle-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (h("div", { class: "icon-buttons-container" }, h("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (h("div", { class: "menu-button-container" }, h("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), h("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, h("ic-button", { id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum.Light
|
188
|
+
? IcBrandForegroundEnum.Dark
|
189
|
+
: IcBrandForegroundEnum.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (h("div", { class: "search-bar-container" }, h("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (h("div", { class: "navigation-tabs" }, h("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), h("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, h("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, h("ul", { class: "navigation-item-list", tabindex: "-1" }, h("slot", { name: "navigation" }))))))))), navMenuVisible && (h("ic-navigation-menu", { version: version, status: status, class: {
|
184
190
|
["inline"]: inline,
|
185
191
|
} }, hasIconButtons && (h("div", { class: "menu-buttons-slot", slot: "buttons" }, h("slot", { name: "buttons" }))), h("ul", { slot: "navigation" }, h("slot", { name: "navigation" }))))));
|
186
192
|
}
|
@@ -318,6 +324,30 @@ export class TopNavigation {
|
|
318
324
|
"reflect": false,
|
319
325
|
"defaultValue": "\"\""
|
320
326
|
},
|
327
|
+
"theme": {
|
328
|
+
"type": "string",
|
329
|
+
"mutable": false,
|
330
|
+
"complexType": {
|
331
|
+
"original": "IcThemeMode",
|
332
|
+
"resolved": "\"dark\" | \"inherit\" | \"light\"",
|
333
|
+
"references": {
|
334
|
+
"IcThemeMode": {
|
335
|
+
"location": "import",
|
336
|
+
"path": "../../utils/types",
|
337
|
+
"id": "src/utils/types.ts::IcThemeMode"
|
338
|
+
}
|
339
|
+
}
|
340
|
+
},
|
341
|
+
"required": false,
|
342
|
+
"optional": true,
|
343
|
+
"docs": {
|
344
|
+
"tags": [],
|
345
|
+
"text": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component."
|
346
|
+
},
|
347
|
+
"attribute": "theme",
|
348
|
+
"reflect": false,
|
349
|
+
"defaultValue": "\"inherit\""
|
350
|
+
},
|
321
351
|
"version": {
|
322
352
|
"type": "string",
|
323
353
|
"mutable": false,
|
@@ -448,8 +478,8 @@ export class TopNavigation {
|
|
448
478
|
"capture": false,
|
449
479
|
"passive": false
|
450
480
|
}, {
|
451
|
-
"name": "
|
452
|
-
"method": "
|
481
|
+
"name": "brandChange",
|
482
|
+
"method": "brandChangeHandler",
|
453
483
|
"target": "document",
|
454
484
|
"capture": false,
|
455
485
|
"passive": false
|