@ukic/web-components 3.0.0 → 3.1.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/README.md +6 -5
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/core.cjs.js +13 -11
- package/dist/cjs/core.cjs.js.map +1 -1
- package/dist/cjs/{helpers-94b33ab0.js → helpers-a0a128bd.js} +155 -50
- package/dist/cjs/helpers-a0a128bd.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +38 -22
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +75 -46
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +50 -30
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +32 -16
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +67 -42
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +114 -63
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +78 -18
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +341 -168
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +93 -72
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +51 -14
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +55 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +64 -32
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +22 -6
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +17 -7
- package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +31 -20
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +170 -114
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +95 -12
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +21 -24
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +12 -14
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +15 -16
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +52 -30
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +35 -32
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +40 -21
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +587 -244
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +65 -40
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +43 -28
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +41 -33
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +32 -24
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +69 -44
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +115 -43
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +55 -33
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +53 -31
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +37 -24
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +76 -36
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +97 -60
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +103 -48
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +70 -39
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +195 -108
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +12 -5
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +385 -163
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +119 -79
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +15 -8
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skip-link.cjs.entry.js +55 -0
- package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-status-tag.cjs.entry.js +30 -10
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +37 -37
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +60 -36
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +63 -31
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +112 -152
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +18 -14
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +19 -15
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +31 -22
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +235 -87
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +52 -23
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +8 -3
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +30 -23
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +117 -35
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +110 -23
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +65 -35
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +59 -30
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-d337cd8a.js +2611 -0
- package/dist/cjs/index-d337cd8a.js.map +1 -0
- package/dist/cjs/loader.cjs.js +5 -3
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/ag-theme-icds.css +218 -0
- package/dist/collection/collection-manifest.json +8 -7
- package/dist/collection/components/ic-accordion/ic-accordion.css +27 -17
- package/dist/collection/components/ic-accordion/ic-accordion.js +116 -76
- 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-group/ic-accordion-group.css +2 -8
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +65 -37
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +50 -19
- package/dist/collection/components/ic-alert/ic-alert.js +113 -34
- 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-back-to-top/ic-back-to-top.css +54 -20
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +86 -14
- 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 +216 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.css +44 -11
- package/dist/collection/components/ic-badge/ic-badge.js +136 -53
- 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-breadcrumb/ic-breadcrumb.css +32 -8
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +142 -46
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +165 -84
- 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 +709 -429
- package/dist/collection/components/ic-button/ic-button.js +331 -139
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.stories.js +2387 -0
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +102 -107
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +160 -86
- 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-checkbox/ic-checkbox.css +78 -35
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +123 -45
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +20 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +108 -23
- 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 +726 -0
- package/dist/collection/components/ic-chip/ic-chip.css +66 -48
- package/dist/collection/components/ic-chip/ic-chip.js +126 -38
- 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-classification-banner/ic-classification-banner.css +20 -10
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +33 -8
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
- package/dist/collection/components/ic-data-list/ic-data-list.css +5 -1
- package/dist/collection/components/ic-data-list/ic-data-list.js +47 -8
- package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -1
- package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
- package/dist/collection/components/ic-data-row/ic-data-row.css +5 -2
- package/dist/collection/components/ic-data-row/ic-data-row.js +64 -21
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +16 -9
- package/dist/collection/components/ic-dialog/ic-dialog.js +248 -144
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1118 -0
- package/dist/collection/components/ic-divider/ic-divider.css +295 -4
- package/dist/collection/components/ic-divider/ic-divider.js +272 -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-empty-state/ic-empty-state.css +17 -2
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +63 -28
- 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-footer/ic-footer.css +25 -17
- package/dist/collection/components/ic-footer/ic-footer.js +72 -38
- 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-link/ic-footer-link.css +28 -5
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +32 -22
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +14 -18
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +12 -12
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +25 -10
- package/dist/collection/components/ic-hero/ic-hero.js +66 -45
- 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-horizontal-scroll/ic-horizontal-scroll.css +2 -6
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +97 -22
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +51 -18
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +74 -64
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-container/ic-input-container.js +16 -6
- package/dist/collection/components/ic-input-container/ic-input-container.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 +97 -41
- package/dist/collection/components/ic-input-label/ic-input-label.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 +36 -19
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +66 -25
- package/dist/collection/components/ic-link/ic-link.js +107 -59
- 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-loading-indicator/ic-loading-indicator.css +20 -13
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +183 -102
- 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-loading-indicator/ic-loading-indicator.types.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +116 -23
- package/dist/collection/components/ic-menu/ic-menu.js +640 -257
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.types.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +3 -2
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +4 -5
- 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 +43 -23
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +115 -48
- package/dist/collection/components/ic-menu-item/ic-menu-item.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 +77 -29
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +54 -49
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +158 -47
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js +2 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js.map +1 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +40 -64
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +181 -60
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +13 -5
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +84 -32
- 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 +99 -35
- 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 +24 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +157 -73
- 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-item/ic-pagination-item.css +54 -15
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +99 -52
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +8 -4
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +184 -69
- 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 +573 -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 +162 -59
- 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 +474 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +58 -27
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +130 -47
- 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 +109 -16
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +342 -147
- 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/ic-search-bar.types.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.js +15 -5
- package/dist/collection/components/ic-section-container/ic-section-container.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 +105 -55
- package/dist/collection/components/ic-select/ic-select.js +558 -212
- 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-side-navigation/ic-side-navigation.css +63 -38
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +162 -100
- 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 +2547 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +29 -13
- 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-skip-link/ic-skip-link.css +46 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js +203 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js.map +1 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.stories.js +504 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +21 -17
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +80 -10
- 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-step/ic-step.css +70 -124
- package/dist/collection/components/ic-step/ic-step.js +95 -42
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js +96 -54
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.stories.js +281 -0
- package/dist/collection/components/ic-switch/ic-switch.css +30 -48
- package/dist/collection/components/ic-switch/ic-switch.js +106 -48
- 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-tab/ic-tab.css +53 -17
- package/dist/collection/components/ic-tab/ic-tab.js +97 -51
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +170 -180
- 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-group/ic-tab-group.css +14 -7
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +70 -38
- 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 +7 -3
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +86 -29
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +64 -8
- package/dist/collection/components/ic-text-field/ic-text-field.js +484 -154
- 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 +1048 -0
- package/dist/collection/components/ic-theme/ic-theme.js +93 -35
- 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-toast/ic-toast.css +41 -17
- package/dist/collection/components/ic-toast/ic-toast.js +49 -29
- 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-region/ic-toast-region.js +12 -5
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +190 -58
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +226 -63
- 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-group/ic-toggle-button-group.css +23 -16
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +228 -64
- 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-tooltip/ic-tooltip.css +14 -5
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +93 -36
- 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 +55 -21
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +122 -50
- 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 +1091 -0
- package/dist/collection/components/ic-typography/ic-typography.css +11 -7
- package/dist/collection/components/ic-typography/ic-typography.js +101 -32
- 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/utils/constants.js +40 -1
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +93 -43
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/testa11y.helpers.js +2 -1
- package/dist/collection/utils/testa11y.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 +147 -45
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +38 -21
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +76 -45
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +52 -30
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +33 -14
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +69 -42
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +119 -64
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +81 -17
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +190 -79
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +98 -74
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +54 -13
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +56 -29
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +68 -31
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +21 -5
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-list.js +18 -7
- package/dist/components/ic-data-list.js.map +1 -1
- package/dist/components/ic-data-row.js +31 -18
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-dialog.js +172 -114
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +110 -14
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +23 -24
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +12 -13
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +15 -15
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +52 -30
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +36 -33
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +41 -20
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +48 -36
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container2.js +12 -5
- package/dist/components/ic-input-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +43 -24
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +22 -15
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +45 -29
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +109 -68
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +5 -5
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +46 -35
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +535 -209
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +33 -24
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +72 -44
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +118 -43
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +55 -31
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +53 -29
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +39 -23
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +77 -34
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +99 -59
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +105 -47
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +72 -38
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +210 -132
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +11 -4
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.js +388 -163
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +119 -79
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +15 -8
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-skip-link.d.ts +11 -0
- package/dist/components/ic-skip-link.js +83 -0
- package/dist/components/ic-skip-link.js.map +1 -0
- package/dist/components/ic-status-tag.js +30 -7
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +37 -35
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +61 -35
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +65 -31
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +116 -154
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +19 -14
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +22 -16
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +32 -22
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field.js +504 -1
- package/dist/components/ic-text-field.js.map +1 -1
- package/dist/components/ic-theme.js +57 -25
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +7 -2
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +29 -22
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +129 -36
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +121 -29
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +47 -25
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +66 -35
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +58 -27
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/ag-theme-icds.css +218 -0
- package/dist/core/core.css +1737 -64
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/index.esm.js.map +1 -1
- package/dist/core/p-06d97789.entry.js +2 -0
- package/dist/core/p-06d97789.entry.js.map +1 -0
- package/dist/core/{p-54238d16.entry.js → p-071f4748.entry.js} +2 -2
- package/dist/core/p-071f4748.entry.js.map +1 -0
- package/dist/core/p-09070f61.entry.js +2 -0
- package/dist/core/p-09070f61.entry.js.map +1 -0
- package/dist/core/p-0c0ac69d.entry.js +2 -0
- package/dist/core/p-0c0ac69d.entry.js.map +1 -0
- package/dist/core/p-0d016565.entry.js +2 -0
- package/dist/core/p-0d016565.entry.js.map +1 -0
- package/dist/core/p-0e96d4d8.entry.js +2 -0
- package/dist/core/p-0e96d4d8.entry.js.map +1 -0
- package/dist/core/p-10cd26dc.entry.js +2 -0
- package/dist/core/p-10cd26dc.entry.js.map +1 -0
- package/dist/core/{p-a87d13b3.entry.js → p-110486f0.entry.js} +2 -2
- package/dist/core/p-110486f0.entry.js.map +1 -0
- package/dist/core/p-116ad73d.entry.js +2 -0
- package/dist/core/p-116ad73d.entry.js.map +1 -0
- package/dist/core/p-1171a945.entry.js +2 -0
- package/dist/core/p-1171a945.entry.js.map +1 -0
- package/dist/core/p-17cf7b50.entry.js +2 -0
- package/dist/core/p-17cf7b50.entry.js.map +1 -0
- package/dist/core/p-1ac08e6d.entry.js +2 -0
- package/dist/core/p-1ac08e6d.entry.js.map +1 -0
- package/dist/core/p-1f455336.entry.js +2 -0
- package/dist/core/p-1f455336.entry.js.map +1 -0
- package/dist/core/p-20c4d90b.entry.js +2 -0
- package/dist/core/p-20c4d90b.entry.js.map +1 -0
- package/dist/core/p-2537f33e.entry.js +2 -0
- package/dist/core/p-2537f33e.entry.js.map +1 -0
- package/dist/core/p-264ce7a0.entry.js +2 -0
- package/dist/core/p-264ce7a0.entry.js.map +1 -0
- package/dist/core/p-28656111.entry.js +2 -0
- package/dist/core/p-28656111.entry.js.map +1 -0
- package/dist/core/p-2b1a331b.entry.js +2 -0
- package/dist/core/p-2b1a331b.entry.js.map +1 -0
- package/dist/core/p-33243fff.entry.js +2 -0
- package/dist/core/p-33243fff.entry.js.map +1 -0
- package/dist/core/p-37df68fe.entry.js +2 -0
- package/dist/core/p-37df68fe.entry.js.map +1 -0
- package/dist/core/p-3b185c32.js.map +1 -1
- package/dist/core/p-426ec638.js.map +1 -1
- package/dist/core/p-44e32417.entry.js +2 -0
- package/dist/core/p-44e32417.entry.js.map +1 -0
- package/dist/core/p-45595f98.entry.js +2 -0
- package/dist/core/p-45595f98.entry.js.map +1 -0
- package/dist/core/p-49768069.entry.js +2 -0
- package/dist/core/p-49768069.entry.js.map +1 -0
- package/dist/core/p-4c68494c.entry.js +2 -0
- package/dist/core/p-4c68494c.entry.js.map +1 -0
- package/dist/core/p-4f2a1950.entry.js +2 -0
- package/dist/core/p-4f2a1950.entry.js.map +1 -0
- package/dist/core/p-50f4d151.entry.js +2 -0
- package/dist/core/p-50f4d151.entry.js.map +1 -0
- package/dist/core/p-55a37101.entry.js +2 -0
- package/dist/core/p-55a37101.entry.js.map +1 -0
- package/dist/core/p-5c349c9d.entry.js +2 -0
- package/dist/core/p-5c349c9d.entry.js.map +1 -0
- package/dist/core/p-5e1fd097.entry.js +2 -0
- package/dist/core/p-5e1fd097.entry.js.map +1 -0
- package/dist/core/p-68a5aaff.js.map +1 -1
- package/dist/core/p-69e4daec.entry.js +2 -0
- package/dist/core/p-69e4daec.entry.js.map +1 -0
- package/dist/core/p-701696aa.entry.js +2 -0
- package/dist/core/p-701696aa.entry.js.map +1 -0
- package/dist/core/p-729745d3.entry.js +2 -0
- package/dist/core/p-729745d3.entry.js.map +1 -0
- package/dist/core/p-73fc198f.entry.js +2 -0
- package/dist/core/p-73fc198f.entry.js.map +1 -0
- package/dist/core/p-74600ed8.entry.js +2 -0
- package/dist/core/p-74600ed8.entry.js.map +1 -0
- package/dist/core/p-78e7a859.entry.js +2 -0
- package/dist/core/p-78e7a859.entry.js.map +1 -0
- package/dist/core/p-7e79bd0e.entry.js +2 -0
- package/dist/core/p-7e79bd0e.entry.js.map +1 -0
- package/dist/core/p-7eaf8da8.entry.js +2 -0
- package/dist/core/p-7eaf8da8.entry.js.map +1 -0
- package/dist/core/p-811d447b.entry.js +2 -0
- package/dist/core/p-811d447b.entry.js.map +1 -0
- package/dist/core/p-85734ebf.entry.js +2 -0
- package/dist/core/p-85734ebf.entry.js.map +1 -0
- package/dist/core/p-85b7d931.entry.js +2 -0
- package/dist/core/p-85b7d931.entry.js.map +1 -0
- package/dist/core/{p-a0e4d6bd.entry.js → p-8856dff4.entry.js} +2 -2
- package/dist/core/p-8856dff4.entry.js.map +1 -0
- package/dist/core/p-8b268274.entry.js +2 -0
- package/dist/core/p-8b268274.entry.js.map +1 -0
- package/dist/core/p-8e4e97b4.js +3 -0
- package/dist/core/p-8e4e97b4.js.map +1 -0
- package/dist/core/p-972671ea.entry.js +2 -0
- package/dist/core/p-972671ea.entry.js.map +1 -0
- package/dist/core/p-98328cb9.entry.js +2 -0
- package/dist/core/p-98328cb9.entry.js.map +1 -0
- package/dist/core/p-a103068b.entry.js +2 -0
- package/dist/core/p-a103068b.entry.js.map +1 -0
- package/dist/core/p-a20a7cd3.entry.js +2 -0
- package/dist/core/p-a20a7cd3.entry.js.map +1 -0
- package/dist/core/p-a22658fb.entry.js +2 -0
- package/dist/core/p-a22658fb.entry.js.map +1 -0
- package/dist/core/p-a55e7988.entry.js +2 -0
- package/dist/core/p-a55e7988.entry.js.map +1 -0
- package/dist/core/p-a71055c9.entry.js +2 -0
- package/dist/core/p-a71055c9.entry.js.map +1 -0
- package/dist/core/p-a794b724.entry.js +2 -0
- package/dist/core/p-a794b724.entry.js.map +1 -0
- package/dist/core/p-b21b4fea.entry.js +2 -0
- package/dist/core/p-b21b4fea.entry.js.map +1 -0
- package/dist/core/p-b953b22f.entry.js +2 -0
- package/dist/core/p-b953b22f.entry.js.map +1 -0
- package/dist/core/p-c2e091d7.js.map +1 -1
- package/dist/core/p-c9726fbd.entry.js +2 -0
- package/dist/core/p-c9726fbd.entry.js.map +1 -0
- package/dist/core/p-d981598e.entry.js +2 -0
- package/dist/core/p-d981598e.entry.js.map +1 -0
- package/dist/core/p-d9aec0dd.entry.js +2 -0
- package/dist/core/p-d9aec0dd.entry.js.map +1 -0
- package/dist/core/p-e1255160.js +2 -0
- package/dist/core/p-e1255160.js.map +1 -0
- package/dist/core/p-ed8957da.js +2 -0
- package/dist/core/p-ed8957da.js.map +1 -0
- package/dist/core/p-f074ef5b.js.map +1 -1
- package/dist/core/p-f3315216.entry.js +2 -0
- package/dist/core/p-f3315216.entry.js.map +1 -0
- package/dist/core/p-f34efc17.entry.js +2 -0
- package/dist/core/p-f34efc17.entry.js.map +1 -0
- package/dist/core/p-f43f411a.entry.js +2 -0
- package/dist/core/p-f43f411a.entry.js.map +1 -0
- package/dist/core/{p-bf89c86d.entry.js → p-fa02a267.entry.js} +2 -2
- package/dist/core/p-fa02a267.entry.js.map +1 -0
- package/dist/core/p-ff995eb8.entry.js +2 -0
- package/dist/core/p-ff995eb8.entry.js.map +1 -0
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/core.js +14 -12
- package/dist/esm/core.js.map +1 -1
- package/dist/esm/{helpers-35ac5e03.js → helpers-dd035d0d.js} +148 -46
- package/dist/esm/helpers-dd035d0d.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +38 -22
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +75 -46
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +50 -30
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +32 -16
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +67 -42
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +114 -63
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +78 -18
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +341 -168
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +93 -72
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +51 -14
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +55 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +64 -32
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +22 -6
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +17 -7
- package/dist/esm/ic-data-list.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +31 -20
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +170 -114
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +95 -12
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +21 -24
- package/dist/esm/ic-empty-state.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +12 -14
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +15 -16
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +52 -30
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +35 -32
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +40 -21
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +587 -244
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +62 -37
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +43 -28
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +6 -7
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +41 -33
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +32 -24
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +69 -44
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +115 -43
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +55 -33
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +53 -31
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +37 -24
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +76 -36
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +97 -60
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +103 -48
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +70 -39
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +195 -108
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +12 -5
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +385 -163
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +119 -79
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +15 -8
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-skip-link.entry.js +51 -0
- package/dist/esm/ic-skip-link.entry.js.map +1 -0
- package/dist/esm/ic-status-tag.entry.js +30 -10
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +37 -37
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +60 -36
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +63 -31
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +112 -152
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +18 -14
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +19 -15
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +31 -22
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +229 -81
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +52 -23
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +8 -3
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +30 -23
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +117 -35
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +110 -23
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +65 -35
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +59 -30
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-a7a720e7.js +2580 -0
- package/dist/esm/index-a7a720e7.js.map +1 -0
- package/dist/esm/loader.js +6 -4
- package/dist/esm/loader.js.map +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +10 -8
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +9 -9
- package/dist/types/components/ic-alert/ic-alert.d.ts +10 -2
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +11 -2
- package/dist/types/components/ic-back-to-top/ic-back-to-top.types.d.ts +1 -0
- package/dist/types/components/ic-badge/ic-badge.d.ts +11 -5
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +19 -6
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +16 -9
- package/dist/types/components/ic-button/ic-button.d.ts +19 -13
- 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 +17 -12
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +15 -8
- package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
- package/dist/types/components/ic-data-list/ic-data-list.d.ts +6 -2
- package/dist/types/components/ic-data-row/ic-data-row.d.ts +7 -3
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +21 -12
- 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 +8 -7
- 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 +6 -7
- 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 +8 -11
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +10 -6
- package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +4 -4
- package/dist/types/components/ic-link/ic-link.d.ts +10 -6
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +12 -8
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +1 -1
- package/dist/types/components/ic-menu/ic-menu.d.ts +56 -23
- package/dist/types/components/ic-menu/ic-menu.types.d.ts +1 -1
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +13 -6
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +8 -4
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +25 -9
- package/dist/types/components/ic-navigation-group/ic-navigation-group.types.d.ts +6 -0
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +22 -11
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +10 -3
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +19 -14
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +14 -9
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +13 -11
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +15 -10
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +16 -9
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +26 -14
- package/dist/types/components/ic-search-bar/ic-search-bar.types.d.ts +1 -1
- package/dist/types/components/ic-select/ic-select.d.ts +52 -32
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +15 -15
- 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-skip-link/ic-skip-link.d.ts +33 -0
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +8 -0
- package/dist/types/components/ic-step/ic-step.d.ts +5 -0
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +7 -5
- package/dist/types/components/ic-switch/ic-switch.d.ts +8 -7
- package/dist/types/components/ic-tab/ic-tab.d.ts +8 -5
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +19 -12
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +5 -5
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +9 -3
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +59 -34
- package/dist/types/components/ic-theme/ic-theme.d.ts +15 -8
- package/dist/types/components/ic-toast/ic-toast.d.ts +3 -3
- package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +2 -1
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +17 -8
- 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 +6 -1
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +16 -12
- package/dist/types/components/ic-typography/ic-typography.d.ts +6 -2
- package/dist/types/components.d.ts +960 -383
- package/dist/types/stencil-public-runtime.d.ts +9 -10
- package/dist/types/utils/constants.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +31 -17
- package/dist/types/utils/types.d.ts +17 -10
- package/hydrate/index.d.ts +53 -12
- package/hydrate/index.js +32876 -19763
- package/hydrate/index.mjs +34407 -0
- package/hydrate/package.json +7 -1
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +3 -0
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/package.json +21 -20
- package/vscode-data.json +1017 -653
- package/dist/cjs/helpers-94b33ab0.js.map +0 -1
- package/dist/cjs/index-f982899d.js +0 -3047
- package/dist/cjs/index-f982899d.js.map +0 -1
- package/dist/cjs/types-dc22e301.js +0 -16
- package/dist/cjs/types-dc22e301.js.map +0 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +0 -346
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +0 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +0 -129
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +0 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +0 -197
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +0 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +0 -131
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +0 -1
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +0 -264
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +0 -118
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +0 -219
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +0 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +0 -332
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +0 -1
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +0 -173
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +0 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +0 -281
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +0 -1
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +0 -169
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +0 -1
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +0 -188
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +0 -1
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js +0 -161
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +0 -1
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +0 -74
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +0 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +0 -428
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +0 -1
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +0 -24
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +0 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +0 -140
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +0 -46
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +0 -66
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +0 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +0 -91
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +0 -1
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +0 -180
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +0 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +0 -145
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +0 -38
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +0 -98
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +0 -1
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +0 -89
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +0 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +0 -217
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +0 -1
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +0 -148
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +0 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +0 -760
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js +0 -94
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +0 -108
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +0 -95
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +0 -309
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +0 -118
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js +0 -176
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +0 -291
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +0 -380
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +0 -76
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +0 -1
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +0 -398
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.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-radio-group/test/basic/ic-radio-group.spec.js +0 -380
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.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-search-bar/test/basic/ic-search-bar.spec.js +0 -584
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +0 -1
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +0 -69
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +0 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +0 -1439
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +0 -503
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +0 -1
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +0 -89
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +0 -1
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +0 -43
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +0 -1
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +0 -176
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.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-stepper/test/basic/ic-stepper.spec.js +0 -752
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +0 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +0 -104
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +0 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +0 -159
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +0 -390
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +0 -50
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -284
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +0 -341
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +0 -72
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +0 -77
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +0 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +0 -314
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +0 -1
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -64
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +0 -116
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +0 -150
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.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-tooltip/test/basic/ic-tooltip.spec.js +0 -307
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +0 -314
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.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/collection/components/ic-typography/test/basic/ic-typography.spec.js +0 -393
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +0 -1
- package/dist/collection/testspec.setup.js +0 -63
- package/dist/collection/testspec.setup.js.map +0 -1
- package/dist/components/ic-text-field2.js +0 -354
- package/dist/components/ic-text-field2.js.map +0 -1
- package/dist/components/types.js +0 -16
- package/dist/components/types.js.map +0 -1
- package/dist/core/p-05d32a4f.entry.js +0 -2
- package/dist/core/p-05d32a4f.entry.js.map +0 -1
- package/dist/core/p-086a6d4f.entry.js +0 -2
- package/dist/core/p-086a6d4f.entry.js.map +0 -1
- package/dist/core/p-0a00a786.entry.js +0 -2
- package/dist/core/p-0a00a786.entry.js.map +0 -1
- package/dist/core/p-145fcef3.entry.js +0 -2
- package/dist/core/p-145fcef3.entry.js.map +0 -1
- package/dist/core/p-15367990.entry.js +0 -2
- package/dist/core/p-15367990.entry.js.map +0 -1
- package/dist/core/p-1737bf2c.entry.js +0 -2
- package/dist/core/p-1737bf2c.entry.js.map +0 -1
- package/dist/core/p-1ace2b02.entry.js +0 -2
- package/dist/core/p-1ace2b02.entry.js.map +0 -1
- package/dist/core/p-1e371012.entry.js +0 -2
- package/dist/core/p-1e371012.entry.js.map +0 -1
- package/dist/core/p-1f227289.entry.js +0 -2
- package/dist/core/p-1f227289.entry.js.map +0 -1
- package/dist/core/p-24275b92.entry.js +0 -2
- package/dist/core/p-24275b92.entry.js.map +0 -1
- package/dist/core/p-26b7b18f.js +0 -2
- package/dist/core/p-26b7b18f.js.map +0 -1
- package/dist/core/p-29e6c33f.entry.js +0 -2
- package/dist/core/p-29e6c33f.entry.js.map +0 -1
- package/dist/core/p-2a6f01ad.entry.js +0 -2
- package/dist/core/p-2a6f01ad.entry.js.map +0 -1
- package/dist/core/p-2f86c53b.entry.js +0 -2
- package/dist/core/p-2f86c53b.entry.js.map +0 -1
- package/dist/core/p-319e40c0.entry.js +0 -2
- package/dist/core/p-319e40c0.entry.js.map +0 -1
- package/dist/core/p-346c6920.entry.js +0 -2
- package/dist/core/p-346c6920.entry.js.map +0 -1
- package/dist/core/p-4b1445b3.entry.js +0 -2
- package/dist/core/p-4b1445b3.entry.js.map +0 -1
- package/dist/core/p-4b621c67.entry.js +0 -2
- package/dist/core/p-4b621c67.entry.js.map +0 -1
- package/dist/core/p-4ca2b177.entry.js +0 -2
- package/dist/core/p-4ca2b177.entry.js.map +0 -1
- package/dist/core/p-54238d16.entry.js.map +0 -1
- package/dist/core/p-5515ad19.entry.js +0 -2
- package/dist/core/p-5515ad19.entry.js.map +0 -1
- package/dist/core/p-5c8081d6.entry.js +0 -2
- package/dist/core/p-5c8081d6.entry.js.map +0 -1
- package/dist/core/p-5f941f3a.entry.js +0 -2
- package/dist/core/p-5f941f3a.entry.js.map +0 -1
- package/dist/core/p-5fd293b3.entry.js +0 -2
- package/dist/core/p-5fd293b3.entry.js.map +0 -1
- package/dist/core/p-60721d95.entry.js +0 -2
- package/dist/core/p-60721d95.entry.js.map +0 -1
- package/dist/core/p-64a5a1d8.entry.js +0 -2
- package/dist/core/p-64a5a1d8.entry.js.map +0 -1
- package/dist/core/p-65e36461.entry.js +0 -2
- package/dist/core/p-65e36461.entry.js.map +0 -1
- package/dist/core/p-66363c7d.entry.js +0 -2
- package/dist/core/p-66363c7d.entry.js.map +0 -1
- package/dist/core/p-69728d76.entry.js +0 -2
- package/dist/core/p-69728d76.entry.js.map +0 -1
- package/dist/core/p-6b328c76.entry.js +0 -2
- package/dist/core/p-6b328c76.entry.js.map +0 -1
- package/dist/core/p-6b5ddacd.entry.js +0 -2
- package/dist/core/p-6b5ddacd.entry.js.map +0 -1
- package/dist/core/p-6b5e91e2.js +0 -3
- package/dist/core/p-6b5e91e2.js.map +0 -1
- package/dist/core/p-7b3d6577.entry.js +0 -2
- package/dist/core/p-7b3d6577.entry.js.map +0 -1
- package/dist/core/p-7d45828d.entry.js +0 -2
- package/dist/core/p-7d45828d.entry.js.map +0 -1
- package/dist/core/p-893eca54.entry.js +0 -2
- package/dist/core/p-893eca54.entry.js.map +0 -1
- package/dist/core/p-8ee262a4.entry.js +0 -2
- package/dist/core/p-8ee262a4.entry.js.map +0 -1
- package/dist/core/p-8f93d92b.entry.js +0 -2
- package/dist/core/p-8f93d92b.entry.js.map +0 -1
- package/dist/core/p-90bb13d2.entry.js +0 -2
- package/dist/core/p-90bb13d2.entry.js.map +0 -1
- package/dist/core/p-9189a82d.entry.js +0 -2
- package/dist/core/p-9189a82d.entry.js.map +0 -1
- package/dist/core/p-9190a84d.entry.js +0 -2
- package/dist/core/p-9190a84d.entry.js.map +0 -1
- package/dist/core/p-93f50a1a.entry.js +0 -2
- package/dist/core/p-93f50a1a.entry.js.map +0 -1
- package/dist/core/p-9474baf3.entry.js +0 -2
- package/dist/core/p-9474baf3.entry.js.map +0 -1
- package/dist/core/p-9857f6b0.entry.js +0 -2
- package/dist/core/p-9857f6b0.entry.js.map +0 -1
- package/dist/core/p-a0e4d6bd.entry.js.map +0 -1
- package/dist/core/p-a1b9a808.entry.js +0 -2
- package/dist/core/p-a1b9a808.entry.js.map +0 -1
- package/dist/core/p-a79bec03.entry.js +0 -2
- package/dist/core/p-a79bec03.entry.js.map +0 -1
- package/dist/core/p-a84a4675.entry.js +0 -2
- package/dist/core/p-a84a4675.entry.js.map +0 -1
- package/dist/core/p-a87d13b3.entry.js.map +0 -1
- package/dist/core/p-a928c7b3.entry.js +0 -2
- package/dist/core/p-a928c7b3.entry.js.map +0 -1
- package/dist/core/p-bf89c86d.entry.js.map +0 -1
- package/dist/core/p-d0524c73.js +0 -2
- package/dist/core/p-d0524c73.js.map +0 -1
- package/dist/core/p-d24410ca.entry.js +0 -2
- package/dist/core/p-d24410ca.entry.js.map +0 -1
- package/dist/core/p-d52ca420.entry.js +0 -2
- package/dist/core/p-d52ca420.entry.js.map +0 -1
- package/dist/core/p-d67a30ca.entry.js +0 -2
- package/dist/core/p-d67a30ca.entry.js.map +0 -1
- package/dist/core/p-de27c59e.entry.js +0 -2
- package/dist/core/p-de27c59e.entry.js.map +0 -1
- package/dist/core/p-dec339ba.entry.js +0 -2
- package/dist/core/p-dec339ba.entry.js.map +0 -1
- package/dist/core/p-e4335135.entry.js +0 -2
- package/dist/core/p-e4335135.entry.js.map +0 -1
- package/dist/core/p-e56a2a06.entry.js +0 -2
- package/dist/core/p-e56a2a06.entry.js.map +0 -1
- package/dist/core/p-e696dc2a.entry.js +0 -2
- package/dist/core/p-e696dc2a.entry.js.map +0 -1
- package/dist/core/p-f0501be1.entry.js +0 -2
- package/dist/core/p-f0501be1.entry.js.map +0 -1
- package/dist/core/p-f50462df.entry.js +0 -2
- package/dist/core/p-f50462df.entry.js.map +0 -1
- package/dist/core/p-feb80f37.entry.js +0 -2
- package/dist/core/p-feb80f37.entry.js.map +0 -1
- package/dist/esm/helpers-35ac5e03.js.map +0 -1
- package/dist/esm/index-d1d2c456.js +0 -3016
- package/dist/esm/index-d1d2c456.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/types-6f6b41a5.js +0 -16
- package/dist/esm/types-6f6b41a5.js.map +0 -1
- package/dist/types/testspec.setup.d.ts +0 -15
@@ -1,42 +1,50 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
2
|
-
import { j as convertToRGBA, k as
|
2
|
+
import { j as convertToRGBA, k as getBrandForegroundAppearance, l as isPropDefined, o as onComponentRequiredPropUndefined } from './helpers.js';
|
3
3
|
import { d as defineCustomElement$2 } from './ic-typography2.js';
|
4
4
|
|
5
|
-
const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host(.ic-badge-neutral){background-color:var(--ic-
|
5
|
+
const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
6
|
+
const IcBadgeStyle0 = icBadgeCss;
|
6
7
|
|
8
|
+
const NAVIGATION_BUTTON = "IC-NAVIGATION-BUTTON";
|
9
|
+
const TOP_NAVIGATION = "IC-TOP-NAVIGATION";
|
7
10
|
const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
8
11
|
constructor() {
|
9
12
|
super();
|
10
13
|
this.__registerHost();
|
11
14
|
this.__attachShadow();
|
12
15
|
this.ariaLabel = null;
|
16
|
+
/**
|
17
|
+
* The positioning of the badge in reference to the parent element.
|
18
|
+
*/
|
19
|
+
this.position = "far";
|
20
|
+
/**
|
21
|
+
* The size of the badge to be displayed.
|
22
|
+
*/
|
23
|
+
this.size = "medium";
|
24
|
+
/**
|
25
|
+
* 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.
|
26
|
+
*/
|
27
|
+
this.theme = "inherit";
|
28
|
+
/**
|
29
|
+
* The type of badge to be displayed.
|
30
|
+
*/
|
31
|
+
this.type = "text";
|
32
|
+
/**
|
33
|
+
* The variant of the badge to be displayed.
|
34
|
+
*/
|
35
|
+
this.variant = "neutral";
|
36
|
+
/**
|
37
|
+
* If `true`, the badge will be displayed.
|
38
|
+
*/
|
39
|
+
this.visible = true;
|
13
40
|
this.setBadgeColour = () => {
|
14
|
-
const colorRGBA = convertToRGBA(this.customColor);
|
41
|
+
const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;
|
15
42
|
if (colorRGBA) {
|
16
|
-
this.customColorRGBA = colorRGBA;
|
17
43
|
const { r, g, b, a } = colorRGBA;
|
18
44
|
this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
|
45
|
+
this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
|
19
46
|
}
|
20
47
|
};
|
21
|
-
this.getBadgeRGB = () => {
|
22
|
-
switch (this.variant) {
|
23
|
-
case "custom":
|
24
|
-
return this.customColorRGBA;
|
25
|
-
case "error":
|
26
|
-
case "success":
|
27
|
-
case "warning":
|
28
|
-
case "info": {
|
29
|
-
return rgbaStrToObj(getCssProperty(`--ic-status-${this.variant}`));
|
30
|
-
}
|
31
|
-
case "neutral":
|
32
|
-
case "light":
|
33
|
-
return hexToRgba(getCssProperty(`--ic-architectural-${this.variant === "neutral" ? 500 : 40}`));
|
34
|
-
}
|
35
|
-
};
|
36
|
-
this.getBadgeForeground = () => {
|
37
|
-
const { r, g, b } = this.getBadgeRGB();
|
38
|
-
this.foregroundColour = getThemeForegroundColor((r * 299 + g * 587 + b * 114) / 1000);
|
39
|
-
};
|
40
48
|
this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber
|
41
49
|
? `${this.maxNumber}+`
|
42
50
|
: this.label;
|
@@ -56,23 +64,30 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
|
56
64
|
: "";
|
57
65
|
parentEl.ariaLabel = this.visible
|
58
66
|
? `${ariaLabelPrefix} ${defaultAriaLabel}`
|
59
|
-
:
|
67
|
+
: null;
|
60
68
|
}
|
61
69
|
else {
|
62
70
|
this.ariaLabel = `, ${defaultAriaLabel}`;
|
63
71
|
}
|
64
72
|
}
|
65
73
|
};
|
74
|
+
this.setPositionInTopNavigation = () => {
|
75
|
+
var _a;
|
76
|
+
const parentTopNavEl = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
77
|
+
(parentTopNavEl === null || parentTopNavEl === void 0 ? void 0 : parentTopNavEl.classList.contains("mobile-mode"))
|
78
|
+
? (this.position = "inline")
|
79
|
+
: (this.position = "near");
|
80
|
+
};
|
81
|
+
this.isInTopNav = () => {
|
82
|
+
const parentEl = this.el.parentElement;
|
83
|
+
if (parentEl) {
|
84
|
+
const grandparentEl = parentEl === null || parentEl === void 0 ? void 0 : parentEl.parentElement;
|
85
|
+
return ((parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === NAVIGATION_BUTTON &&
|
86
|
+
(grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION);
|
87
|
+
}
|
88
|
+
return false;
|
89
|
+
};
|
66
90
|
this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;
|
67
|
-
this.accessibleLabel = undefined;
|
68
|
-
this.customColor = null;
|
69
|
-
this.maxNumber = undefined;
|
70
|
-
this.position = "far";
|
71
|
-
this.size = "default";
|
72
|
-
this.label = undefined;
|
73
|
-
this.type = "text";
|
74
|
-
this.variant = "neutral";
|
75
|
-
this.visible = true;
|
76
91
|
}
|
77
92
|
accessibleLabelHandler() {
|
78
93
|
this.setAccessibleLabel();
|
@@ -81,7 +96,9 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
|
81
96
|
this.variant === "custom" && this.setBadgeColour();
|
82
97
|
}
|
83
98
|
variantHandler() {
|
84
|
-
this.
|
99
|
+
if (this.variant === "custom") {
|
100
|
+
this.setBadgeColour();
|
101
|
+
}
|
85
102
|
}
|
86
103
|
visibleHandler() {
|
87
104
|
this.setAccessibleLabel();
|
@@ -89,7 +106,6 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
|
89
106
|
componentWillLoad() {
|
90
107
|
var _a;
|
91
108
|
this.variant === "custom" && this.setBadgeColour();
|
92
|
-
this.getBadgeForeground();
|
93
109
|
const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;
|
94
110
|
if (ariaLabel)
|
95
111
|
this.parentAriaLabel = ariaLabel;
|
@@ -99,16 +115,26 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
|
99
115
|
this.type === "text" &&
|
100
116
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Badge");
|
101
117
|
}
|
118
|
+
componentWillRender() {
|
119
|
+
this.isInTopNav() && this.setPositionInTopNavigation();
|
120
|
+
}
|
121
|
+
navBarMenuOpenHandler() {
|
122
|
+
this.isInTopNav() && (this.position = "inline");
|
123
|
+
}
|
124
|
+
navBarMenuCloseHandler() {
|
125
|
+
this.isInTopNav() && (this.position = "near");
|
126
|
+
}
|
102
127
|
render() {
|
103
|
-
const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, } = this;
|
104
|
-
return (h(Host, { class: {
|
128
|
+
const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
|
129
|
+
return (h(Host, { key: '26e06624cc8ed1a263175e7c037413ce8b69827c', class: {
|
105
130
|
[`ic-badge-${position}`]: true,
|
106
131
|
[`ic-badge-${size}`]: true,
|
107
132
|
[`ic-badge-${variant}`]: true,
|
108
133
|
[`ic-badge-${type}`]: true,
|
109
|
-
[`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null,
|
134
|
+
[`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
|
110
135
|
[`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
|
111
|
-
|
136
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
137
|
+
}, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && h("slot", { key: 'f646ef81ef5a7e7955d59f5497ed268a6a44ed87', name: "badge-icon" }), type === "text" && label && (h("ic-typography", { key: 'd8b61345c30c6efcf7111684996b2a52ed611d97', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && h("span", { key: 'a50bb809ae2088b20064f006e3917cc16c052038', class: "sr-only" }, "badge")));
|
112
138
|
}
|
113
139
|
static get delegatesFocus() { return true; }
|
114
140
|
get el() { return this; }
|
@@ -118,18 +144,19 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
|
|
118
144
|
"variant": ["variantHandler"],
|
119
145
|
"visible": ["visibleHandler"]
|
120
146
|
}; }
|
121
|
-
static get style() { return
|
147
|
+
static get style() { return IcBadgeStyle0; }
|
122
148
|
}, [17, "ic-badge", {
|
123
149
|
"accessibleLabel": [1, "accessible-label"],
|
124
150
|
"customColor": [1, "custom-color"],
|
125
151
|
"maxNumber": [2, "max-number"],
|
126
|
-
"position": [
|
152
|
+
"position": [1025],
|
127
153
|
"size": [1],
|
128
154
|
"label": [1],
|
155
|
+
"theme": [1],
|
129
156
|
"type": [1],
|
130
157
|
"variant": [1],
|
131
158
|
"visible": [4]
|
132
|
-
},
|
159
|
+
}, [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"]], {
|
133
160
|
"accessibleLabel": ["accessibleLabelHandler"],
|
134
161
|
"customColor": ["customColorHandler"],
|
135
162
|
"variant": ["variantHandler"],
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"ic-badge.js","mappings":"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","names":[],"sources":["src/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","src/components/ic-badge/ic-badge.tsx"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-architectural-500);\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-architectural-40);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-status-info);\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-status-warning);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-status-error);\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-status-success);\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-default) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-primary-text);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n color: var(--ic-color-primary-text);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n color: white;\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Component, Element, Host, Prop, Watch, h } from \"@stencil/core\";\nimport {\n IcBadgePositions,\n IcBadgeTypes,\n IcBadgeVariants,\n} from \"./ic-badge.types\";\nimport {\n IcColorRGBA,\n IcSizes,\n IcThemeForeground,\n IcColor,\n} from \"../../utils/types\";\nimport {\n convertToRGBA,\n getCssProperty,\n getThemeForegroundColor,\n hexToRgba,\n isPropDefined,\n onComponentRequiredPropUndefined,\n rgbaStrToObj,\n} from \"../../utils/helpers\";\n\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\n@Component({\n tag: \"ic-badge\",\n styleUrl: \"ic-badge.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Badge {\n private ariaLabel: string = null;\n private customColorRGBA: IcColorRGBA;\n private foregroundColour: IcThemeForeground;\n private parentAriaLabel: string;\n\n @Element() el: HTMLIcBadgeElement;\n\n /**\n * The accessible label of the badge component to provide context for screen reader users.\n */\n @Prop() accessibleLabel?: string;\n\n @Watch(\"accessibleLabel\")\n accessibleLabelHandler(): void {\n this.setAccessibleLabel();\n }\n\n /**\n * The custom badge colour. This will only style the badge component if variant=\"custom\".\n * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n */\n @Prop() customColor?: IcColor = null;\n\n @Watch(\"customColor\")\n customColorHandler(): void {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n\n /**\n * The maximum number shown on the badge appended with a +.\n * This will only be displayed if type=\"text\" and label is not empty.\n */\n @Prop() maxNumber?: number;\n\n /**\n * The positioning of the badge in reference to the parent element.\n */\n @Prop() position?: IcBadgePositions = \"far\";\n\n /**\n * The size of the badge to be displayed.\n */\n @Prop() size?: IcSizes = \"default\";\n\n /**\n * The text displayed in the badge. This will only be displayed if type=\"text\".\n */\n @Prop() label?: string;\n\n /**\n * The type of badge to be displayed.\n */\n @Prop() type?: IcBadgeTypes = \"text\";\n\n /**\n * The variant of the badge to be displayed.\n */\n @Prop() variant?: IcBadgeVariants = \"neutral\";\n\n @Watch(\"variant\")\n variantHandler(): void {\n this.getBadgeForeground();\n }\n\n /**\n * If `true`, the badge will be displayed.\n */\n @Prop() visible: boolean = true;\n\n @Watch(\"visible\")\n visibleHandler(): void {\n this.setAccessibleLabel();\n }\n\n componentWillLoad(): void {\n this.variant === \"custom\" && this.setBadgeColour();\n\n this.getBadgeForeground();\n\n const ariaLabel = this.el.parentElement?.ariaLabel;\n if (ariaLabel) this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n\n componentDidLoad(): void {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Badge\"\n );\n }\n\n private setBadgeColour = () => {\n const colorRGBA = convertToRGBA(this.customColor);\n\n if (colorRGBA) {\n this.customColorRGBA = colorRGBA;\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n }\n };\n\n private getBadgeRGB = () => {\n switch (this.variant) {\n case \"custom\":\n return this.customColorRGBA;\n case \"error\":\n case \"success\":\n case \"warning\":\n case \"info\": {\n return rgbaStrToObj(getCssProperty(`--ic-status-${this.variant}`));\n }\n case \"neutral\":\n case \"light\":\n return hexToRgba(\n getCssProperty(\n `--ic-architectural-${this.variant === \"neutral\" ? 500 : 40}`\n )\n );\n }\n };\n\n private getBadgeForeground = () => {\n const { r, g, b } = this.getBadgeRGB();\n this.foregroundColour = getThemeForegroundColor(\n (r * 299 + g * 587 + b * 114) / 1000\n );\n };\n\n private getLabel = () =>\n this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n private setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n\n if (parentEl) {\n const { tagName } = parentEl;\n if (\n tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))\n ) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : undefined;\n } else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n\n private isAccessibleLabelDefined = () =>\n isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n\n render() {\n const {\n ariaLabel,\n el,\n foregroundColour,\n getLabel,\n position,\n size,\n label,\n type,\n variant,\n visible,\n } = this;\n\n return (\n <Host\n class={{\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]:\n foregroundColour !== null,\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n }}\n id={el.id || null}\n aria-label={ariaLabel}\n role=\"status\"\n >\n {type === \"icon\" && <slot name=\"badge-icon\"></slot>}\n {type === \"text\" && label && (\n <ic-typography variant={size === \"small\" ? \"badge-small\" : \"badge\"}>\n {getLabel()}\n </ic-typography>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
1
|
+
{"file":"ic-badge.js","mappings":"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","names":[],"sources":["src/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","src/components/ic-badge/ic-badge.tsx"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host ic-typography {\n --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n --ic-typography-color: var(--ic-color-primary-text-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n right: -9999px;\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n Watch,\n h,\n Listen,\n} from \"@stencil/core\";\nimport {\n IcBadgePositions,\n IcBadgeTypes,\n IcBadgeVariants,\n} from \"./ic-badge.types\";\nimport {\n IcSizes,\n IcBrandForeground,\n IcColor,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n convertToRGBA,\n getBrandForegroundAppearance,\n isPropDefined,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\nconst NAVIGATION_BUTTON = \"IC-NAVIGATION-BUTTON\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\n\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\n@Component({\n tag: \"ic-badge\",\n styleUrl: \"ic-badge.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Badge {\n private ariaLabel: string | null = null;\n private foregroundColour: IcBrandForeground;\n private parentAriaLabel: string;\n\n @Element() el: HTMLIcBadgeElement;\n\n /**\n * The accessible label of the badge component to provide context for screen reader users.\n */\n @Prop() accessibleLabel?: string;\n\n @Watch(\"accessibleLabel\")\n accessibleLabelHandler(): void {\n this.setAccessibleLabel();\n }\n\n /**\n * The custom badge colour. This will only style the badge component if variant=\"custom\".\n * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n */\n @Prop() customColor?: IcColor;\n\n @Watch(\"customColor\")\n customColorHandler(): void {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n\n /**\n * The maximum number shown on the badge appended with a +.\n * This will only be displayed if type=\"text\" and label is not empty.\n */\n @Prop() maxNumber?: number;\n\n /**\n * The positioning of the badge in reference to the parent element.\n */\n @Prop({ mutable: true }) position?: IcBadgePositions = \"far\";\n\n /**\n * The size of the badge to be displayed.\n */\n @Prop() size?: IcSizes = \"medium\";\n\n /**\n * The text displayed in the badge. This will only be displayed if type=\"text\".\n */\n @Prop() label?: string;\n\n /**\n * 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.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * The type of badge to be displayed.\n */\n @Prop() type?: IcBadgeTypes = \"text\";\n\n /**\n * The variant of the badge to be displayed.\n */\n @Prop() variant?: IcBadgeVariants = \"neutral\";\n\n @Watch(\"variant\")\n variantHandler(): void {\n if (this.variant === \"custom\") {\n this.setBadgeColour();\n }\n }\n\n /**\n * If `true`, the badge will be displayed.\n */\n @Prop() visible?: boolean = true;\n\n @Watch(\"visible\")\n visibleHandler(): void {\n this.setAccessibleLabel();\n }\n\n componentWillLoad(): void {\n this.variant === \"custom\" && this.setBadgeColour();\n\n const ariaLabel = this.el.parentElement?.ariaLabel;\n if (ariaLabel) this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n\n componentDidLoad(): void {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Badge\"\n );\n }\n\n componentWillRender(): void {\n this.isInTopNav() && this.setPositionInTopNavigation();\n }\n\n @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n navBarMenuOpenHandler(): void {\n this.isInTopNav() && (this.position = \"inline\");\n }\n\n @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n navBarMenuCloseHandler(): void {\n this.isInTopNav() && (this.position = \"near\");\n }\n\n private setBadgeColour = () => {\n const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getBrandForegroundAppearance(\n (r * 299 + g * 587 + b * 114) / 1000\n );\n }\n };\n\n private getLabel = () =>\n this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n private setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n\n if (parentEl) {\n const { tagName } = parentEl;\n if (\n tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))\n ) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : null;\n } else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n\n private setPositionInTopNavigation = () => {\n const parentTopNavEl = this.el.parentElement?.parentElement;\n parentTopNavEl?.classList.contains(\"mobile-mode\")\n ? (this.position = \"inline\")\n : (this.position = \"near\");\n };\n\n private isInTopNav = (): boolean => {\n const parentEl = this.el.parentElement;\n if (parentEl) {\n const grandparentEl = parentEl?.parentElement;\n return (\n parentEl?.tagName === NAVIGATION_BUTTON &&\n grandparentEl?.tagName === TOP_NAVIGATION\n );\n }\n return false;\n };\n\n private isAccessibleLabelDefined = () =>\n isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n\n render() {\n const {\n ariaLabel,\n el,\n foregroundColour,\n getLabel,\n position,\n size,\n label,\n type,\n variant,\n visible,\n theme,\n } = this;\n\n return (\n <Host\n class={{\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]:\n foregroundColour !== null && variant === \"custom\",\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n id={el.id || null}\n aria-label={ariaLabel}\n role=\"status\"\n >\n {type === \"icon\" && <slot name=\"badge-icon\"></slot>}\n {type === \"text\" && label && (\n <ic-typography variant={size === \"small\" ? \"badge-small\" : \"badge\"}>\n {getLabel()}\n </ic-typography>\n )}\n {type === \"dot\" && <span class=\"sr-only\">badge</span>}\n </Host>\n );\n }\n}\n"],"version":3}
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
2
|
-
import { D as DEVICE_SIZES,
|
2
|
+
import { D as DEVICE_SIZES, n as getCurrentDeviceSize, c as checkResizeObserver } from './helpers.js';
|
3
3
|
import { d as defineCustomElement$3 } from './ic-breadcrumb2.js';
|
4
4
|
import { d as defineCustomElement$2 } from './ic-link2.js';
|
5
5
|
|
6
6
|
const icBreadcrumbGroupCss = ":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";
|
7
|
+
const IcBreadcrumbGroupStyle0 = icBreadcrumbGroupCss;
|
7
8
|
|
8
9
|
const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup extends HTMLElement {
|
9
10
|
constructor() {
|
@@ -14,15 +15,42 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
14
15
|
this.IC_BREADCRUMB = "ic-breadcrumb";
|
15
16
|
this.resizeObserver = null;
|
16
17
|
this.SHOW_BACK_ICON = "show-back-icon";
|
17
|
-
this.
|
18
|
+
this.deviceSize = DEVICE_SIZES.XL;
|
19
|
+
this.expandedBreadcrumbs = false;
|
20
|
+
/**
|
21
|
+
* If `true`, display only a single breadcrumb for the parent page with a back icon.
|
22
|
+
*/
|
23
|
+
this.backBreadcrumbOnly = false;
|
24
|
+
/**
|
25
|
+
* If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
|
26
|
+
*/
|
27
|
+
this.collapsed = false;
|
28
|
+
/**
|
29
|
+
* If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
|
30
|
+
*/
|
31
|
+
this.monochrome = false;
|
32
|
+
/**
|
33
|
+
* 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.
|
34
|
+
*/
|
35
|
+
this.theme = "inherit";
|
36
|
+
this.setBreadcrumbTheme = () => {
|
18
37
|
const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
|
19
38
|
allBreadcrumbs.forEach((breadcrumb) => {
|
20
|
-
breadcrumb.
|
39
|
+
breadcrumb.theme = this.theme;
|
40
|
+
});
|
41
|
+
};
|
42
|
+
this.setBreadcrumbMonochrome = () => {
|
43
|
+
const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
|
44
|
+
allBreadcrumbs.forEach((breadcrumb) => {
|
45
|
+
breadcrumb.monochrome = this.monochrome;
|
21
46
|
});
|
22
47
|
};
|
23
48
|
this.setBackBreadcrumb = () => {
|
24
49
|
if (this.backBreadcrumbOnly) {
|
25
|
-
this.
|
50
|
+
this.setLastParentCollapsedBackBreadcrumb();
|
51
|
+
}
|
52
|
+
else {
|
53
|
+
this.revertLastParentCollapsedBreadcrumb();
|
26
54
|
}
|
27
55
|
};
|
28
56
|
this.setBackBreadcrumbAttr = () => {
|
@@ -36,8 +64,8 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
36
64
|
if (allBreadcrumbs.length === 1) {
|
37
65
|
return null;
|
38
66
|
}
|
39
|
-
this.breadcrumbs = allBreadcrumbs
|
40
|
-
this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length -
|
67
|
+
this.breadcrumbs = allBreadcrumbs;
|
68
|
+
this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];
|
41
69
|
return this.breadcrumb;
|
42
70
|
};
|
43
71
|
this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
|
@@ -48,46 +76,59 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
48
76
|
});
|
49
77
|
};
|
50
78
|
this.setCollapsed = () => {
|
79
|
+
const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
|
80
|
+
const firstBreadcrumb = allBreadcrumbs[0];
|
81
|
+
if (this.collapsedBreadcrumbs) {
|
82
|
+
this.collapsedBreadcrumbs.forEach((breadcrumb) => {
|
83
|
+
breadcrumb.classList.remove("visuallyhidden");
|
84
|
+
breadcrumb.classList.remove("fade");
|
85
|
+
});
|
86
|
+
}
|
51
87
|
if (this.collapsed) {
|
52
|
-
|
88
|
+
this.renderCollapsedBreadcrumb();
|
53
89
|
this.collapsedBreadcrumbs = allBreadcrumbs
|
54
90
|
.splice(1, allBreadcrumbs.length - 2)
|
55
91
|
.filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
|
56
|
-
this.
|
57
|
-
|
92
|
+
if (!this.backBreadcrumbOnly) {
|
93
|
+
this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
|
94
|
+
}
|
58
95
|
if (firstBreadcrumb) {
|
59
96
|
firstBreadcrumb.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
|
60
97
|
}
|
61
98
|
}
|
99
|
+
else {
|
100
|
+
this.collapsedBreadcrumbWrapper.remove();
|
101
|
+
}
|
62
102
|
};
|
63
103
|
this.clickHandler = () => {
|
64
|
-
this.handleHiddenCollapsedBreadcrumbs(
|
104
|
+
this.handleHiddenCollapsedBreadcrumbs();
|
65
105
|
};
|
66
106
|
this.renderCollapsedBreadcrumb = () => {
|
67
|
-
this.
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
107
|
+
if (this.collapsedBreadcrumbEl === undefined) {
|
108
|
+
this.collapsedBreadcrumbWrapper = document.createElement("ic-breadcrumb");
|
109
|
+
this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");
|
110
|
+
this.collapsedBreadcrumbEl = document.createElement("button");
|
111
|
+
const ariaLabel = document.createElement("span");
|
112
|
+
ariaLabel.id = "collapsed-button-label";
|
113
|
+
ariaLabel.innerText = "Collapsed breadcrumbs";
|
114
|
+
ariaLabel.className = "hide";
|
115
|
+
this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", "collapsed-button-label");
|
116
|
+
const ariaDescribed = document.createElement("span");
|
117
|
+
ariaDescribed.id = "collapsed-button-described";
|
118
|
+
ariaDescribed.innerText = "Select to view collapsed breadcrumbs";
|
119
|
+
ariaDescribed.className = "hide";
|
120
|
+
this.collapsedBreadcrumbEl.setAttribute("aria-describedby", "collapsed-button-described");
|
121
|
+
this.collapsedBreadcrumbEl.id = "collapsed-ellipsis";
|
122
|
+
this.collapsedBreadcrumbEl.innerText = "...";
|
123
|
+
this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");
|
124
|
+
this.collapsedBreadcrumbEl.addEventListener("click", this.clickHandler);
|
125
|
+
this.collapsedBreadcrumbWrapper.append(ariaDescribed);
|
126
|
+
this.collapsedBreadcrumbWrapper.append(ariaLabel);
|
127
|
+
this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
|
128
|
+
}
|
129
|
+
};
|
130
|
+
this.handleHiddenCollapsedBreadcrumbs = () => {
|
131
|
+
this.collapsedBreadcrumbWrapper.remove();
|
91
132
|
this.collapsedBreadcrumbs.forEach((breadcrumb) => {
|
92
133
|
breadcrumb.classList.add("visuallyhidden");
|
93
134
|
breadcrumb.classList.remove("hide");
|
@@ -109,11 +150,20 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
109
150
|
breadcrumb.addEventListener("transitionend", this.transitionendHandler);
|
110
151
|
};
|
111
152
|
this.setLastParentCollapsedBackBreadcrumb = () => {
|
153
|
+
this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
|
112
154
|
this.setBackBreadcrumbAttr();
|
113
|
-
this.lastParentBreadcrumb
|
155
|
+
if (this.lastParentBreadcrumb) {
|
156
|
+
this.lastParentBreadcrumb.classList.remove("hide");
|
157
|
+
this.lastParentBreadcrumb.classList.add("show");
|
158
|
+
}
|
114
159
|
};
|
115
160
|
this.revertLastParentCollapsedBreadcrumb = () => {
|
116
|
-
this.lastParentBreadcrumb
|
161
|
+
if (this.lastParentBreadcrumb) {
|
162
|
+
this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
|
163
|
+
if (this.collapsed) {
|
164
|
+
this.lastParentBreadcrumb.classList.add("hide");
|
165
|
+
}
|
166
|
+
}
|
117
167
|
};
|
118
168
|
this.resizeObserverCallback = (currSize) => {
|
119
169
|
if (currSize !== this.deviceSize) {
|
@@ -151,36 +201,35 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
151
201
|
});
|
152
202
|
this.resizeObserver.observe(this.el);
|
153
203
|
};
|
154
|
-
this.deviceSize = DEVICE_SIZES.XL;
|
155
|
-
this.expandedBreadcrumbs = false;
|
156
|
-
this.appearance = "default";
|
157
|
-
this.backBreadcrumbOnly = false;
|
158
|
-
this.collapsed = false;
|
159
|
-
}
|
160
|
-
watchAppearanceHandler() {
|
161
|
-
this.setAppearance();
|
162
204
|
}
|
163
205
|
watchBackBreadcrumbHandler() {
|
164
206
|
this.setBackBreadcrumb();
|
165
207
|
}
|
208
|
+
watchCollapsedHandler() {
|
209
|
+
this.setCollapsed();
|
210
|
+
}
|
211
|
+
watchMonochromeHandler() {
|
212
|
+
this.setBreadcrumbMonochrome();
|
213
|
+
}
|
214
|
+
watchThemeHandler() {
|
215
|
+
this.setBreadcrumbTheme();
|
216
|
+
}
|
166
217
|
componentWillLoad() {
|
167
218
|
const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
|
168
|
-
this.
|
219
|
+
this.setBreadcrumbTheme();
|
220
|
+
this.setBreadcrumbMonochrome();
|
169
221
|
if (this.backBreadcrumbOnly) {
|
170
222
|
this.setBackBreadcrumb();
|
171
223
|
}
|
172
224
|
else {
|
173
225
|
checkResizeObserver(this.runResizeObserver);
|
174
226
|
}
|
175
|
-
if (this.collapsed) {
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
else {
|
182
|
-
this.setCollapsed();
|
183
|
-
}
|
227
|
+
if (this.collapsed && allBreadcrumbs.length > 2) {
|
228
|
+
if (getCurrentDeviceSize() === DEVICE_SIZES.S) {
|
229
|
+
this.setLastParentCollapsedBackBreadcrumb();
|
230
|
+
}
|
231
|
+
else {
|
232
|
+
this.setCollapsed();
|
184
233
|
}
|
185
234
|
}
|
186
235
|
}
|
@@ -191,26 +240,32 @@ const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup e
|
|
191
240
|
this.collapsedBreadcrumbEl.removeEventListener("click", this.clickHandler);
|
192
241
|
}
|
193
242
|
render() {
|
194
|
-
return (h(Host, { class: {
|
195
|
-
"ic-breadcrumb-group-back": this.backBreadcrumbOnly,
|
196
|
-
"ic-breadcrumb-group-collapsed": this.collapsed,
|
197
|
-
|
243
|
+
return (h(Host, { key: 'aeb0ffb06d519727c806ff53ca569fb3f5e89f45', class: {
|
244
|
+
"ic-breadcrumb-group-back": !!this.backBreadcrumbOnly,
|
245
|
+
"ic-breadcrumb-group-collapsed": !!this.collapsed,
|
246
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
247
|
+
} }, h("nav", { key: 'c5b6ceb2ecbcd99f331981ed7d41d8f65929484b', "aria-label": "breadcrumbs" }, h("ol", { key: '6204a3fc1a832524efd7f18e7b3ddcc7e26c0fa4' }, h("slot", { key: 'd43502ff8a825c31983b661d4221b610aaad5d94' })))));
|
198
248
|
}
|
199
249
|
get el() { return this; }
|
200
250
|
static get watchers() { return {
|
201
|
-
"
|
202
|
-
"
|
251
|
+
"backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
|
252
|
+
"collapsed": ["watchCollapsedHandler"],
|
253
|
+
"monochrome": ["watchMonochromeHandler"],
|
254
|
+
"theme": ["watchThemeHandler"]
|
203
255
|
}; }
|
204
|
-
static get style() { return
|
256
|
+
static get style() { return IcBreadcrumbGroupStyle0; }
|
205
257
|
}, [1, "ic-breadcrumb-group", {
|
206
|
-
"appearance": [1],
|
207
258
|
"backBreadcrumbOnly": [4, "back-breadcrumb-only"],
|
208
259
|
"collapsed": [4],
|
260
|
+
"monochrome": [4],
|
261
|
+
"theme": [1],
|
209
262
|
"deviceSize": [32],
|
210
263
|
"expandedBreadcrumbs": [32]
|
211
264
|
}, undefined, {
|
212
|
-
"
|
213
|
-
"
|
265
|
+
"backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
|
266
|
+
"collapsed": ["watchCollapsedHandler"],
|
267
|
+
"monochrome": ["watchMonochromeHandler"],
|
268
|
+
"theme": ["watchThemeHandler"]
|
214
269
|
}]);
|
215
270
|
function defineCustomElement$1() {
|
216
271
|
if (typeof customElements === "undefined") {
|