@ukic/web-components 3.0.0 → 3.2.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 +34 -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-789082d4.js} +159 -75
- package/dist/cjs/helpers-789082d4.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 +93 -46
- 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 +91 -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 +366 -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 +122 -45
- 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 +418 -199
- 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 +62 -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 +54 -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 +30 -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 +3 -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 +52 -19
- package/dist/collection/components/ic-alert/ic-alert.js +164 -50
- 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 +160 -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 +722 -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 +2364 -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 +115 -104
- 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 +80 -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 +18 -10
- 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 +298 -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 +13 -20
- 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 +45 -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 +52 -51
- 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 +60 -65
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +188 -62
- 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 +59 -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 +591 -248
- 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 +64 -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 +231 -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 +27 -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 +69 -126
- 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 +121 -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 +188 -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 +123 -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 +57 -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 +97 -68
- 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 +151 -70
- 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 +98 -47
- 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 +93 -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 +53 -12
- 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 +42 -23
- 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 +125 -45
- 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 +421 -199
- 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 +91 -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 +59 -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 +75 -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-005cd8a8.entry.js +2 -0
- package/dist/core/p-005cd8a8.entry.js.map +1 -0
- package/dist/core/p-0631c3ab.entry.js +2 -0
- package/dist/core/p-0631c3ab.entry.js.map +1 -0
- package/dist/core/p-0a8b3967.entry.js +2 -0
- package/dist/core/p-0a8b3967.entry.js.map +1 -0
- package/dist/core/p-0b4350df.entry.js +2 -0
- package/dist/core/p-0b4350df.entry.js.map +1 -0
- package/dist/core/p-0e618fc5.entry.js +2 -0
- package/dist/core/p-0e618fc5.entry.js.map +1 -0
- package/dist/core/p-18ecba80.entry.js +2 -0
- package/dist/core/p-18ecba80.entry.js.map +1 -0
- package/dist/core/p-1e4cdd2d.entry.js +2 -0
- package/dist/core/p-1e4cdd2d.entry.js.map +1 -0
- package/dist/core/p-23d059ff.entry.js +2 -0
- package/dist/core/p-23d059ff.entry.js.map +1 -0
- package/dist/core/{p-54238d16.entry.js → p-23ed8b99.entry.js} +2 -2
- package/dist/core/p-23ed8b99.entry.js.map +1 -0
- package/dist/core/p-281ce313.js +2 -0
- package/dist/core/p-281ce313.js.map +1 -0
- package/dist/core/p-30abe545.entry.js +2 -0
- package/dist/core/p-30abe545.entry.js.map +1 -0
- package/dist/core/p-3132270d.entry.js +2 -0
- package/dist/core/p-3132270d.entry.js.map +1 -0
- package/dist/core/p-33c86ba6.entry.js +2 -0
- package/dist/core/p-33c86ba6.entry.js.map +1 -0
- package/dist/core/p-3675c4b4.entry.js +2 -0
- package/dist/core/p-3675c4b4.entry.js.map +1 -0
- package/dist/core/p-3b185c32.js.map +1 -1
- package/dist/core/p-3b5d3e24.entry.js +2 -0
- package/dist/core/p-3b5d3e24.entry.js.map +1 -0
- package/dist/core/p-3eb7ef1d.entry.js +2 -0
- package/dist/core/p-3eb7ef1d.entry.js.map +1 -0
- package/dist/core/{p-a87d13b3.entry.js → p-40f2f58e.entry.js} +2 -2
- package/dist/core/p-40f2f58e.entry.js.map +1 -0
- package/dist/core/p-4245a976.entry.js +2 -0
- package/dist/core/p-4245a976.entry.js.map +1 -0
- package/dist/core/p-426ec638.js.map +1 -1
- package/dist/core/p-44e4e8c1.entry.js +2 -0
- package/dist/core/p-44e4e8c1.entry.js.map +1 -0
- package/dist/core/p-45432bf5.entry.js +2 -0
- package/dist/core/p-45432bf5.entry.js.map +1 -0
- package/dist/core/p-4b601e06.entry.js +2 -0
- package/dist/core/p-4b601e06.entry.js.map +1 -0
- package/dist/core/{p-bf89c86d.entry.js → p-4b6818d9.entry.js} +2 -2
- package/dist/core/p-4b6818d9.entry.js.map +1 -0
- package/dist/core/p-517d7afb.entry.js +2 -0
- package/dist/core/p-517d7afb.entry.js.map +1 -0
- package/dist/core/p-5206a978.entry.js +2 -0
- package/dist/core/p-5206a978.entry.js.map +1 -0
- package/dist/core/p-5d4b0480.entry.js +2 -0
- package/dist/core/p-5d4b0480.entry.js.map +1 -0
- package/dist/core/p-5e18b899.entry.js +2 -0
- package/dist/core/p-5e18b899.entry.js.map +1 -0
- package/dist/core/p-6337fe1f.entry.js +2 -0
- package/dist/core/p-6337fe1f.entry.js.map +1 -0
- package/dist/core/p-63fe83ad.entry.js +2 -0
- package/dist/core/p-63fe83ad.entry.js.map +1 -0
- package/dist/core/p-68a5aaff.js.map +1 -1
- package/dist/core/p-6de6b6b7.entry.js +2 -0
- package/dist/core/p-6de6b6b7.entry.js.map +1 -0
- package/dist/core/p-70700c7a.entry.js +2 -0
- package/dist/core/p-70700c7a.entry.js.map +1 -0
- package/dist/core/p-7a0d238b.entry.js +2 -0
- package/dist/core/p-7a0d238b.entry.js.map +1 -0
- package/dist/core/p-7afc71d0.entry.js +2 -0
- package/dist/core/p-7afc71d0.entry.js.map +1 -0
- package/dist/core/p-7c0914e7.entry.js +2 -0
- package/dist/core/p-7c0914e7.entry.js.map +1 -0
- package/dist/core/p-7dfe0284.entry.js +2 -0
- package/dist/core/p-7dfe0284.entry.js.map +1 -0
- package/dist/core/p-81a12e36.entry.js +2 -0
- package/dist/core/p-81a12e36.entry.js.map +1 -0
- package/dist/core/p-88924aef.entry.js +2 -0
- package/dist/core/p-88924aef.entry.js.map +1 -0
- package/dist/core/p-8ba129fc.entry.js +2 -0
- package/dist/core/p-8ba129fc.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-950db960.entry.js +2 -0
- package/dist/core/p-950db960.entry.js.map +1 -0
- package/dist/core/p-959a9cdf.entry.js +2 -0
- package/dist/core/p-959a9cdf.entry.js.map +1 -0
- package/dist/core/p-9ea9a4ce.entry.js +2 -0
- package/dist/core/p-9ea9a4ce.entry.js.map +1 -0
- package/dist/core/p-a9c96e3e.entry.js +2 -0
- package/dist/core/p-a9c96e3e.entry.js.map +1 -0
- package/dist/core/p-abaea607.entry.js +2 -0
- package/dist/core/p-abaea607.entry.js.map +1 -0
- package/dist/core/p-ac7db165.entry.js +2 -0
- package/dist/core/p-ac7db165.entry.js.map +1 -0
- package/dist/core/p-acebb05c.entry.js +2 -0
- package/dist/core/p-acebb05c.entry.js.map +1 -0
- package/dist/core/p-b3ac38c5.entry.js +2 -0
- package/dist/core/p-b3ac38c5.entry.js.map +1 -0
- package/dist/core/p-b3d6d5be.entry.js +2 -0
- package/dist/core/p-b3d6d5be.entry.js.map +1 -0
- package/dist/core/p-bbe5596b.entry.js +2 -0
- package/dist/core/p-bbe5596b.entry.js.map +1 -0
- package/dist/core/p-c04f36c5.entry.js +2 -0
- package/dist/core/p-c04f36c5.entry.js.map +1 -0
- package/dist/core/p-c2ca6274.entry.js +2 -0
- package/dist/core/p-c2ca6274.entry.js.map +1 -0
- package/dist/core/p-c2e091d7.js.map +1 -1
- package/dist/core/p-c62318a8.entry.js +2 -0
- package/dist/core/p-c62318a8.entry.js.map +1 -0
- package/dist/core/p-de43d375.entry.js +2 -0
- package/dist/core/p-de43d375.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-e2f893f0.entry.js +2 -0
- package/dist/core/p-e2f893f0.entry.js.map +1 -0
- package/dist/core/p-e56d0db2.entry.js +2 -0
- package/dist/core/p-e56d0db2.entry.js.map +1 -0
- package/dist/core/p-e586ae7b.entry.js +2 -0
- package/dist/core/p-e586ae7b.entry.js.map +1 -0
- package/dist/core/p-ef09b450.entry.js +2 -0
- package/dist/core/p-ef09b450.entry.js.map +1 -0
- package/dist/core/p-f074ef5b.js.map +1 -1
- package/dist/core/p-f34eee68.entry.js +2 -0
- package/dist/core/p-f34eee68.entry.js.map +1 -0
- package/dist/core/p-f3c72ffb.entry.js +2 -0
- package/dist/core/p-f3c72ffb.entry.js.map +1 -0
- package/dist/core/{p-a0e4d6bd.entry.js → p-f815f8c9.entry.js} +2 -2
- package/dist/core/p-f815f8c9.entry.js.map +1 -0
- package/dist/core/p-fbde763c.entry.js +2 -0
- package/dist/core/p-fbde763c.entry.js.map +1 -0
- package/dist/core/p-fc50d582.entry.js +2 -0
- package/dist/core/p-fc50d582.entry.js.map +1 -0
- package/dist/core/p-fe833509.entry.js +2 -0
- package/dist/core/p-fe833509.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-46a2d1fd.js} +152 -71
- package/dist/esm/helpers-46a2d1fd.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 +93 -46
- 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 +91 -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 +366 -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 +122 -45
- 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 +418 -199
- 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 +58 -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 +54 -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 +24 -8
- 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 +15 -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 +53 -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 +38 -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 +19 -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 +9 -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 +975 -389
- 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 +35 -17
- package/dist/types/utils/types.d.ts +18 -10
- package/hydrate/index.d.ts +53 -12
- package/hydrate/index.js +32853 -19673
- package/hydrate/index.mjs +34474 -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 +22 -21
- 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
@@ -5,12 +5,13 @@
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
6
6
|
*/
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
8
|
-
import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants,
|
9
|
-
import { IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
|
8
|
+
import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcThemeSettings, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
|
9
|
+
import { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
|
10
10
|
import { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
|
11
|
-
import {
|
11
|
+
import { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
|
12
12
|
import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
|
13
13
|
import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
|
14
|
+
import { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.types";
|
14
15
|
import { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.types";
|
15
16
|
import { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
|
16
17
|
import { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
|
@@ -19,6 +20,7 @@ import { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicato
|
|
19
20
|
import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
|
20
21
|
import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
|
21
22
|
import { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types";
|
23
|
+
import { IcNavigationExpandEventDetail, IcNavigationOpenEventDetail } from "./components/ic-navigation-group/ic-navigation-group.types";
|
22
24
|
import { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
|
23
25
|
import { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
|
24
26
|
import { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
|
@@ -33,12 +35,13 @@ import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from
|
|
33
35
|
import { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
|
34
36
|
import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
|
35
37
|
import { Options } from "@popperjs/core";
|
36
|
-
export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants,
|
37
|
-
export { IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
|
38
|
+
export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcThemeSettings, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
|
39
|
+
export { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
|
38
40
|
export { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
|
39
|
-
export {
|
41
|
+
export { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
|
40
42
|
export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
|
41
43
|
export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
|
44
|
+
export { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.types";
|
42
45
|
export { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.types";
|
43
46
|
export { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
|
44
47
|
export { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
|
@@ -47,6 +50,7 @@ export { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicato
|
|
47
50
|
export { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
|
48
51
|
export { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
|
49
52
|
export { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types";
|
53
|
+
export { IcNavigationExpandEventDetail, IcNavigationOpenEventDetail } from "./components/ic-navigation-group/ic-navigation-group.types";
|
50
54
|
export { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
|
51
55
|
export { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
|
52
56
|
export { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
|
@@ -63,7 +67,6 @@ export { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
|
|
63
67
|
export { Options } from "@popperjs/core";
|
64
68
|
export namespace Components {
|
65
69
|
interface IcAccordion {
|
66
|
-
"appearance"?: IcThemeForeground;
|
67
70
|
/**
|
68
71
|
* If `true`, the accordion will be disabled.
|
69
72
|
*/
|
@@ -71,7 +74,7 @@ export namespace Components {
|
|
71
74
|
/**
|
72
75
|
* If `true`, the accordion appears expanded.
|
73
76
|
*/
|
74
|
-
"expanded"
|
77
|
+
"expanded"?: boolean;
|
75
78
|
/**
|
76
79
|
* The section header outlining section content.
|
77
80
|
*/
|
@@ -88,24 +91,24 @@ export namespace Components {
|
|
88
91
|
* The size of the accordion.
|
89
92
|
*/
|
90
93
|
"size"?: IcSizes;
|
94
|
+
/**
|
95
|
+
* 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.
|
96
|
+
*/
|
97
|
+
"theme"?: IcThemeMode;
|
91
98
|
}
|
92
99
|
interface IcAccordionGroup {
|
93
100
|
/**
|
94
101
|
* The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
|
95
102
|
*/
|
96
|
-
"accessibleButtonLabel"
|
97
|
-
/**
|
98
|
-
* The appearance of the accordion group, e.g dark, or light.
|
99
|
-
*/
|
100
|
-
"appearance": IcThemeForeground;
|
103
|
+
"accessibleButtonLabel"?: string;
|
101
104
|
/**
|
102
105
|
* If `true`, the accordion will load in an expanded state.
|
103
106
|
*/
|
104
|
-
"expanded"
|
107
|
+
"expanded"?: boolean;
|
105
108
|
/**
|
106
109
|
* The header for the accordion group.
|
107
110
|
*/
|
108
|
-
"label"
|
111
|
+
"label"?: string;
|
109
112
|
/**
|
110
113
|
* Sets the focus on first focusable element in the accordion group. If the "See/Hide all" button is present, it will be focused. Otherwise, the first accordion will be focused.
|
111
114
|
*/
|
@@ -113,47 +116,67 @@ export namespace Components {
|
|
113
116
|
/**
|
114
117
|
* If `true`, only one accordion will open at a time.
|
115
118
|
*/
|
116
|
-
"singleExpansion"
|
119
|
+
"singleExpansion"?: boolean;
|
117
120
|
/**
|
118
121
|
* The size of the accordion.
|
119
122
|
*/
|
120
123
|
"size"?: IcSizes;
|
124
|
+
/**
|
125
|
+
* 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.
|
126
|
+
*/
|
127
|
+
"theme"?: IcThemeMode;
|
121
128
|
}
|
122
129
|
interface IcAlert {
|
123
130
|
/**
|
124
131
|
* If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.
|
125
132
|
*/
|
126
|
-
"announced"
|
133
|
+
"announced": boolean;
|
127
134
|
/**
|
128
135
|
* If `true`, the alert will have a close icon at the end to dismiss it.
|
129
136
|
*/
|
130
|
-
"dismissible"
|
137
|
+
"dismissible": boolean;
|
131
138
|
/**
|
132
139
|
* The optional title to display at the start of the alert.
|
133
140
|
*/
|
134
|
-
"heading"
|
141
|
+
"heading": string;
|
135
142
|
/**
|
136
143
|
* The main body message of the alert.
|
137
144
|
*/
|
138
145
|
"message"?: string;
|
146
|
+
/**
|
147
|
+
* If `true`, the default icon for the neutral variant will appear on the left of the alert.
|
148
|
+
*/
|
149
|
+
"showDefaultIcon": boolean;
|
150
|
+
/**
|
151
|
+
* 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.
|
152
|
+
*/
|
153
|
+
"theme": IcThemeMode;
|
139
154
|
/**
|
140
155
|
* If `true`, the title and message will appear above and below instead of inline.
|
141
156
|
*/
|
142
|
-
"titleAbove"
|
157
|
+
"titleAbove": boolean;
|
143
158
|
/**
|
144
159
|
* The variant of the alert which will be rendered.
|
145
160
|
*/
|
146
|
-
"variant"
|
161
|
+
"variant": IcStatusVariants;
|
147
162
|
}
|
148
163
|
interface IcBackToTop {
|
164
|
+
/**
|
165
|
+
* The horizontal position of the element.
|
166
|
+
*/
|
167
|
+
"position"?: IcBackToTopPositions;
|
149
168
|
/**
|
150
169
|
* The ID of the element to jump back to when the link is clicked.
|
151
170
|
*/
|
152
171
|
"target": string;
|
172
|
+
/**
|
173
|
+
* 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.
|
174
|
+
*/
|
175
|
+
"theme"?: IcThemeMode;
|
153
176
|
/**
|
154
177
|
* The variant of the button to render
|
155
178
|
*/
|
156
|
-
"variant"
|
179
|
+
"variant"?: IcBackToTopVariants;
|
157
180
|
}
|
158
181
|
interface IcBadge {
|
159
182
|
/**
|
@@ -180,6 +203,10 @@ export namespace Components {
|
|
180
203
|
* The size of the badge to be displayed.
|
181
204
|
*/
|
182
205
|
"size"?: IcSizes;
|
206
|
+
/**
|
207
|
+
* 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.
|
208
|
+
*/
|
209
|
+
"theme"?: IcThemeMode;
|
183
210
|
/**
|
184
211
|
* The type of badge to be displayed.
|
185
212
|
*/
|
@@ -191,10 +218,9 @@ export namespace Components {
|
|
191
218
|
/**
|
192
219
|
* If `true`, the badge will be displayed.
|
193
220
|
*/
|
194
|
-
"visible"
|
221
|
+
"visible"?: boolean;
|
195
222
|
}
|
196
223
|
interface IcBreadcrumb {
|
197
|
-
"appearance": IcThemeForeground;
|
198
224
|
/**
|
199
225
|
* If `true`, aria-current will be set on the breadcrumb.
|
200
226
|
*/
|
@@ -203,6 +229,7 @@ export namespace Components {
|
|
203
229
|
* The URL that the breadcrumb link points to.
|
204
230
|
*/
|
205
231
|
"href"?: string;
|
232
|
+
"monochrome"?: boolean;
|
206
233
|
/**
|
207
234
|
* The title of the breadcrumb.
|
208
235
|
*/
|
@@ -211,33 +238,34 @@ export namespace Components {
|
|
211
238
|
* Sets focus on the breadcrumb.
|
212
239
|
*/
|
213
240
|
"setFocus": () => Promise<void>;
|
214
|
-
"showBackIcon"
|
241
|
+
"showBackIcon"?: boolean;
|
242
|
+
"theme"?: IcThemeMode;
|
215
243
|
}
|
216
244
|
interface IcBreadcrumbGroup {
|
217
|
-
/**
|
218
|
-
* The appearance of the breadcrumb group.
|
219
|
-
*/
|
220
|
-
"appearance": IcThemeForeground;
|
221
245
|
/**
|
222
246
|
* If `true`, display only a single breadcrumb for the parent page with a back icon.
|
223
247
|
*/
|
224
|
-
"backBreadcrumbOnly"
|
248
|
+
"backBreadcrumbOnly"?: boolean;
|
225
249
|
/**
|
226
250
|
* If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
|
227
251
|
*/
|
228
|
-
"collapsed"
|
252
|
+
"collapsed"?: boolean;
|
253
|
+
/**
|
254
|
+
* If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
|
255
|
+
*/
|
256
|
+
"monochrome"?: boolean;
|
257
|
+
/**
|
258
|
+
* 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.
|
259
|
+
*/
|
260
|
+
"theme"?: IcThemeMode;
|
229
261
|
}
|
230
262
|
interface IcButton {
|
231
263
|
/**
|
232
264
|
* If `fileUpload` is set to `true`, this is the accepted list of file types.
|
233
265
|
*/
|
234
266
|
"accept"?: string;
|
235
|
-
|
236
|
-
|
237
|
-
*/
|
238
|
-
"appearance"?: IcThemeForeground;
|
239
|
-
"ariaControlsId": string | boolean;
|
240
|
-
"ariaOwnsId": string | boolean;
|
267
|
+
"ariaControlsId"?: string | boolean;
|
268
|
+
"ariaOwnsId"?: string | boolean;
|
241
269
|
/**
|
242
270
|
* If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.
|
243
271
|
*/
|
@@ -261,7 +289,7 @@ export namespace Components {
|
|
261
289
|
/**
|
262
290
|
* The name of the control for the file input, which is submitted with the form data.
|
263
291
|
*/
|
264
|
-
"fileInputName"
|
292
|
+
"fileInputName"?: string;
|
265
293
|
/**
|
266
294
|
* If `true`, when the button is clicked the native file explorer will be launched.
|
267
295
|
*/
|
@@ -306,6 +334,10 @@ export namespace Components {
|
|
306
334
|
* If `true`, the button will be in loading state.
|
307
335
|
*/
|
308
336
|
"loading"?: boolean;
|
337
|
+
/**
|
338
|
+
* If `true`, the button will display as monochromatic in either `light` or `dark` theme.
|
339
|
+
*/
|
340
|
+
"monochrome"?: boolean;
|
309
341
|
/**
|
310
342
|
* If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
|
311
343
|
*/
|
@@ -321,7 +353,7 @@ export namespace Components {
|
|
321
353
|
/**
|
322
354
|
* The list of the files that have been selected by a user.
|
323
355
|
*/
|
324
|
-
"selectedFiles"
|
356
|
+
"selectedFiles"?: FileList;
|
325
357
|
/**
|
326
358
|
* Sets focus on the native `button`.
|
327
359
|
*/
|
@@ -334,6 +366,10 @@ export namespace Components {
|
|
334
366
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
335
367
|
*/
|
336
368
|
"target"?: string;
|
369
|
+
/**
|
370
|
+
* 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.
|
371
|
+
*/
|
372
|
+
"theme"?: IcThemeMode;
|
337
373
|
/**
|
338
374
|
* The position of the tooltip in relation to the button.
|
339
375
|
*/
|
@@ -375,7 +411,7 @@ export namespace Components {
|
|
375
411
|
/**
|
376
412
|
* The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
|
377
413
|
*/
|
378
|
-
"href"?: string
|
414
|
+
"href"?: string;
|
379
415
|
/**
|
380
416
|
* The human language of the linked URL.
|
381
417
|
*/
|
@@ -404,14 +440,18 @@ export namespace Components {
|
|
404
440
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
405
441
|
*/
|
406
442
|
"target"?: string;
|
443
|
+
/**
|
444
|
+
* 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.
|
445
|
+
*/
|
446
|
+
"theme"?: IcThemeMode;
|
407
447
|
}
|
408
448
|
interface IcCheckbox {
|
409
449
|
/**
|
410
450
|
* The style of additionalField that will be displayed if used.
|
411
451
|
*/
|
412
|
-
"additionalFieldDisplay"
|
452
|
+
"additionalFieldDisplay"?: IcAdditionalFieldTypes;
|
413
453
|
/**
|
414
|
-
* If `true`, the checkbox will be set to the checked state.
|
454
|
+
* If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.
|
415
455
|
*/
|
416
456
|
"checked"?: boolean;
|
417
457
|
/**
|
@@ -421,7 +461,7 @@ export namespace Components {
|
|
421
461
|
/**
|
422
462
|
* The text to be displayed when dynamic.
|
423
463
|
*/
|
424
|
-
"dynamicText"
|
464
|
+
"dynamicText"?: string;
|
425
465
|
/**
|
426
466
|
* The <form> element to associate the checkbox with.
|
427
467
|
*/
|
@@ -429,15 +469,15 @@ export namespace Components {
|
|
429
469
|
/**
|
430
470
|
* The group label for the checkbox.
|
431
471
|
*/
|
432
|
-
"groupLabel"
|
472
|
+
"groupLabel"?: string;
|
433
473
|
/**
|
434
474
|
* If `true`, the label will be hidden and the required label value will be applied as an aria-label.
|
435
475
|
*/
|
436
|
-
"hideLabel"
|
476
|
+
"hideLabel"?: boolean;
|
437
477
|
/**
|
438
478
|
* If `true`, the indeterminate state will be displayed when checked.
|
439
479
|
*/
|
440
|
-
"indeterminate"
|
480
|
+
"indeterminate"?: boolean;
|
441
481
|
/**
|
442
482
|
* The label for the checkbox.
|
443
483
|
*/
|
@@ -445,11 +485,11 @@ export namespace Components {
|
|
445
485
|
/**
|
446
486
|
* The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
|
447
487
|
*/
|
448
|
-
"name"
|
488
|
+
"name"?: string;
|
449
489
|
/**
|
450
490
|
* If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
|
451
491
|
*/
|
452
|
-
"nativeIndeterminateBehaviour"
|
492
|
+
"nativeIndeterminateBehaviour"?: boolean;
|
453
493
|
/**
|
454
494
|
* Sets focus on the checkbox.
|
455
495
|
*/
|
@@ -458,6 +498,10 @@ export namespace Components {
|
|
458
498
|
* The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
|
459
499
|
*/
|
460
500
|
"size"?: IcSizes;
|
501
|
+
/**
|
502
|
+
* 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.
|
503
|
+
*/
|
504
|
+
"theme"?: IcThemeMode;
|
461
505
|
/**
|
462
506
|
* The value for the checkbox.
|
463
507
|
*/
|
@@ -467,15 +511,15 @@ export namespace Components {
|
|
467
511
|
/**
|
468
512
|
* If `true`, the checkbox group will be set to the disabled state.
|
469
513
|
*/
|
470
|
-
"disabled"
|
514
|
+
"disabled"?: boolean;
|
471
515
|
/**
|
472
516
|
* The helper text that will be displayed for additional field guidance.
|
473
517
|
*/
|
474
|
-
"helperText"
|
518
|
+
"helperText"?: string;
|
475
519
|
/**
|
476
520
|
* If `true`, the label will be hidden and the required label value will be applied as an aria-label.
|
477
521
|
*/
|
478
|
-
"hideLabel"
|
522
|
+
"hideLabel"?: boolean;
|
479
523
|
/**
|
480
524
|
* The label for the checkbox group to be displayed.
|
481
525
|
*/
|
@@ -487,29 +531,37 @@ export namespace Components {
|
|
487
531
|
/**
|
488
532
|
* If `true`, the checkbox group will require a value.
|
489
533
|
*/
|
490
|
-
"required"
|
534
|
+
"required"?: boolean;
|
491
535
|
/**
|
492
536
|
* The size of the checkboxes to be displayed. This does not affect the font size of the label.
|
493
537
|
*/
|
494
538
|
"size"?: IcSizes;
|
539
|
+
/**
|
540
|
+
* 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.
|
541
|
+
*/
|
542
|
+
"theme"?: IcThemeMode;
|
495
543
|
/**
|
496
544
|
* The validation status - e.g. 'error' | 'warning' | 'success'.
|
497
545
|
*/
|
498
|
-
"validationStatus"
|
546
|
+
"validationStatus"?: IcInformationStatusOrEmpty;
|
499
547
|
/**
|
500
|
-
* The
|
548
|
+
* The text to display as the validation message.
|
501
549
|
*/
|
502
|
-
"validationText"
|
550
|
+
"validationText"?: string;
|
503
551
|
}
|
504
552
|
interface IcChip {
|
505
553
|
/**
|
506
|
-
* The custom chip colour. This
|
554
|
+
* The custom chip colour. This will override the theme colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
|
507
555
|
*/
|
508
556
|
"customColor"?: IcColor;
|
509
557
|
/**
|
510
558
|
* If `true`, the chip will appear disabled.
|
511
559
|
*/
|
512
560
|
"disabled"?: boolean;
|
561
|
+
/**
|
562
|
+
* The text in the dismiss button tooltip and aria label.
|
563
|
+
*/
|
564
|
+
"dismissLabel"?: string;
|
513
565
|
/**
|
514
566
|
* If `true`, the chip will have a close button at the end to dismiss it.
|
515
567
|
*/
|
@@ -527,7 +579,11 @@ export namespace Components {
|
|
527
579
|
*/
|
528
580
|
"size"?: IcSizes;
|
529
581
|
/**
|
530
|
-
*
|
582
|
+
* Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this.
|
583
|
+
*/
|
584
|
+
"theme"?: "dark" | "light" | "inherit";
|
585
|
+
/**
|
586
|
+
* If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.
|
531
587
|
*/
|
532
588
|
"transparentBackground"?: boolean;
|
533
589
|
/**
|
@@ -561,37 +617,41 @@ export namespace Components {
|
|
561
617
|
/**
|
562
618
|
* The title for the data list.
|
563
619
|
*/
|
564
|
-
"heading"
|
620
|
+
"heading"?: string;
|
565
621
|
/**
|
566
622
|
* The size of the data list component.
|
567
623
|
*/
|
568
624
|
"size"?: IcSizesNoLarge;
|
625
|
+
/**
|
626
|
+
* 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.
|
627
|
+
*/
|
628
|
+
"theme"?: IcThemeMode;
|
569
629
|
}
|
570
630
|
interface IcDataRow {
|
571
631
|
/**
|
572
632
|
* The label in the leftmost cell of the row.
|
573
633
|
*/
|
574
|
-
"label"
|
634
|
+
"label"?: string;
|
575
635
|
/**
|
576
636
|
* The size of the data row component.
|
577
637
|
*/
|
578
638
|
"size"?: IcSizesNoLarge;
|
639
|
+
/**
|
640
|
+
* 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.
|
641
|
+
*/
|
642
|
+
"theme"?: IcThemeMode;
|
579
643
|
/**
|
580
644
|
* The value of the middle (right if no end-component supplied) cell of the row.
|
581
645
|
*/
|
582
|
-
"value"
|
646
|
+
"value"?: string;
|
583
647
|
}
|
584
648
|
interface IcDialog {
|
585
|
-
/**
|
586
|
-
* If set to `false`, default buttons or slotted dialog controls will not be displayed.
|
587
|
-
*/
|
588
|
-
"buttons"?: boolean;
|
589
649
|
/**
|
590
650
|
* Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.
|
591
651
|
*/
|
592
652
|
"cancelDialog": () => Promise<void>;
|
593
653
|
/**
|
594
|
-
* If set to `
|
654
|
+
* If set to `false`, the dialog will not close when the backdrop is clicked.
|
595
655
|
*/
|
596
656
|
"closeOnBackdropClick"?: boolean;
|
597
657
|
/**
|
@@ -599,7 +659,7 @@ export namespace Components {
|
|
599
659
|
*/
|
600
660
|
"confirmDialog": () => Promise<void>;
|
601
661
|
/**
|
602
|
-
* If
|
662
|
+
* If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
|
603
663
|
*/
|
604
664
|
"destructive"?: boolean;
|
605
665
|
/**
|
@@ -617,11 +677,15 @@ export namespace Components {
|
|
617
677
|
/**
|
618
678
|
* Sets the heading for the dialog.
|
619
679
|
*/
|
620
|
-
"heading"
|
680
|
+
"heading"?: string;
|
621
681
|
/**
|
622
682
|
* If `true`, the close button will not be displayed.
|
623
683
|
*/
|
624
684
|
"hideCloseButton"?: boolean;
|
685
|
+
/**
|
686
|
+
* If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.
|
687
|
+
*/
|
688
|
+
"hideDefaultControls": boolean;
|
625
689
|
/**
|
626
690
|
* Sets the optional label for the dialog which appears above the heading.
|
627
691
|
*/
|
@@ -629,13 +693,45 @@ export namespace Components {
|
|
629
693
|
/**
|
630
694
|
* If `true`, the dialog will be displayed.
|
631
695
|
*/
|
632
|
-
"open"
|
696
|
+
"open"?: boolean;
|
633
697
|
/**
|
634
698
|
* Sets the maximum and minimum height and width for the dialog.
|
635
699
|
*/
|
636
700
|
"size"?: "small" | "medium" | "large";
|
701
|
+
/**
|
702
|
+
* 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.
|
703
|
+
*/
|
704
|
+
"theme"?: IcThemeMode;
|
637
705
|
}
|
638
706
|
interface IcDivider {
|
707
|
+
/**
|
708
|
+
* The line style of the divider.
|
709
|
+
*/
|
710
|
+
"borderStyle"?: IcDividerStyles;
|
711
|
+
/**
|
712
|
+
* The label for the divider. The label placement will need to be set for the label to be displayed correctly.
|
713
|
+
*/
|
714
|
+
"label"?: string;
|
715
|
+
/**
|
716
|
+
* The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.
|
717
|
+
*/
|
718
|
+
"labelPlacement"?: IcDividerLabelPlacement;
|
719
|
+
/**
|
720
|
+
* If `true`, the divider will be displayed in a grey colour.
|
721
|
+
*/
|
722
|
+
"monochrome"?: boolean;
|
723
|
+
/**
|
724
|
+
* The orientation of the divider.
|
725
|
+
*/
|
726
|
+
"orientation"?: IcOrientation;
|
727
|
+
/**
|
728
|
+
* 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.
|
729
|
+
*/
|
730
|
+
"theme"?: IcThemeMode | IcBrandForeground;
|
731
|
+
/**
|
732
|
+
* The thickness of the divider.
|
733
|
+
*/
|
734
|
+
"weight"?: IcDividerWeights;
|
639
735
|
}
|
640
736
|
interface IcEmptyState {
|
641
737
|
/**
|
@@ -662,6 +758,10 @@ export namespace Components {
|
|
662
758
|
* The subtitle rendered in the empty state container.
|
663
759
|
*/
|
664
760
|
"subheading"?: string;
|
761
|
+
/**
|
762
|
+
* 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.
|
763
|
+
*/
|
764
|
+
"theme"?: IcThemeMode;
|
665
765
|
}
|
666
766
|
interface IcFooter {
|
667
767
|
/**
|
@@ -675,15 +775,15 @@ export namespace Components {
|
|
675
775
|
/**
|
676
776
|
* The caption displayed at the bottom of the footer.
|
677
777
|
*/
|
678
|
-
"caption"
|
778
|
+
"caption"?: string;
|
679
779
|
/**
|
680
780
|
* If `true`, the footer will display the crown copyright at the bottom.
|
681
781
|
*/
|
682
|
-
"copyright"
|
782
|
+
"copyright"?: boolean;
|
683
783
|
/**
|
684
784
|
* The description displayed at the top of the footer.
|
685
785
|
*/
|
686
|
-
"description"
|
786
|
+
"description"?: string;
|
687
787
|
/**
|
688
788
|
* If `true`, the footer will be set up to handle link groups instead of standalone links.
|
689
789
|
*/
|
@@ -725,7 +825,7 @@ export namespace Components {
|
|
725
825
|
/**
|
726
826
|
* The alignment of the hero.
|
727
827
|
*/
|
728
|
-
"aligned"
|
828
|
+
"aligned"?: IcAlignment;
|
729
829
|
/**
|
730
830
|
* The optional background image.
|
731
831
|
*/
|
@@ -733,7 +833,7 @@ export namespace Components {
|
|
733
833
|
/**
|
734
834
|
* The alignment of the hero content.
|
735
835
|
*/
|
736
|
-
"contentAligned"
|
836
|
+
"contentAligned"?: IcHeroContentAlignments;
|
737
837
|
/**
|
738
838
|
* If `true`, the background image (if set) will not scroll using a parallax effect.
|
739
839
|
*/
|
@@ -741,7 +841,7 @@ export namespace Components {
|
|
741
841
|
/**
|
742
842
|
* The heading of the hero. An <h2> level heading.
|
743
843
|
*/
|
744
|
-
"heading"
|
844
|
+
"heading"?: string;
|
745
845
|
/**
|
746
846
|
* The optional secondary heading, an <h3> level heading. Replaced by slotted right content.
|
747
847
|
*/
|
@@ -763,31 +863,29 @@ export namespace Components {
|
|
763
863
|
/**
|
764
864
|
* The appearance of the horizontal scroll, e.g. dark, light or the default.
|
765
865
|
*/
|
766
|
-
"appearance"?:
|
866
|
+
"appearance"?: IcBrandForeground;
|
767
867
|
"focusTrigger"?: string;
|
868
|
+
"monochrome"?: boolean;
|
768
869
|
"scrollItemIntoView": (itemPosition: number) => Promise<void>;
|
870
|
+
"theme"?: IcThemeMode;
|
769
871
|
}
|
770
872
|
interface IcInputComponentContainer {
|
771
|
-
/**
|
772
|
-
* The appearance of the input component container.
|
773
|
-
*/
|
774
|
-
"appearance"?: "dark" | "default";
|
775
873
|
/**
|
776
874
|
* If `true`, the disabled state will be set.
|
777
875
|
*/
|
778
|
-
"disabled"
|
876
|
+
"disabled"?: boolean;
|
779
877
|
/**
|
780
878
|
* If `true`, the input component container will fill the width of the container it is in.
|
781
879
|
*/
|
782
|
-
"fullWidth"
|
880
|
+
"fullWidth"?: boolean;
|
783
881
|
/**
|
784
882
|
* If `true`, the input component container will allow for multiple lines.
|
785
883
|
*/
|
786
|
-
"multiLine"
|
884
|
+
"multiLine"?: boolean;
|
787
885
|
/**
|
788
886
|
* If `true`, the readonly state will be set.
|
789
887
|
*/
|
790
|
-
"readonly"
|
888
|
+
"readonly"?: boolean;
|
791
889
|
/**
|
792
890
|
* The size of the input component container component.
|
793
891
|
*/
|
@@ -795,11 +893,11 @@ export namespace Components {
|
|
795
893
|
/**
|
796
894
|
* If `true`, the validation will display inline.
|
797
895
|
*/
|
798
|
-
"validationInline"
|
896
|
+
"validationInline"?: boolean;
|
799
897
|
/**
|
800
898
|
* The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
|
801
899
|
*/
|
802
|
-
"validationStatus"
|
900
|
+
"validationStatus"?: IcInformationStatusOrEmpty;
|
803
901
|
}
|
804
902
|
interface IcInputContainer {
|
805
903
|
/**
|
@@ -812,22 +910,22 @@ export namespace Components {
|
|
812
910
|
"readonly"?: boolean;
|
813
911
|
}
|
814
912
|
interface IcInputLabel {
|
815
|
-
/**
|
816
|
-
* The appearance of the input label.
|
817
|
-
*/
|
818
|
-
"appearance"?: "dark" | "default";
|
819
913
|
/**
|
820
914
|
* If `true`, the disabled state will be set.
|
821
915
|
*/
|
822
|
-
"disabled"
|
916
|
+
"disabled"?: boolean;
|
823
917
|
/**
|
824
918
|
* The ID of the form element the label is bound to.
|
825
919
|
*/
|
826
|
-
"for"
|
920
|
+
"for"?: string;
|
827
921
|
/**
|
828
922
|
* The helper text that will be displayed.
|
829
923
|
*/
|
830
924
|
"helperText": string;
|
925
|
+
/**
|
926
|
+
* The label will be visually hidden.
|
927
|
+
*/
|
928
|
+
"hideLabel": boolean;
|
831
929
|
/**
|
832
930
|
* The text content of the label.
|
833
931
|
*/
|
@@ -844,20 +942,21 @@ export namespace Components {
|
|
844
942
|
* The status of the label - e.g. 'error'.
|
845
943
|
*/
|
846
944
|
"status": "error" | "";
|
945
|
+
"useLabelTag": boolean;
|
847
946
|
}
|
848
947
|
interface IcInputValidation {
|
849
948
|
/**
|
850
949
|
* The ARIA live mode to apply to the message.
|
851
950
|
*/
|
852
|
-
"ariaLiveMode"
|
951
|
+
"ariaLiveMode"?: IcAriaLiveModeVariants;
|
853
952
|
/**
|
854
953
|
* The ID of the form element the validation is bound to.
|
855
954
|
*/
|
856
|
-
"for"
|
955
|
+
"for"?: string;
|
857
956
|
/**
|
858
957
|
* If `true`, the input validation will fill the width of the container.
|
859
958
|
*/
|
860
|
-
"fullWidth"
|
959
|
+
"fullWidth"?: boolean;
|
861
960
|
/**
|
862
961
|
* The validation message to display.
|
863
962
|
*/
|
@@ -865,13 +964,9 @@ export namespace Components {
|
|
865
964
|
/**
|
866
965
|
* The status of the validation - e.g. 'error' | 'warning' | 'success'.
|
867
966
|
*/
|
868
|
-
"status"
|
967
|
+
"status"?: IcInformationStatusOrEmpty;
|
869
968
|
}
|
870
969
|
interface IcLink {
|
871
|
-
/**
|
872
|
-
* The appearance of the link, e.g. dark, light, or default.
|
873
|
-
*/
|
874
|
-
"appearance"?: IcThemeForeground;
|
875
970
|
/**
|
876
971
|
* If `true`, the user can save the linked URL instead of navigating to it.
|
877
972
|
*/
|
@@ -884,6 +979,10 @@ export namespace Components {
|
|
884
979
|
* The human language of the linked URL.
|
885
980
|
*/
|
886
981
|
"hreflang"?: string;
|
982
|
+
/**
|
983
|
+
* If `true`, the link will display as black in the light theme, and white in the dark theme.
|
984
|
+
*/
|
985
|
+
"monochrome"?: boolean;
|
887
986
|
/**
|
888
987
|
* How much of the referrer to send when following the link.
|
889
988
|
*/
|
@@ -900,12 +999,12 @@ export namespace Components {
|
|
900
999
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
901
1000
|
*/
|
902
1001
|
"target"?: string;
|
903
|
-
}
|
904
|
-
interface IcLoadingIndicator {
|
905
1002
|
/**
|
906
|
-
*
|
1003
|
+
* 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.
|
907
1004
|
*/
|
908
|
-
"
|
1005
|
+
"theme"?: IcThemeMode;
|
1006
|
+
}
|
1007
|
+
interface IcLoadingIndicator {
|
909
1008
|
/**
|
910
1009
|
* The description that will be set as the aria-label of the loading indicator when not using a visible label.
|
911
1010
|
*/
|
@@ -916,9 +1015,9 @@ export namespace Components {
|
|
916
1015
|
"fullWidth"?: boolean;
|
917
1016
|
"innerLabel"?: number;
|
918
1017
|
/**
|
919
|
-
* The label to be displayed beneath the loading indicator. Display a changing label by
|
1018
|
+
* The label to be displayed beneath the loading indicator. Display a changing label by supplying an array of messages.
|
920
1019
|
*/
|
921
|
-
"label"?: string;
|
1020
|
+
"label"?: string | string[];
|
922
1021
|
/**
|
923
1022
|
* The time in milliseconds before the label changes.
|
924
1023
|
*/
|
@@ -931,6 +1030,10 @@ export namespace Components {
|
|
931
1030
|
* The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar.
|
932
1031
|
*/
|
933
1032
|
"min"?: number;
|
1033
|
+
/**
|
1034
|
+
* If `true`, the element will display as black and white.
|
1035
|
+
*/
|
1036
|
+
"monochrome"?: boolean;
|
934
1037
|
/**
|
935
1038
|
* The current amount of progress made. If not provided, component acts as an indeterminate loading indicator.
|
936
1039
|
*/
|
@@ -939,6 +1042,10 @@ export namespace Components {
|
|
939
1042
|
* The size of the loading indicator.
|
940
1043
|
*/
|
941
1044
|
"size"?: IcLoadingSizes;
|
1045
|
+
/**
|
1046
|
+
* 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.
|
1047
|
+
*/
|
1048
|
+
"theme"?: IcThemeMode;
|
942
1049
|
/**
|
943
1050
|
* The type of indicator, either linear or circular.
|
944
1051
|
*/
|
@@ -953,11 +1060,15 @@ export namespace Components {
|
|
953
1060
|
* The reference to an anchor element the menu will position itself from when rendered.
|
954
1061
|
*/
|
955
1062
|
"anchorEl": HTMLElement;
|
956
|
-
"
|
1063
|
+
"autofocusOnSelected"?: boolean;
|
1064
|
+
/**
|
1065
|
+
* If `true`, the menu will close when an option is selected.
|
1066
|
+
*/
|
1067
|
+
"closeOnSelect"?: boolean;
|
957
1068
|
/**
|
958
1069
|
* If `true`, the menu will fill the width of the container.
|
959
1070
|
*/
|
960
|
-
"fullWidth"
|
1071
|
+
"fullWidth"?: boolean;
|
961
1072
|
"handleClickOpen": () => Promise<void>;
|
962
1073
|
/**
|
963
1074
|
* Used alongside activationType If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
|
@@ -977,7 +1088,7 @@ export namespace Components {
|
|
977
1088
|
/**
|
978
1089
|
* The custom name for the label field for IcMenuOption.
|
979
1090
|
*/
|
980
|
-
"labelField"
|
1091
|
+
"labelField"?: string;
|
981
1092
|
/**
|
982
1093
|
* The ID of the menu.
|
983
1094
|
*/
|
@@ -997,17 +1108,17 @@ export namespace Components {
|
|
997
1108
|
"searchMode"?: IcSearchBarSearchModes;
|
998
1109
|
"selectOnEnter"?: boolean;
|
999
1110
|
/**
|
1000
|
-
* The size of the menu
|
1111
|
+
* The size of the menu.
|
1001
1112
|
*/
|
1002
1113
|
"size"?: IcSizes;
|
1003
1114
|
/**
|
1004
|
-
* The value of the currently selected option.
|
1115
|
+
* The value of the currently selected option - or array of values (if multiple options allowed).
|
1005
1116
|
*/
|
1006
|
-
"value": string;
|
1117
|
+
"value": string | string[];
|
1007
1118
|
/**
|
1008
1119
|
* The custom name for the value field for IcMenuOption.
|
1009
1120
|
*/
|
1010
|
-
"valueField"
|
1121
|
+
"valueField"?: string;
|
1011
1122
|
}
|
1012
1123
|
interface IcMenuGroup {
|
1013
1124
|
/**
|
@@ -1016,6 +1127,10 @@ export namespace Components {
|
|
1016
1127
|
"label"?: string;
|
1017
1128
|
}
|
1018
1129
|
interface IcMenuItem {
|
1130
|
+
/**
|
1131
|
+
* If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
|
1132
|
+
*/
|
1133
|
+
"checked"?: boolean;
|
1019
1134
|
/**
|
1020
1135
|
* The description displayed in the menu item, below the label.
|
1021
1136
|
*/
|
@@ -1035,7 +1150,7 @@ export namespace Components {
|
|
1035
1150
|
/**
|
1036
1151
|
* The label describing the keyboard shortcut for a menu item's action.
|
1037
1152
|
*/
|
1038
|
-
"
|
1153
|
+
"keyboardShortcutLabel"?: string;
|
1039
1154
|
/**
|
1040
1155
|
* The label to display in the menu item.
|
1041
1156
|
*/
|
@@ -1059,7 +1174,7 @@ export namespace Components {
|
|
1059
1174
|
/**
|
1060
1175
|
* The variant of the menu item.
|
1061
1176
|
*/
|
1062
|
-
"variant"
|
1177
|
+
"variant"?: IcMenuItemVariants;
|
1063
1178
|
}
|
1064
1179
|
interface IcNavigationButton {
|
1065
1180
|
/**
|
@@ -1094,12 +1209,16 @@ export namespace Components {
|
|
1094
1209
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
1095
1210
|
*/
|
1096
1211
|
"target"?: string;
|
1212
|
+
/**
|
1213
|
+
* 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.
|
1214
|
+
*/
|
1215
|
+
"theme"?: IcThemeMode;
|
1097
1216
|
}
|
1098
1217
|
interface IcNavigationGroup {
|
1099
1218
|
/**
|
1100
|
-
* If `true`, the group will be expandable in the side menu.
|
1219
|
+
* If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.
|
1101
1220
|
*/
|
1102
|
-
"expandable"
|
1221
|
+
"expandable"?: boolean;
|
1103
1222
|
/**
|
1104
1223
|
* The label to display on the group.
|
1105
1224
|
*/
|
@@ -1108,19 +1227,23 @@ export namespace Components {
|
|
1108
1227
|
* Sets focus on the nav item.
|
1109
1228
|
*/
|
1110
1229
|
"setFocus": () => Promise<void>;
|
1230
|
+
/**
|
1231
|
+
* 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.
|
1232
|
+
*/
|
1233
|
+
"theme"?: IcThemeMode;
|
1111
1234
|
}
|
1112
1235
|
interface IcNavigationItem {
|
1113
|
-
"collapsedIconLabel"
|
1114
|
-
"displayNavigationTooltip"
|
1236
|
+
"collapsedIconLabel"?: boolean;
|
1237
|
+
"displayNavigationTooltip"?: boolean;
|
1115
1238
|
/**
|
1116
1239
|
* If `true`, the user can save the linked URL instead of navigating to it.
|
1117
1240
|
*/
|
1118
1241
|
"download"?: string | boolean;
|
1119
|
-
"expandable"
|
1242
|
+
"expandable"?: boolean;
|
1120
1243
|
/**
|
1121
1244
|
* The destination of the navigation item.
|
1122
1245
|
*/
|
1123
|
-
"href"
|
1246
|
+
"href"?: string;
|
1124
1247
|
/**
|
1125
1248
|
* The human language of the linked URL.
|
1126
1249
|
*/
|
@@ -1128,7 +1251,7 @@ export namespace Components {
|
|
1128
1251
|
/**
|
1129
1252
|
* The label of the navigation item.
|
1130
1253
|
*/
|
1131
|
-
"label"
|
1254
|
+
"label"?: string;
|
1132
1255
|
/**
|
1133
1256
|
* How much of the referrer to send when following the link.
|
1134
1257
|
*/
|
@@ -1140,7 +1263,7 @@ export namespace Components {
|
|
1140
1263
|
/**
|
1141
1264
|
* If `true`, the navigation item will be set in a selected state.
|
1142
1265
|
*/
|
1143
|
-
"selected"
|
1266
|
+
"selected"?: boolean;
|
1144
1267
|
/**
|
1145
1268
|
* Sets focus on the nav item.
|
1146
1269
|
*/
|
@@ -1149,16 +1272,24 @@ export namespace Components {
|
|
1149
1272
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
1150
1273
|
*/
|
1151
1274
|
"target"?: string;
|
1275
|
+
/**
|
1276
|
+
* 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.
|
1277
|
+
*/
|
1278
|
+
"theme"?: IcThemeMode;
|
1152
1279
|
}
|
1153
1280
|
interface IcNavigationMenu {
|
1154
1281
|
/**
|
1155
1282
|
* The status info to display.
|
1156
1283
|
*/
|
1157
|
-
"status"
|
1284
|
+
"status"?: string;
|
1285
|
+
/**
|
1286
|
+
* 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.
|
1287
|
+
*/
|
1288
|
+
"theme"?: IcThemeMode;
|
1158
1289
|
/**
|
1159
1290
|
* The version info to display.
|
1160
1291
|
*/
|
1161
|
-
"version"
|
1292
|
+
"version"?: string;
|
1162
1293
|
}
|
1163
1294
|
interface IcPageHeader {
|
1164
1295
|
/**
|
@@ -1193,44 +1324,48 @@ export namespace Components {
|
|
1193
1324
|
* The subtitle to render on the page header.
|
1194
1325
|
*/
|
1195
1326
|
"subheading"?: string;
|
1327
|
+
/**
|
1328
|
+
* 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.
|
1329
|
+
*/
|
1330
|
+
"theme"?: IcThemeMode;
|
1196
1331
|
}
|
1197
1332
|
interface IcPagination {
|
1198
1333
|
/**
|
1199
1334
|
* The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
|
1200
1335
|
*/
|
1201
|
-
"adjacentPageCount"
|
1202
|
-
/**
|
1203
|
-
* The appearance of the pagination, e.g. dark, light or the default.
|
1204
|
-
*/
|
1205
|
-
"appearance": IcThemeForeground;
|
1336
|
+
"adjacentPageCount"?: number;
|
1206
1337
|
/**
|
1207
1338
|
* The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
|
1208
1339
|
*/
|
1209
|
-
"boundaryPageCount"
|
1340
|
+
"boundaryPageCount"?: number;
|
1210
1341
|
/**
|
1211
1342
|
* The current page displayed by the pagination.
|
1212
1343
|
*/
|
1213
|
-
"currentPage"
|
1344
|
+
"currentPage"?: number;
|
1214
1345
|
/**
|
1215
1346
|
* The default page to display.
|
1216
1347
|
*/
|
1217
|
-
"defaultPage"
|
1348
|
+
"defaultPage"?: number;
|
1218
1349
|
/**
|
1219
1350
|
* If `true`, the pagination will not allow interaction.
|
1220
1351
|
*/
|
1221
|
-
"disabled"
|
1352
|
+
"disabled"?: boolean;
|
1222
1353
|
/**
|
1223
1354
|
* If `true`, the current page of the simple pagination will not be displayed.
|
1224
1355
|
*/
|
1225
|
-
"hideCurrentPage"
|
1356
|
+
"hideCurrentPage"?: boolean;
|
1226
1357
|
/**
|
1227
1358
|
* If `true`, the first and last page buttons will not be displayed.
|
1228
1359
|
*/
|
1229
|
-
"hideFirstAndLastPageButton"
|
1360
|
+
"hideFirstAndLastPageButton"?: boolean;
|
1230
1361
|
/**
|
1231
1362
|
* The label for the pagination item (applicable when simple pagination is being used).
|
1232
1363
|
*/
|
1233
|
-
"label"
|
1364
|
+
"label"?: string;
|
1365
|
+
/**
|
1366
|
+
* If `true`, the pagination will display as black in the light theme, and white in dark theme.
|
1367
|
+
*/
|
1368
|
+
"monochrome"?: boolean;
|
1234
1369
|
/**
|
1235
1370
|
* The total number of pages.
|
1236
1371
|
*/
|
@@ -1240,32 +1375,40 @@ export namespace Components {
|
|
1240
1375
|
* @param page The page number to set as the current page
|
1241
1376
|
*/
|
1242
1377
|
"setCurrentPage": (page: number) => Promise<void>;
|
1378
|
+
/**
|
1379
|
+
* 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.
|
1380
|
+
*/
|
1381
|
+
"theme"?: IcThemeMode;
|
1243
1382
|
/**
|
1244
1383
|
* The type of pagination to be used.
|
1245
1384
|
*/
|
1246
|
-
"type"
|
1385
|
+
"type"?: IcPaginationTypes;
|
1247
1386
|
}
|
1248
1387
|
interface IcPaginationItem {
|
1249
|
-
/**
|
1250
|
-
* The appearance of the pagination, e.g. dark, light or the default.
|
1251
|
-
*/
|
1252
|
-
"appearance": IcThemeForeground;
|
1253
1388
|
/**
|
1254
1389
|
* If `true`, the pagination item will be disabled.
|
1255
1390
|
*/
|
1256
|
-
"disabled"
|
1391
|
+
"disabled"?: boolean;
|
1257
1392
|
/**
|
1258
1393
|
* The label for the pagination item (applicable when simple pagination is being used).
|
1259
1394
|
*/
|
1260
|
-
"label"
|
1395
|
+
"label"?: string;
|
1396
|
+
/**
|
1397
|
+
* If `true`, the pagination item will display as black in the light theme, and white in dark theme.
|
1398
|
+
*/
|
1399
|
+
"monochrome"?: boolean;
|
1261
1400
|
/**
|
1262
1401
|
* The current page number.
|
1263
1402
|
*/
|
1264
|
-
"page"
|
1403
|
+
"page"?: number;
|
1265
1404
|
/**
|
1266
1405
|
* If `true`, the pagination item will be selected.
|
1267
1406
|
*/
|
1268
1407
|
"selected": boolean;
|
1408
|
+
/**
|
1409
|
+
* 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.
|
1410
|
+
*/
|
1411
|
+
"theme"?: IcThemeMode;
|
1269
1412
|
/**
|
1270
1413
|
* The type of pagination item - 'page' or 'ellipsis'.
|
1271
1414
|
*/
|
@@ -1275,11 +1418,15 @@ export namespace Components {
|
|
1275
1418
|
/**
|
1276
1419
|
* The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
|
1277
1420
|
*/
|
1278
|
-
"anchor"
|
1421
|
+
"anchor"?: string;
|
1422
|
+
/**
|
1423
|
+
* @param setFocusToAnchor when true return focus to anchor element when menu is closed
|
1424
|
+
*/
|
1425
|
+
"closeMenu": (setFocusToAnchor?: boolean, menuElement?: HTMLIcMenuItemElement) => Promise<void>;
|
1279
1426
|
/**
|
1280
1427
|
* If `true`, the popover menu will be displayed.
|
1281
1428
|
*/
|
1282
|
-
"open"
|
1429
|
+
"open"?: boolean | undefined;
|
1283
1430
|
"openFromChild": () => Promise<void>;
|
1284
1431
|
"openFromParent": () => Promise<void>;
|
1285
1432
|
"parentLabel"?: string;
|
@@ -1288,21 +1435,25 @@ export namespace Components {
|
|
1288
1435
|
* The unique identifier for a popover submenu.
|
1289
1436
|
*/
|
1290
1437
|
"submenuId"?: string;
|
1291
|
-
"submenuLevel"
|
1438
|
+
"submenuLevel"?: number;
|
1439
|
+
/**
|
1440
|
+
* 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.
|
1441
|
+
*/
|
1442
|
+
"theme"?: IcThemeMode;
|
1292
1443
|
}
|
1293
1444
|
interface IcRadioGroup {
|
1294
1445
|
/**
|
1295
1446
|
* If `true`, the disabled state will be set.
|
1296
1447
|
*/
|
1297
|
-
"disabled"
|
1448
|
+
"disabled"?: boolean;
|
1298
1449
|
/**
|
1299
1450
|
* The helper text that will be displayed for additional field guidance.
|
1300
1451
|
*/
|
1301
|
-
"helperText"
|
1452
|
+
"helperText"?: string;
|
1302
1453
|
/**
|
1303
1454
|
* If `true`, the label will be hidden and the required label value will be applied as an aria-label.
|
1304
1455
|
*/
|
1305
|
-
"hideLabel"
|
1456
|
+
"hideLabel"?: boolean;
|
1306
1457
|
/**
|
1307
1458
|
* The label for the radio group to be displayed.
|
1308
1459
|
*/
|
@@ -1314,29 +1465,33 @@ export namespace Components {
|
|
1314
1465
|
/**
|
1315
1466
|
* The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
|
1316
1467
|
*/
|
1317
|
-
"orientation"
|
1468
|
+
"orientation"?: IcOrientation;
|
1318
1469
|
/**
|
1319
1470
|
* If `true`, the radio group will require a value.
|
1320
1471
|
*/
|
1321
|
-
"required"
|
1472
|
+
"required"?: boolean;
|
1322
1473
|
/**
|
1323
1474
|
* The size of the radio group component.
|
1324
1475
|
*/
|
1325
1476
|
"size"?: IcSizesNoLarge;
|
1477
|
+
/**
|
1478
|
+
* 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.
|
1479
|
+
*/
|
1480
|
+
"theme"?: IcThemeMode;
|
1326
1481
|
/**
|
1327
1482
|
* The validation status - e.g. 'error' | 'warning' | 'success'.
|
1328
1483
|
*/
|
1329
|
-
"validationStatus"
|
1484
|
+
"validationStatus"?: IcInformationStatusOrEmpty;
|
1330
1485
|
/**
|
1331
|
-
* The
|
1486
|
+
* The text to display as the validation message.
|
1332
1487
|
*/
|
1333
|
-
"validationText"
|
1488
|
+
"validationText"?: string;
|
1334
1489
|
}
|
1335
1490
|
interface IcRadioOption {
|
1336
1491
|
/**
|
1337
1492
|
* The style of additionalField that will be displayed if used.
|
1338
1493
|
*/
|
1339
|
-
"additionalFieldDisplay"
|
1494
|
+
"additionalFieldDisplay"?: IcAdditionalFieldTypes;
|
1340
1495
|
/**
|
1341
1496
|
* If `true`, the disabled state will be set.
|
1342
1497
|
*/
|
@@ -1344,7 +1499,7 @@ export namespace Components {
|
|
1344
1499
|
/**
|
1345
1500
|
* The text to be displayed when dynamic.
|
1346
1501
|
*/
|
1347
|
-
"dynamicText"
|
1502
|
+
"dynamicText"?: string;
|
1348
1503
|
/**
|
1349
1504
|
* The <form> element to associate the radio with.
|
1350
1505
|
*/
|
@@ -1352,7 +1507,7 @@ export namespace Components {
|
|
1352
1507
|
/**
|
1353
1508
|
* The group label for the radio option.
|
1354
1509
|
*/
|
1355
|
-
"groupLabel"
|
1510
|
+
"groupLabel"?: string;
|
1356
1511
|
/**
|
1357
1512
|
* The label for the radio option.
|
1358
1513
|
*/
|
@@ -1360,7 +1515,7 @@ export namespace Components {
|
|
1360
1515
|
/**
|
1361
1516
|
* The name for the radio option.
|
1362
1517
|
*/
|
1363
|
-
"name"
|
1518
|
+
"name"?: string;
|
1364
1519
|
/**
|
1365
1520
|
* If `true`, the radio option will be displayed in a selected state.
|
1366
1521
|
*/
|
@@ -1370,6 +1525,10 @@ export namespace Components {
|
|
1370
1525
|
*/
|
1371
1526
|
"setFocus": () => Promise<void>;
|
1372
1527
|
"setTabIndex": (value: number) => Promise<void>;
|
1528
|
+
/**
|
1529
|
+
* 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.
|
1530
|
+
*/
|
1531
|
+
"theme"?: IcThemeMode;
|
1373
1532
|
/**
|
1374
1533
|
* The value for the radio option.
|
1375
1534
|
*/
|
@@ -1383,7 +1542,7 @@ export namespace Components {
|
|
1383
1542
|
/**
|
1384
1543
|
* The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
|
1385
1544
|
*/
|
1386
|
-
"autocapitalize": string;
|
1545
|
+
"autocapitalize": string | undefined;
|
1387
1546
|
/**
|
1388
1547
|
* The state of autocompletion the browser can apply on the text value.
|
1389
1548
|
*/
|
@@ -1395,11 +1554,11 @@ export namespace Components {
|
|
1395
1554
|
/**
|
1396
1555
|
* If `true`, the form control will have input focus when the page loads.
|
1397
1556
|
*/
|
1398
|
-
"autofocus": boolean;
|
1557
|
+
"autofocus": boolean | undefined;
|
1399
1558
|
/**
|
1400
1559
|
* The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.
|
1401
1560
|
*/
|
1402
|
-
"charactersUntilSuggestion"
|
1561
|
+
"charactersUntilSuggestion"?: number;
|
1403
1562
|
/**
|
1404
1563
|
* The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
|
1405
1564
|
*/
|
@@ -1415,7 +1574,7 @@ export namespace Components {
|
|
1415
1574
|
/**
|
1416
1575
|
* The text displayed when there are no options in the option list.
|
1417
1576
|
*/
|
1418
|
-
"emptyOptionListText"
|
1577
|
+
"emptyOptionListText"?: string;
|
1419
1578
|
/**
|
1420
1579
|
* If `true`, the search bar will be focused when component loaded.
|
1421
1580
|
*/
|
@@ -1455,7 +1614,7 @@ export namespace Components {
|
|
1455
1614
|
/**
|
1456
1615
|
* The name of the control, which is submitted with the form data.
|
1457
1616
|
*/
|
1458
|
-
"name"
|
1617
|
+
"name"?: string;
|
1459
1618
|
/**
|
1460
1619
|
* The suggested search options.
|
1461
1620
|
*/
|
@@ -1487,7 +1646,11 @@ export namespace Components {
|
|
1487
1646
|
/**
|
1488
1647
|
* If `true`, the value of the search will have its spelling and grammar checked.
|
1489
1648
|
*/
|
1490
|
-
"spellcheck": boolean;
|
1649
|
+
"spellcheck": boolean | undefined;
|
1650
|
+
/**
|
1651
|
+
* 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.
|
1652
|
+
*/
|
1653
|
+
"theme"?: IcThemeMode;
|
1491
1654
|
/**
|
1492
1655
|
* If using external filtering, set a timeout for when loading takes too long.
|
1493
1656
|
*/
|
@@ -1495,7 +1658,7 @@ export namespace Components {
|
|
1495
1658
|
/**
|
1496
1659
|
* The value of the search input.
|
1497
1660
|
*/
|
1498
|
-
"value"
|
1661
|
+
"value"?: string;
|
1499
1662
|
/**
|
1500
1663
|
* The custom name for the value field to correspond with the IcMenuOption type.
|
1501
1664
|
*/
|
@@ -1513,7 +1676,7 @@ export namespace Components {
|
|
1513
1676
|
}
|
1514
1677
|
interface IcSelect {
|
1515
1678
|
/**
|
1516
|
-
* The amount of time, in milliseconds, to wait to trigger the `
|
1679
|
+
* The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
|
1517
1680
|
*/
|
1518
1681
|
"debounce"?: number;
|
1519
1682
|
/**
|
@@ -1527,15 +1690,15 @@ export namespace Components {
|
|
1527
1690
|
/**
|
1528
1691
|
* The text displayed when there are no options in the option list.
|
1529
1692
|
*/
|
1530
|
-
"emptyOptionListText"
|
1693
|
+
"emptyOptionListText"?: string;
|
1531
1694
|
/**
|
1532
1695
|
* The <form> element to associate the select with.
|
1533
1696
|
*/
|
1534
1697
|
"form"?: string;
|
1535
1698
|
/**
|
1536
|
-
* If `true`, the select
|
1699
|
+
* If `true`, the select will fill the width of the container.
|
1537
1700
|
*/
|
1538
|
-
"fullWidth"
|
1701
|
+
"fullWidth"?: boolean;
|
1539
1702
|
/**
|
1540
1703
|
* The helper text that will be displayed for additional field guidance.
|
1541
1704
|
*/
|
@@ -1568,6 +1731,10 @@ export namespace Components {
|
|
1568
1731
|
* The message displayed whilst the options are being loaded externally.
|
1569
1732
|
*/
|
1570
1733
|
"loadingLabel"?: string;
|
1734
|
+
/**
|
1735
|
+
* If `true`, multiple options can be selected.
|
1736
|
+
*/
|
1737
|
+
"multiple"?: boolean;
|
1571
1738
|
/**
|
1572
1739
|
* The name of the control, which is submitted with the form data.
|
1573
1740
|
*/
|
@@ -1593,11 +1760,11 @@ export namespace Components {
|
|
1593
1760
|
*/
|
1594
1761
|
"searchMatchPosition"?: IcSearchMatchPositions;
|
1595
1762
|
/**
|
1596
|
-
* If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
|
1763
|
+
* If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.
|
1597
1764
|
*/
|
1598
1765
|
"searchable"?: boolean;
|
1599
1766
|
/**
|
1600
|
-
* If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
|
1767
|
+
* If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.
|
1601
1768
|
*/
|
1602
1769
|
"selectOnEnter"?: boolean;
|
1603
1770
|
/**
|
@@ -1609,9 +1776,13 @@ export namespace Components {
|
|
1609
1776
|
*/
|
1610
1777
|
"showClearButton"?: boolean;
|
1611
1778
|
/**
|
1612
|
-
* The size of the select
|
1779
|
+
* The size of the select.
|
1613
1780
|
*/
|
1614
1781
|
"size"?: IcSizes;
|
1782
|
+
/**
|
1783
|
+
* 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.
|
1784
|
+
*/
|
1785
|
+
"theme"?: IcThemeMode;
|
1615
1786
|
/**
|
1616
1787
|
* If using external filtering, set a timeout for when loading takes too long.
|
1617
1788
|
*/
|
@@ -1625,63 +1796,97 @@ export namespace Components {
|
|
1625
1796
|
*/
|
1626
1797
|
"validationText"?: string;
|
1627
1798
|
/**
|
1628
|
-
* The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
|
1799
|
+
* The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values.
|
1629
1800
|
*/
|
1630
|
-
"value"?: string;
|
1801
|
+
"value"?: string | string[] | null;
|
1631
1802
|
}
|
1632
1803
|
interface IcSideNavigation {
|
1633
1804
|
/**
|
1634
1805
|
* The app title to be displayed. This is required, unless a slotted app title link is used.
|
1635
1806
|
*/
|
1636
|
-
"appTitle"
|
1807
|
+
"appTitle"?: string;
|
1637
1808
|
/**
|
1638
1809
|
* If `true`, the icon and label will appear when side navigation is collapsed.
|
1639
1810
|
*/
|
1640
|
-
"collapsedIconLabels"
|
1811
|
+
"collapsedIconLabels"?: boolean;
|
1641
1812
|
/**
|
1642
1813
|
* If `true`, automatic parent wrapper styling will be disabled.
|
1643
1814
|
*/
|
1644
|
-
"disableAutoParentStyling"
|
1815
|
+
"disableAutoParentStyling"?: boolean;
|
1645
1816
|
/**
|
1646
1817
|
* If `true`, the side navigation will not display as a top bar on small devices.
|
1647
1818
|
*/
|
1648
|
-
"disableTopBarBehaviour"
|
1819
|
+
"disableTopBarBehaviour"?: boolean;
|
1649
1820
|
/**
|
1650
1821
|
* If `true`, the side navigation will display in an expanded state.
|
1651
1822
|
*/
|
1652
|
-
"expanded"
|
1823
|
+
"expanded"?: boolean;
|
1653
1824
|
/**
|
1654
1825
|
* The URL that the app title link points to.
|
1655
1826
|
*/
|
1656
|
-
"href"
|
1657
|
-
"inline"
|
1827
|
+
"href"?: string;
|
1828
|
+
"inline"?: boolean;
|
1658
1829
|
/**
|
1659
1830
|
* The short title of the app to be displayed at small screen sizes in place of the app title.
|
1660
1831
|
*/
|
1661
|
-
"shortAppTitle"
|
1832
|
+
"shortAppTitle"?: string;
|
1662
1833
|
/**
|
1663
1834
|
* If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).
|
1664
1835
|
*/
|
1665
|
-
"static"
|
1836
|
+
"static"?: boolean;
|
1666
1837
|
/**
|
1667
1838
|
* The status of the app to be displayed.
|
1668
1839
|
*/
|
1669
|
-
"status"
|
1840
|
+
"status"?: string;
|
1670
1841
|
/**
|
1671
1842
|
* The version of the app to be displayed.
|
1672
1843
|
*/
|
1673
|
-
"version"
|
1844
|
+
"version"?: string;
|
1674
1845
|
}
|
1675
1846
|
interface IcSkeleton {
|
1676
1847
|
/**
|
1677
|
-
*
|
1848
|
+
* 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.
|
1678
1849
|
*/
|
1679
|
-
"
|
1850
|
+
"theme"?: IcThemeMode;
|
1680
1851
|
/**
|
1681
1852
|
* The variant of the skeleton that will be displayed.
|
1682
1853
|
*/
|
1683
1854
|
"variant"?: IcSkeletonVariants;
|
1684
1855
|
}
|
1856
|
+
interface IcSkipLink {
|
1857
|
+
/**
|
1858
|
+
* If `true`, the skip link will fill the width of the page.
|
1859
|
+
*/
|
1860
|
+
"fullWidth": boolean;
|
1861
|
+
/**
|
1862
|
+
* If `true`, the skip link will appear inline with surrounding page content when focused.
|
1863
|
+
*/
|
1864
|
+
"inline": boolean;
|
1865
|
+
/**
|
1866
|
+
* The label displayed when the skip link is focused.
|
1867
|
+
*/
|
1868
|
+
"label": string;
|
1869
|
+
/**
|
1870
|
+
* If `true`, the skip link will display as black in the light theme, and white in the dark theme.
|
1871
|
+
*/
|
1872
|
+
"monochrome": boolean;
|
1873
|
+
/**
|
1874
|
+
* Sets focus on the element.
|
1875
|
+
*/
|
1876
|
+
"setFocus": () => Promise<void>;
|
1877
|
+
/**
|
1878
|
+
* The target ID for the element which should receive focus when triggering the skip link.
|
1879
|
+
*/
|
1880
|
+
"target": string;
|
1881
|
+
/**
|
1882
|
+
* 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.
|
1883
|
+
*/
|
1884
|
+
"theme": IcThemeMode;
|
1885
|
+
/**
|
1886
|
+
* If `true`, the background will be hidden.
|
1887
|
+
*/
|
1888
|
+
"transparentBackground": boolean;
|
1889
|
+
}
|
1685
1890
|
interface IcStatusTag {
|
1686
1891
|
/**
|
1687
1892
|
* If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value.
|
@@ -1699,6 +1904,14 @@ export namespace Components {
|
|
1699
1904
|
* The colour of the status tag.
|
1700
1905
|
*/
|
1701
1906
|
"status"?: IcStatusTagStatuses;
|
1907
|
+
/**
|
1908
|
+
* 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.
|
1909
|
+
*/
|
1910
|
+
"theme"?: "dark" | "light" | "inherit";
|
1911
|
+
/**
|
1912
|
+
* The letter case of the status tag's label.
|
1913
|
+
*/
|
1914
|
+
"uppercase"?: boolean;
|
1702
1915
|
/**
|
1703
1916
|
* The emphasis of the status tag.
|
1704
1917
|
*/
|
@@ -1724,6 +1937,7 @@ export namespace Components {
|
|
1724
1937
|
* Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.
|
1725
1938
|
*/
|
1726
1939
|
"subheading"?: string;
|
1940
|
+
"theme"?: IcThemeMode;
|
1727
1941
|
/**
|
1728
1942
|
* The state of the step within the stepper.
|
1729
1943
|
*/
|
@@ -1735,10 +1949,6 @@ export namespace Components {
|
|
1735
1949
|
* The alignment of the default stepper within its container.
|
1736
1950
|
*/
|
1737
1951
|
"aligned"?: IcStepperAlignment;
|
1738
|
-
/**
|
1739
|
-
* The appearance of the stepper.
|
1740
|
-
*/
|
1741
|
-
"appearance"?: "light" | "default";
|
1742
1952
|
/**
|
1743
1953
|
* The length of the connector between each step in pixels. Minimum length is 100px.
|
1744
1954
|
*/
|
@@ -1747,6 +1957,10 @@ export namespace Components {
|
|
1747
1957
|
* If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
|
1748
1958
|
*/
|
1749
1959
|
"hideStepInfo"?: boolean;
|
1960
|
+
/**
|
1961
|
+
* 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.
|
1962
|
+
*/
|
1963
|
+
"theme"?: IcThemeMode;
|
1750
1964
|
/**
|
1751
1965
|
* The variant of the stepper.
|
1752
1966
|
*/
|
@@ -1781,55 +1995,59 @@ export namespace Components {
|
|
1781
1995
|
* Sets focus on the switch.
|
1782
1996
|
*/
|
1783
1997
|
"setFocus": () => Promise<void>;
|
1784
|
-
/**
|
1785
|
-
* If `true`, the switch will render the On/Off state text.
|
1786
|
-
*/
|
1787
|
-
"showState"?: boolean;
|
1788
1998
|
/**
|
1789
1999
|
* The size of the switch component.
|
1790
2000
|
*/
|
1791
2001
|
"size"?: IcSizesNoLarge;
|
2002
|
+
/**
|
2003
|
+
* 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.
|
2004
|
+
*/
|
2005
|
+
"theme"?: IcThemeMode;
|
1792
2006
|
/**
|
1793
2007
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
1794
2008
|
*/
|
1795
2009
|
"value"?: string | null;
|
1796
2010
|
}
|
1797
2011
|
interface IcTab {
|
1798
|
-
"appearance"?: IcThemeForegroundNoDefault;
|
1799
2012
|
"contextId"?: string;
|
1800
2013
|
/**
|
1801
2014
|
* If `true`, the disabled state will be set.
|
1802
2015
|
*/
|
1803
2016
|
"disabled"?: boolean;
|
2017
|
+
"monochrome"?: boolean;
|
1804
2018
|
"selected"?: boolean;
|
1805
2019
|
/**
|
1806
2020
|
* Sets focus on the tab.
|
1807
2021
|
*/
|
1808
2022
|
"setFocus": () => Promise<void>;
|
1809
|
-
"tabId"
|
1810
|
-
"tabPosition"
|
2023
|
+
"tabId": string;
|
2024
|
+
"tabPosition": number;
|
2025
|
+
"theme"?: IcThemeMode;
|
1811
2026
|
}
|
1812
2027
|
interface IcTabContext {
|
1813
2028
|
/**
|
1814
2029
|
* Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
|
1815
2030
|
*/
|
1816
2031
|
"activationType"?: IcActivationTypes;
|
1817
|
-
/**
|
1818
|
-
* The appearance of the tab context, e.g dark, or light.
|
1819
|
-
*/
|
1820
|
-
"appearance"?: IcThemeForegroundNoDefault;
|
1821
2032
|
/**
|
1822
2033
|
* The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
|
1823
2034
|
*/
|
1824
2035
|
"contextId"?: string;
|
2036
|
+
/**
|
2037
|
+
* If `true`, the tabs will display as black in the light theme.
|
2038
|
+
*/
|
2039
|
+
"monochrome"?: boolean;
|
1825
2040
|
/**
|
1826
2041
|
* The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
|
1827
2042
|
*/
|
1828
2043
|
"selectedTabIndex"?: number;
|
1829
2044
|
"tabRemovedHandler": (hadFocus?: boolean) => Promise<void>;
|
2045
|
+
/**
|
2046
|
+
* 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.
|
2047
|
+
*/
|
2048
|
+
"theme"?: IcThemeMode;
|
1830
2049
|
}
|
1831
2050
|
interface IcTabGroup {
|
1832
|
-
"appearance"?: IcThemeForegroundNoDefault;
|
1833
2051
|
/**
|
1834
2052
|
* If `true`, the tabs and tab panels will be positioned separately.
|
1835
2053
|
*/
|
@@ -1838,59 +2056,63 @@ export namespace Components {
|
|
1838
2056
|
* The label to describe the purpose of the set of tabs to screen reader users.
|
1839
2057
|
*/
|
1840
2058
|
"label": string;
|
2059
|
+
"monochrome"?: boolean;
|
2060
|
+
"theme"?: IcThemeMode;
|
1841
2061
|
}
|
1842
2062
|
interface IcTabPanel {
|
1843
|
-
"
|
2063
|
+
"active": boolean;
|
2064
|
+
"monochrome"?: boolean;
|
1844
2065
|
"panelId"?: string;
|
1845
2066
|
"selectedTab"?: string;
|
1846
2067
|
"tabPosition"?: number;
|
2068
|
+
"theme"?: IcThemeMode;
|
1847
2069
|
}
|
1848
2070
|
interface IcTextField {
|
1849
2071
|
"ariaActiveDescendant"?: string;
|
1850
|
-
"ariaAutocomplete"
|
1851
|
-
"ariaExpanded": string;
|
1852
|
-
"ariaOwns"
|
1853
|
-
/**
|
1854
|
-
* If `true`, the form control will have input focus when the page loads.
|
1855
|
-
*/
|
1856
|
-
"autoFocus": boolean;
|
2072
|
+
"ariaAutocomplete"?: IcAriaAutocompleteTypes;
|
2073
|
+
"ariaExpanded": string | undefined;
|
2074
|
+
"ariaOwns"?: string;
|
1857
2075
|
/**
|
1858
2076
|
* The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
|
1859
2077
|
*/
|
1860
|
-
"autocapitalize": string;
|
2078
|
+
"autocapitalize": string | undefined;
|
1861
2079
|
/**
|
1862
2080
|
* The state of autocompletion the browser can apply on the text value.
|
1863
2081
|
*/
|
1864
|
-
"autocomplete"
|
2082
|
+
"autocomplete"?: IcAutocompleteTypes;
|
1865
2083
|
/**
|
1866
2084
|
* The state of autocorrection the browser can apply when the user is entering/editing the text value.
|
1867
2085
|
*/
|
1868
|
-
"autocorrect"
|
2086
|
+
"autocorrect"?: IcAutocorrectStates;
|
2087
|
+
/**
|
2088
|
+
* If `true`, the form control will have input focus when the page loads.
|
2089
|
+
*/
|
2090
|
+
"autofocus": boolean | undefined;
|
1869
2091
|
/**
|
1870
2092
|
* The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
|
1871
2093
|
*/
|
1872
|
-
"debounce"
|
2094
|
+
"debounce"?: number;
|
1873
2095
|
/**
|
1874
2096
|
* If `true`, the disabled state will be set.
|
1875
2097
|
*/
|
1876
|
-
"disabled"
|
2098
|
+
"disabled"?: boolean;
|
1877
2099
|
/**
|
1878
2100
|
* Specify whether the text field fills the full width of the container. If `true`, this overrides the --input-width CSS variable.
|
1879
2101
|
*/
|
1880
|
-
"fullWidth"
|
2102
|
+
"fullWidth"?: boolean;
|
1881
2103
|
/**
|
1882
2104
|
* The helper text that will be displayed for additional field guidance.
|
1883
2105
|
*/
|
1884
|
-
"helperText"
|
1885
|
-
"hiddenInput"
|
2106
|
+
"helperText"?: string;
|
2107
|
+
"hiddenInput"?: boolean;
|
1886
2108
|
/**
|
1887
2109
|
* If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.
|
1888
2110
|
*/
|
1889
|
-
"hideCharCount"
|
2111
|
+
"hideCharCount"?: boolean;
|
1890
2112
|
/**
|
1891
2113
|
* If `true`, the label will be hidden and the required label value will be applied as an aria-label.
|
1892
2114
|
*/
|
1893
|
-
"hideLabel"
|
2115
|
+
"hideLabel"?: boolean;
|
1894
2116
|
/**
|
1895
2117
|
* The ID for the input.
|
1896
2118
|
*/
|
@@ -1898,7 +2120,7 @@ export namespace Components {
|
|
1898
2120
|
/**
|
1899
2121
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
1900
2122
|
*/
|
1901
|
-
"inputmode"
|
2123
|
+
"inputmode"?: IcTextFieldInputModes;
|
1902
2124
|
/**
|
1903
2125
|
* The label for the input.
|
1904
2126
|
*/
|
@@ -1906,44 +2128,60 @@ export namespace Components {
|
|
1906
2128
|
/**
|
1907
2129
|
* The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)
|
1908
2130
|
*/
|
1909
|
-
"max"
|
2131
|
+
"max"?: string | number;
|
1910
2132
|
/**
|
1911
2133
|
* The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)
|
1912
2134
|
*/
|
1913
|
-
"maxCharacters"
|
2135
|
+
"maxCharacters"?: number;
|
2136
|
+
/**
|
2137
|
+
* The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.
|
2138
|
+
*/
|
2139
|
+
"maxCharactersMessage"?: string;
|
2140
|
+
/**
|
2141
|
+
* The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.
|
2142
|
+
*/
|
2143
|
+
"maxMessage"?: string;
|
1914
2144
|
/**
|
1915
2145
|
* The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)
|
1916
2146
|
*/
|
1917
|
-
"min"
|
2147
|
+
"min"?: string | number;
|
1918
2148
|
/**
|
1919
2149
|
* The minimum number of characters that can be entered in the field.
|
1920
2150
|
*/
|
1921
|
-
"minCharacters"
|
2151
|
+
"minCharacters"?: number;
|
2152
|
+
/**
|
2153
|
+
* The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.
|
2154
|
+
*/
|
2155
|
+
"minCharactersMessage"?: string;
|
2156
|
+
/**
|
2157
|
+
* The text to display as the error message when the minimum value (the `min` prop value) has not been met.
|
2158
|
+
*/
|
2159
|
+
"minMessage"?: string;
|
1922
2160
|
/**
|
1923
2161
|
* The name of the control, which is submitted with the form data.
|
1924
2162
|
*/
|
1925
|
-
"name"
|
2163
|
+
"name"?: string;
|
1926
2164
|
/**
|
1927
2165
|
* The placeholder value to be displayed.
|
1928
2166
|
*/
|
1929
|
-
"placeholder"
|
2167
|
+
"placeholder"?: string;
|
1930
2168
|
/**
|
1931
2169
|
* If `true`, the read only state will be set.
|
1932
2170
|
*/
|
1933
|
-
"readonly"
|
2171
|
+
"readonly"?: boolean;
|
1934
2172
|
/**
|
1935
2173
|
* If `true`, the input will require a value.
|
1936
2174
|
*/
|
1937
|
-
"required"
|
2175
|
+
"required"?: boolean;
|
1938
2176
|
/**
|
1939
2177
|
* If `true`, the multiline text area will be resizeable.
|
1940
2178
|
*/
|
1941
|
-
"resize"
|
1942
|
-
"role": string;
|
2179
|
+
"resize"?: boolean;
|
2180
|
+
"role": string | undefined;
|
1943
2181
|
/**
|
1944
2182
|
* The number of rows to transform the text field into a text area with a specific height.
|
1945
2183
|
*/
|
1946
|
-
"rows"
|
2184
|
+
"rows"?: number;
|
1947
2185
|
/**
|
1948
2186
|
* Sets focus on the native `input`.
|
1949
2187
|
*/
|
@@ -1955,25 +2193,29 @@ export namespace Components {
|
|
1955
2193
|
/**
|
1956
2194
|
* If `true`, the value of the text field will have its spelling and grammar checked.
|
1957
2195
|
*/
|
1958
|
-
"spellcheck": boolean;
|
2196
|
+
"spellcheck": boolean | undefined;
|
2197
|
+
/**
|
2198
|
+
* 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.
|
2199
|
+
*/
|
2200
|
+
"theme"?: IcThemeMode;
|
1959
2201
|
"truncateValue"?: boolean;
|
1960
2202
|
/**
|
1961
2203
|
* The type of control to display. The default type is text.
|
1962
2204
|
*/
|
1963
|
-
"type"
|
2205
|
+
"type"?: IcTextFieldTypes;
|
1964
2206
|
/**
|
1965
2207
|
* If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.
|
1966
2208
|
*/
|
1967
|
-
"validationInline"
|
1968
|
-
"validationInlineInternal"
|
2209
|
+
"validationInline"?: boolean;
|
2210
|
+
"validationInlineInternal"?: boolean;
|
1969
2211
|
/**
|
1970
2212
|
* The validation state - e.g. 'error' | 'warning' | 'success'.
|
1971
2213
|
*/
|
1972
|
-
"validationStatus"
|
2214
|
+
"validationStatus"?: IcInformationStatusOrEmpty;
|
1973
2215
|
/**
|
1974
|
-
* The
|
2216
|
+
* The text to display as the validation message.
|
1975
2217
|
*/
|
1976
|
-
"validationText"
|
2218
|
+
"validationText"?: string;
|
1977
2219
|
/**
|
1978
2220
|
* The value of the text field.
|
1979
2221
|
*/
|
@@ -1981,19 +2223,23 @@ export namespace Components {
|
|
1981
2223
|
}
|
1982
2224
|
interface IcTheme {
|
1983
2225
|
/**
|
1984
|
-
* The
|
2226
|
+
* The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
|
2227
|
+
*/
|
2228
|
+
"brandColor"?: IcColor | null;
|
2229
|
+
/**
|
2230
|
+
* The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
|
1985
2231
|
*/
|
1986
|
-
"
|
2232
|
+
"theme"?: IcThemeSettings;
|
1987
2233
|
}
|
1988
2234
|
interface IcToast {
|
1989
2235
|
/**
|
1990
2236
|
* If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
|
1991
2237
|
*/
|
1992
|
-
"autoDismissTimeout"?: number;
|
2238
|
+
"autoDismissTimeout"?: number | undefined;
|
1993
2239
|
/**
|
1994
2240
|
* If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
|
1995
2241
|
*/
|
1996
|
-
"dismissButtonAriaLabel"?: string;
|
2242
|
+
"dismissButtonAriaLabel"?: string | undefined;
|
1997
2243
|
/**
|
1998
2244
|
* How the toast will be dismissed. If manual will display a dismiss button.
|
1999
2245
|
*/
|
@@ -2013,7 +2259,7 @@ export namespace Components {
|
|
2013
2259
|
/**
|
2014
2260
|
* @returns The element that previously had focus before the toast appeared
|
2015
2261
|
*/
|
2016
|
-
"setVisible": () => Promise<HTMLElement>;
|
2262
|
+
"setVisible": () => Promise<HTMLElement | null>;
|
2017
2263
|
/**
|
2018
2264
|
* The variant of the toast being rendered
|
2019
2265
|
*/
|
@@ -2023,21 +2269,17 @@ export namespace Components {
|
|
2023
2269
|
/**
|
2024
2270
|
* The toast element to be displayed.
|
2025
2271
|
*/
|
2026
|
-
"openToast"
|
2272
|
+
"openToast"?: HTMLIcToastElement;
|
2027
2273
|
}
|
2028
2274
|
interface IcToggleButton {
|
2029
2275
|
/**
|
2030
2276
|
* The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.
|
2031
2277
|
*/
|
2032
2278
|
"accessibleLabel"?: string;
|
2033
|
-
/**
|
2034
|
-
* The appearance of the toggle button.
|
2035
|
-
*/
|
2036
|
-
"appearance"?: IcThemeForeground;
|
2037
2279
|
/**
|
2038
2280
|
* If `true`, the toggle button will be in a checked state.
|
2039
2281
|
*/
|
2040
|
-
"checked"
|
2282
|
+
"checked"?: boolean;
|
2041
2283
|
/**
|
2042
2284
|
* If `true`, the toggle button will be in disabled state.
|
2043
2285
|
*/
|
@@ -2049,7 +2291,7 @@ export namespace Components {
|
|
2049
2291
|
/**
|
2050
2292
|
* The placement of the icon in relation to the toggle button label.
|
2051
2293
|
*/
|
2052
|
-
"iconPlacement"?:
|
2294
|
+
"iconPlacement"?: IcIconPlacementOptions;
|
2053
2295
|
/**
|
2054
2296
|
* The label to display in the toggle button. This is required for the default variant of toggle buttons.
|
2055
2297
|
*/
|
@@ -2058,24 +2300,32 @@ export namespace Components {
|
|
2058
2300
|
* If `true`, the toggle button will be in loading state.
|
2059
2301
|
*/
|
2060
2302
|
"loading"?: boolean;
|
2303
|
+
/**
|
2304
|
+
* If `true`, the toggle button will display as black in the light theme, and white in dark theme.
|
2305
|
+
*/
|
2306
|
+
"monochrome"?: boolean;
|
2061
2307
|
/**
|
2062
2308
|
* The size of the toggle button to be displayed.
|
2063
2309
|
*/
|
2064
2310
|
"size"?: IcSizes;
|
2311
|
+
/**
|
2312
|
+
* 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.
|
2313
|
+
*/
|
2314
|
+
"theme"?: IcThemeMode;
|
2315
|
+
/**
|
2316
|
+
* The position of the tooltip in relation to the toggle button.
|
2317
|
+
*/
|
2318
|
+
"tooltipPlacement"?: IcButtonTooltipPlacement;
|
2065
2319
|
/**
|
2066
2320
|
* The variant of the toggle button.
|
2067
2321
|
*/
|
2068
|
-
"variant"
|
2322
|
+
"variant"?: "default" | "icon";
|
2069
2323
|
}
|
2070
2324
|
interface IcToggleButtonGroup {
|
2071
2325
|
/**
|
2072
2326
|
* The accessible label of the toggle button group component to provide context for screen reader users.
|
2073
2327
|
*/
|
2074
2328
|
"accessibleLabel"?: string;
|
2075
|
-
/**
|
2076
|
-
* The appearance of the toggle button group, e.g dark, or light.
|
2077
|
-
*/
|
2078
|
-
"appearance": IcThemeForeground;
|
2079
2329
|
/**
|
2080
2330
|
* If `true`, the toggle button group will be set to the disabled state.
|
2081
2331
|
*/
|
@@ -2092,6 +2342,10 @@ export namespace Components {
|
|
2092
2342
|
* If `true`, the toggle button group will be in loading state.
|
2093
2343
|
*/
|
2094
2344
|
"loading"?: boolean;
|
2345
|
+
/**
|
2346
|
+
* If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
|
2347
|
+
*/
|
2348
|
+
"monochrome"?: boolean;
|
2095
2349
|
/**
|
2096
2350
|
* If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
|
2097
2351
|
*/
|
@@ -2104,12 +2358,23 @@ export namespace Components {
|
|
2104
2358
|
* The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.
|
2105
2359
|
*/
|
2106
2360
|
"size"?: IcSizes;
|
2361
|
+
/**
|
2362
|
+
* 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.
|
2363
|
+
*/
|
2364
|
+
"theme"?: IcThemeMode;
|
2365
|
+
/**
|
2366
|
+
* The position of the tooltip in relation to the toggle buttons.
|
2367
|
+
*/
|
2368
|
+
"tooltipPlacement": IcButtonTooltipPlacement;
|
2107
2369
|
/**
|
2108
2370
|
* The variant of the toggle button.
|
2109
2371
|
*/
|
2110
2372
|
"variant": "default" | "icon";
|
2111
2373
|
}
|
2112
2374
|
interface IcTooltip {
|
2375
|
+
/**
|
2376
|
+
* If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.
|
2377
|
+
*/
|
2113
2378
|
"disableClick"?: boolean;
|
2114
2379
|
/**
|
2115
2380
|
* If `true`, the tooltip will not be displayed on hover, it will require a click.
|
@@ -2143,40 +2408,48 @@ export namespace Components {
|
|
2143
2408
|
* The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
|
2144
2409
|
*/
|
2145
2410
|
"target"?: string;
|
2411
|
+
/**
|
2412
|
+
* Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
|
2413
|
+
*/
|
2414
|
+
"theme"?: IcThemeMode;
|
2146
2415
|
}
|
2147
2416
|
interface IcTopNavigation {
|
2148
2417
|
/**
|
2149
2418
|
* The app title to be displayed. This is required, unless a slotted app title link is used.
|
2150
2419
|
*/
|
2151
|
-
"appTitle"
|
2420
|
+
"appTitle"?: string;
|
2152
2421
|
/**
|
2153
2422
|
* The alignment of the top navigation content.
|
2154
2423
|
*/
|
2155
|
-
"contentAligned"
|
2424
|
+
"contentAligned"?: IcAlignment;
|
2156
2425
|
/**
|
2157
2426
|
* Can set a custom breakpoint for the top navigation to switch to mobile mode. Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.
|
2158
2427
|
*/
|
2159
|
-
"customMobileBreakpoint"
|
2428
|
+
"customMobileBreakpoint"?: IcDeviceSizes;
|
2160
2429
|
/**
|
2161
2430
|
* The URL to navigate to when the app title is clicked.
|
2162
2431
|
*/
|
2163
|
-
"href"
|
2432
|
+
"href"?: string;
|
2164
2433
|
/**
|
2165
2434
|
* If `true`, the flyout navigation menu on small devices will be contained by the parent element.
|
2166
2435
|
*/
|
2167
|
-
"inline"
|
2436
|
+
"inline"?: boolean;
|
2168
2437
|
/**
|
2169
2438
|
* The short title of the app to be displayed at small screen sizes in place of the app title.
|
2170
2439
|
*/
|
2171
|
-
"shortAppTitle"
|
2440
|
+
"shortAppTitle"?: string;
|
2441
|
+
/**
|
2442
|
+
* The status info to be displayed.
|
2443
|
+
*/
|
2444
|
+
"status"?: string;
|
2172
2445
|
/**
|
2173
|
-
*
|
2446
|
+
* 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.
|
2174
2447
|
*/
|
2175
|
-
"
|
2448
|
+
"theme"?: IcThemeMode;
|
2176
2449
|
/**
|
2177
2450
|
* The version info to be displayed.
|
2178
2451
|
*/
|
2179
|
-
"version"
|
2452
|
+
"version"?: string;
|
2180
2453
|
}
|
2181
2454
|
interface IcTypography {
|
2182
2455
|
/**
|
@@ -2205,6 +2478,10 @@ export namespace Components {
|
|
2205
2478
|
* If `true`, the typography will have a line through it.
|
2206
2479
|
*/
|
2207
2480
|
"strikethrough"?: boolean;
|
2481
|
+
/**
|
2482
|
+
* Sets the text color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
|
2483
|
+
*/
|
2484
|
+
"theme"?: IcThemeMode;
|
2208
2485
|
/**
|
2209
2486
|
* If `true`, the typography will have a line under it.
|
2210
2487
|
*/
|
@@ -2255,6 +2532,10 @@ export interface IcMenuItemCustomEvent<T> extends CustomEvent<T> {
|
|
2255
2532
|
detail: T;
|
2256
2533
|
target: HTMLIcMenuItemElement;
|
2257
2534
|
}
|
2535
|
+
export interface IcNavigationGroupCustomEvent<T> extends CustomEvent<T> {
|
2536
|
+
detail: T;
|
2537
|
+
target: HTMLIcNavigationGroupElement;
|
2538
|
+
}
|
2258
2539
|
export interface IcNavigationItemCustomEvent<T> extends CustomEvent<T> {
|
2259
2540
|
detail: T;
|
2260
2541
|
target: HTMLIcNavigationItemElement;
|
@@ -2608,12 +2889,13 @@ declare global {
|
|
2608
2889
|
new (): HTMLIcLoadingIndicatorElement;
|
2609
2890
|
};
|
2610
2891
|
interface HTMLIcMenuElementEventMap {
|
2892
|
+
"icClear": void;
|
2611
2893
|
"menuKeyPress": { isNavKey: boolean; key: string };
|
2612
2894
|
"menuOptionId": IcMenuOptionIdEventDetail;
|
2613
2895
|
"menuOptionSelect": IcOptionSelectEventDetail;
|
2896
|
+
"menuOptionSelectAll": { select: boolean };
|
2614
2897
|
"menuStateChange": IcMenuChangeEventDetail;
|
2615
|
-
"
|
2616
|
-
"retryButtonClicked": IcValueEventDetail;
|
2898
|
+
"retryButtonClicked": IcMultiValueEventDetail;
|
2617
2899
|
"timeoutBlur": { ev: FocusEvent };
|
2618
2900
|
"ungroupedOptionsSet": { options: IcMenuOption[] };
|
2619
2901
|
}
|
@@ -2639,9 +2921,9 @@ declare global {
|
|
2639
2921
|
};
|
2640
2922
|
interface HTMLIcMenuItemElementEventMap {
|
2641
2923
|
"childBlur": void;
|
2642
|
-
"handleMenuItemClick":
|
2643
|
-
|
2644
|
-
|
2924
|
+
"handleMenuItemClick": HTMLIcMenuItemElement;
|
2925
|
+
"icToggleChecked": {
|
2926
|
+
checked: boolean;
|
2645
2927
|
};
|
2646
2928
|
"triggerPopoverMenuInstance": void;
|
2647
2929
|
}
|
@@ -2665,7 +2947,19 @@ declare global {
|
|
2665
2947
|
prototype: HTMLIcNavigationButtonElement;
|
2666
2948
|
new (): HTMLIcNavigationButtonElement;
|
2667
2949
|
};
|
2950
|
+
interface HTMLIcNavigationGroupElementEventMap {
|
2951
|
+
"navigationGroupOpened": IcNavigationOpenEventDetail;
|
2952
|
+
"navigationGroupExpanded": IcNavigationExpandEventDetail;
|
2953
|
+
}
|
2668
2954
|
interface HTMLIcNavigationGroupElement extends Components.IcNavigationGroup, HTMLStencilElement {
|
2955
|
+
addEventListener<K extends keyof HTMLIcNavigationGroupElementEventMap>(type: K, listener: (this: HTMLIcNavigationGroupElement, ev: IcNavigationGroupCustomEvent<HTMLIcNavigationGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
2956
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
2957
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
2958
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
2959
|
+
removeEventListener<K extends keyof HTMLIcNavigationGroupElementEventMap>(type: K, listener: (this: HTMLIcNavigationGroupElement, ev: IcNavigationGroupCustomEvent<HTMLIcNavigationGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
2960
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
2961
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
2962
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
2669
2963
|
}
|
2670
2964
|
var HTMLIcNavigationGroupElement: {
|
2671
2965
|
prototype: HTMLIcNavigationGroupElement;
|
@@ -2730,7 +3024,7 @@ declare global {
|
|
2730
3024
|
new (): HTMLIcPaginationElement;
|
2731
3025
|
};
|
2732
3026
|
interface HTMLIcPaginationItemElementEventMap {
|
2733
|
-
"paginationItemClick": { page: number };
|
3027
|
+
"paginationItemClick": { page: number | null };
|
2734
3028
|
}
|
2735
3029
|
interface HTMLIcPaginationItemElement extends Components.IcPaginationItem, HTMLStencilElement {
|
2736
3030
|
addEventListener<K extends keyof HTMLIcPaginationItemElementEventMap>(type: K, listener: (this: HTMLIcPaginationItemElement, ev: IcPaginationItemCustomEvent<HTMLIcPaginationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
@@ -2747,7 +3041,7 @@ declare global {
|
|
2747
3041
|
new (): HTMLIcPaginationItemElement;
|
2748
3042
|
};
|
2749
3043
|
interface HTMLIcPopoverMenuElementEventMap {
|
2750
|
-
"icPopoverClosed":
|
3044
|
+
"icPopoverClosed": HTMLIcMenuItemElement;
|
2751
3045
|
}
|
2752
3046
|
interface HTMLIcPopoverMenuElement extends Components.IcPopoverMenu, HTMLStencilElement {
|
2753
3047
|
addEventListener<K extends keyof HTMLIcPopoverMenuElementEventMap>(type: K, listener: (this: HTMLIcPopoverMenuElement, ev: IcPopoverMenuCustomEvent<HTMLIcPopoverMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
@@ -2805,11 +3099,12 @@ declare global {
|
|
2805
3099
|
"icOptionSelect": IcOptionSelectEventDetail;
|
2806
3100
|
"icMenuChange": IcMenuChangeEventDetail;
|
2807
3101
|
"icClearBlur": IcBlurEventDetail;
|
2808
|
-
"icRetryLoad":
|
3102
|
+
"icRetryLoad": IcMultiValueEventDetail;
|
2809
3103
|
"icSubmitSearch": IcValueEventDetail;
|
2810
3104
|
"icSubmitSearchBlur": IcBlurEventDetail;
|
2811
3105
|
"icSearchBarBlur": IcSearchBarBlurEventDetail;
|
2812
3106
|
"icSearchBarFocus": IcValueEventDetail;
|
3107
|
+
"icKeydown": { event: KeyboardEvent };
|
2813
3108
|
}
|
2814
3109
|
interface HTMLIcSearchBarElement extends Components.IcSearchBar, HTMLStencilElement {
|
2815
3110
|
addEventListener<K extends keyof HTMLIcSearchBarElementEventMap>(type: K, listener: (this: HTMLIcSearchBarElement, ev: IcSearchBarCustomEvent<HTMLIcSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
@@ -2833,14 +3128,15 @@ declare global {
|
|
2833
3128
|
};
|
2834
3129
|
interface HTMLIcSelectElementEventMap {
|
2835
3130
|
"icBlur": void;
|
2836
|
-
"icChange":
|
3131
|
+
"icChange": IcMultiValueEventDetail;
|
2837
3132
|
"icClear": void;
|
2838
3133
|
"icClose": void;
|
2839
3134
|
"icFocus": void;
|
2840
|
-
"icInput":
|
3135
|
+
"icInput": IcMultiValueEventDetail;
|
2841
3136
|
"icOpen": void;
|
2842
3137
|
"icOptionSelect": IcOptionSelectEventDetail;
|
2843
|
-
"
|
3138
|
+
"icOptionDeselect": IcOptionSelectEventDetail;
|
3139
|
+
"icRetryLoad": IcMultiValueEventDetail;
|
2844
3140
|
}
|
2845
3141
|
interface HTMLIcSelectElement extends Components.IcSelect, HTMLStencilElement {
|
2846
3142
|
addEventListener<K extends keyof HTMLIcSelectElementEventMap>(type: K, listener: (this: HTMLIcSelectElement, ev: IcSelectCustomEvent<HTMLIcSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
@@ -2879,6 +3175,12 @@ declare global {
|
|
2879
3175
|
prototype: HTMLIcSkeletonElement;
|
2880
3176
|
new (): HTMLIcSkeletonElement;
|
2881
3177
|
};
|
3178
|
+
interface HTMLIcSkipLinkElement extends Components.IcSkipLink, HTMLStencilElement {
|
3179
|
+
}
|
3180
|
+
var HTMLIcSkipLinkElement: {
|
3181
|
+
prototype: HTMLIcSkipLinkElement;
|
3182
|
+
new (): HTMLIcSkipLinkElement;
|
3183
|
+
};
|
2882
3184
|
interface HTMLIcStatusTagElement extends Components.IcStatusTag, HTMLStencilElement {
|
2883
3185
|
}
|
2884
3186
|
var HTMLIcStatusTagElement: {
|
@@ -3001,7 +3303,8 @@ declare global {
|
|
3001
3303
|
new (): HTMLIcTextFieldElement;
|
3002
3304
|
};
|
3003
3305
|
interface HTMLIcThemeElementEventMap {
|
3004
|
-
"
|
3306
|
+
"brandChange": IcBrand;
|
3307
|
+
"icThemeChange": IcThemeSettings;
|
3005
3308
|
}
|
3006
3309
|
interface HTMLIcThemeElement extends Components.IcTheme, HTMLStencilElement {
|
3007
3310
|
addEventListener<K extends keyof HTMLIcThemeElementEventMap>(type: K, listener: (this: HTMLIcThemeElement, ev: IcThemeCustomEvent<HTMLIcThemeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
@@ -3169,6 +3472,7 @@ declare global {
|
|
3169
3472
|
"ic-select": HTMLIcSelectElement;
|
3170
3473
|
"ic-side-navigation": HTMLIcSideNavigationElement;
|
3171
3474
|
"ic-skeleton": HTMLIcSkeletonElement;
|
3475
|
+
"ic-skip-link": HTMLIcSkipLinkElement;
|
3172
3476
|
"ic-status-tag": HTMLIcStatusTagElement;
|
3173
3477
|
"ic-step": HTMLIcStepElement;
|
3174
3478
|
"ic-stepper": HTMLIcStepperElement;
|
@@ -3210,16 +3514,16 @@ declare namespace LocalJSX {
|
|
3210
3514
|
* The size of the accordion.
|
3211
3515
|
*/
|
3212
3516
|
"size"?: IcSizes;
|
3517
|
+
/**
|
3518
|
+
* 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.
|
3519
|
+
*/
|
3520
|
+
"theme"?: IcThemeMode;
|
3213
3521
|
}
|
3214
3522
|
interface IcAccordionGroup {
|
3215
3523
|
/**
|
3216
3524
|
* The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
|
3217
3525
|
*/
|
3218
3526
|
"accessibleButtonLabel"?: string;
|
3219
|
-
/**
|
3220
|
-
* The appearance of the accordion group, e.g dark, or light.
|
3221
|
-
*/
|
3222
|
-
"appearance"?: IcThemeForeground;
|
3223
3527
|
/**
|
3224
3528
|
* If `true`, the accordion will load in an expanded state.
|
3225
3529
|
*/
|
@@ -3236,6 +3540,10 @@ declare namespace LocalJSX {
|
|
3236
3540
|
* The size of the accordion.
|
3237
3541
|
*/
|
3238
3542
|
"size"?: IcSizes;
|
3543
|
+
/**
|
3544
|
+
* 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.
|
3545
|
+
*/
|
3546
|
+
"theme"?: IcThemeMode;
|
3239
3547
|
}
|
3240
3548
|
interface IcAlert {
|
3241
3549
|
/**
|
@@ -3258,6 +3566,14 @@ declare namespace LocalJSX {
|
|
3258
3566
|
* Is emitted when the user dismisses the alert.
|
3259
3567
|
*/
|
3260
3568
|
"onIcDismiss"?: (event: IcAlertCustomEvent<void>) => void;
|
3569
|
+
/**
|
3570
|
+
* If `true`, the default icon for the neutral variant will appear on the left of the alert.
|
3571
|
+
*/
|
3572
|
+
"showDefaultIcon"?: boolean;
|
3573
|
+
/**
|
3574
|
+
* 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.
|
3575
|
+
*/
|
3576
|
+
"theme"?: IcThemeMode;
|
3261
3577
|
/**
|
3262
3578
|
* If `true`, the title and message will appear above and below instead of inline.
|
3263
3579
|
*/
|
@@ -3268,10 +3584,18 @@ declare namespace LocalJSX {
|
|
3268
3584
|
"variant"?: IcStatusVariants;
|
3269
3585
|
}
|
3270
3586
|
interface IcBackToTop {
|
3587
|
+
/**
|
3588
|
+
* The horizontal position of the element.
|
3589
|
+
*/
|
3590
|
+
"position"?: IcBackToTopPositions;
|
3271
3591
|
/**
|
3272
3592
|
* The ID of the element to jump back to when the link is clicked.
|
3273
3593
|
*/
|
3274
3594
|
"target": string;
|
3595
|
+
/**
|
3596
|
+
* 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.
|
3597
|
+
*/
|
3598
|
+
"theme"?: IcThemeMode;
|
3275
3599
|
/**
|
3276
3600
|
* The variant of the button to render
|
3277
3601
|
*/
|
@@ -3302,6 +3626,10 @@ declare namespace LocalJSX {
|
|
3302
3626
|
* The size of the badge to be displayed.
|
3303
3627
|
*/
|
3304
3628
|
"size"?: IcSizes;
|
3629
|
+
/**
|
3630
|
+
* 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.
|
3631
|
+
*/
|
3632
|
+
"theme"?: IcThemeMode;
|
3305
3633
|
/**
|
3306
3634
|
* The type of badge to be displayed.
|
3307
3635
|
*/
|
@@ -3330,10 +3658,6 @@ declare namespace LocalJSX {
|
|
3330
3658
|
"pageTitle": string;
|
3331
3659
|
}
|
3332
3660
|
interface IcBreadcrumbGroup {
|
3333
|
-
/**
|
3334
|
-
* The appearance of the breadcrumb group.
|
3335
|
-
*/
|
3336
|
-
"appearance"?: IcThemeForeground;
|
3337
3661
|
/**
|
3338
3662
|
* If `true`, display only a single breadcrumb for the parent page with a back icon.
|
3339
3663
|
*/
|
@@ -3342,16 +3666,20 @@ declare namespace LocalJSX {
|
|
3342
3666
|
* If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
|
3343
3667
|
*/
|
3344
3668
|
"collapsed"?: boolean;
|
3669
|
+
/**
|
3670
|
+
* If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
|
3671
|
+
*/
|
3672
|
+
"monochrome"?: boolean;
|
3673
|
+
/**
|
3674
|
+
* 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.
|
3675
|
+
*/
|
3676
|
+
"theme"?: IcThemeMode;
|
3345
3677
|
}
|
3346
3678
|
interface IcButton {
|
3347
3679
|
/**
|
3348
3680
|
* If `fileUpload` is set to `true`, this is the accepted list of file types.
|
3349
3681
|
*/
|
3350
3682
|
"accept"?: string;
|
3351
|
-
/**
|
3352
|
-
* The appearance of the button, e.g. dark, light, or the default.
|
3353
|
-
*/
|
3354
|
-
"appearance"?: IcThemeForeground;
|
3355
3683
|
/**
|
3356
3684
|
* If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.
|
3357
3685
|
*/
|
@@ -3420,6 +3748,10 @@ declare namespace LocalJSX {
|
|
3420
3748
|
* If `true`, the button will be in loading state.
|
3421
3749
|
*/
|
3422
3750
|
"loading"?: boolean;
|
3751
|
+
/**
|
3752
|
+
* If `true`, the button will display as monochromatic in either `light` or `dark` theme.
|
3753
|
+
*/
|
3754
|
+
"monochrome"?: boolean;
|
3423
3755
|
/**
|
3424
3756
|
* If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
|
3425
3757
|
*/
|
@@ -3456,6 +3788,10 @@ declare namespace LocalJSX {
|
|
3456
3788
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
3457
3789
|
*/
|
3458
3790
|
"target"?: string;
|
3791
|
+
/**
|
3792
|
+
* 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.
|
3793
|
+
*/
|
3794
|
+
"theme"?: IcThemeMode;
|
3459
3795
|
/**
|
3460
3796
|
* The position of the tooltip in relation to the button.
|
3461
3797
|
*/
|
@@ -3497,7 +3833,7 @@ declare namespace LocalJSX {
|
|
3497
3833
|
/**
|
3498
3834
|
* The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
|
3499
3835
|
*/
|
3500
|
-
"href"?: string
|
3836
|
+
"href"?: string;
|
3501
3837
|
/**
|
3502
3838
|
* The human language of the linked URL.
|
3503
3839
|
*/
|
@@ -3522,6 +3858,10 @@ declare namespace LocalJSX {
|
|
3522
3858
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
3523
3859
|
*/
|
3524
3860
|
"target"?: string;
|
3861
|
+
/**
|
3862
|
+
* 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.
|
3863
|
+
*/
|
3864
|
+
"theme"?: IcThemeMode;
|
3525
3865
|
}
|
3526
3866
|
interface IcCheckbox {
|
3527
3867
|
/**
|
@@ -3529,7 +3869,7 @@ declare namespace LocalJSX {
|
|
3529
3869
|
*/
|
3530
3870
|
"additionalFieldDisplay"?: IcAdditionalFieldTypes;
|
3531
3871
|
/**
|
3532
|
-
* If `true`, the checkbox will be set to the checked state.
|
3872
|
+
* If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.
|
3533
3873
|
*/
|
3534
3874
|
"checked"?: boolean;
|
3535
3875
|
/**
|
@@ -3576,6 +3916,10 @@ declare namespace LocalJSX {
|
|
3576
3916
|
* The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
|
3577
3917
|
*/
|
3578
3918
|
"size"?: IcSizes;
|
3919
|
+
/**
|
3920
|
+
* 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.
|
3921
|
+
*/
|
3922
|
+
"theme"?: IcThemeMode;
|
3579
3923
|
/**
|
3580
3924
|
* The value for the checkbox.
|
3581
3925
|
*/
|
@@ -3614,24 +3958,32 @@ declare namespace LocalJSX {
|
|
3614
3958
|
* The size of the checkboxes to be displayed. This does not affect the font size of the label.
|
3615
3959
|
*/
|
3616
3960
|
"size"?: IcSizes;
|
3961
|
+
/**
|
3962
|
+
* 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.
|
3963
|
+
*/
|
3964
|
+
"theme"?: IcThemeMode;
|
3617
3965
|
/**
|
3618
3966
|
* The validation status - e.g. 'error' | 'warning' | 'success'.
|
3619
3967
|
*/
|
3620
3968
|
"validationStatus"?: IcInformationStatusOrEmpty;
|
3621
3969
|
/**
|
3622
|
-
* The
|
3970
|
+
* The text to display as the validation message.
|
3623
3971
|
*/
|
3624
3972
|
"validationText"?: string;
|
3625
3973
|
}
|
3626
3974
|
interface IcChip {
|
3627
3975
|
/**
|
3628
|
-
* The custom chip colour. This
|
3976
|
+
* The custom chip colour. This will override the theme colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
|
3629
3977
|
*/
|
3630
3978
|
"customColor"?: IcColor;
|
3631
3979
|
/**
|
3632
3980
|
* If `true`, the chip will appear disabled.
|
3633
3981
|
*/
|
3634
3982
|
"disabled"?: boolean;
|
3983
|
+
/**
|
3984
|
+
* The text in the dismiss button tooltip and aria label.
|
3985
|
+
*/
|
3986
|
+
"dismissLabel"?: string;
|
3635
3987
|
/**
|
3636
3988
|
* If `true`, the chip will have a close button at the end to dismiss it.
|
3637
3989
|
*/
|
@@ -3649,7 +4001,11 @@ declare namespace LocalJSX {
|
|
3649
4001
|
*/
|
3650
4002
|
"size"?: IcSizes;
|
3651
4003
|
/**
|
3652
|
-
*
|
4004
|
+
* Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this.
|
4005
|
+
*/
|
4006
|
+
"theme"?: "dark" | "light" | "inherit";
|
4007
|
+
/**
|
4008
|
+
* If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.
|
3653
4009
|
*/
|
3654
4010
|
"transparentBackground"?: boolean;
|
3655
4011
|
/**
|
@@ -3688,6 +4044,10 @@ declare namespace LocalJSX {
|
|
3688
4044
|
* The size of the data list component.
|
3689
4045
|
*/
|
3690
4046
|
"size"?: IcSizesNoLarge;
|
4047
|
+
/**
|
4048
|
+
* 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.
|
4049
|
+
*/
|
4050
|
+
"theme"?: IcThemeMode;
|
3691
4051
|
}
|
3692
4052
|
interface IcDataRow {
|
3693
4053
|
/**
|
@@ -3698,6 +4058,10 @@ declare namespace LocalJSX {
|
|
3698
4058
|
* The size of the data row component.
|
3699
4059
|
*/
|
3700
4060
|
"size"?: IcSizesNoLarge;
|
4061
|
+
/**
|
4062
|
+
* 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.
|
4063
|
+
*/
|
4064
|
+
"theme"?: IcThemeMode;
|
3701
4065
|
/**
|
3702
4066
|
* The value of the middle (right if no end-component supplied) cell of the row.
|
3703
4067
|
*/
|
@@ -3705,15 +4069,11 @@ declare namespace LocalJSX {
|
|
3705
4069
|
}
|
3706
4070
|
interface IcDialog {
|
3707
4071
|
/**
|
3708
|
-
* If set to `false`,
|
3709
|
-
*/
|
3710
|
-
"buttons"?: boolean;
|
3711
|
-
/**
|
3712
|
-
* If set to `true`, the dialog will not close when the backdrop is clicked.
|
4072
|
+
* If set to `false`, the dialog will not close when the backdrop is clicked.
|
3713
4073
|
*/
|
3714
4074
|
"closeOnBackdropClick"?: boolean;
|
3715
4075
|
/**
|
3716
|
-
* If
|
4076
|
+
* If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
|
3717
4077
|
*/
|
3718
4078
|
"destructive"?: boolean;
|
3719
4079
|
/**
|
@@ -3736,6 +4096,10 @@ declare namespace LocalJSX {
|
|
3736
4096
|
* If `true`, the close button will not be displayed.
|
3737
4097
|
*/
|
3738
4098
|
"hideCloseButton"?: boolean;
|
4099
|
+
/**
|
4100
|
+
* If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.
|
4101
|
+
*/
|
4102
|
+
"hideDefaultControls"?: boolean;
|
3739
4103
|
/**
|
3740
4104
|
* Sets the optional label for the dialog which appears above the heading.
|
3741
4105
|
*/
|
@@ -3764,8 +4128,40 @@ declare namespace LocalJSX {
|
|
3764
4128
|
* Sets the maximum and minimum height and width for the dialog.
|
3765
4129
|
*/
|
3766
4130
|
"size"?: "small" | "medium" | "large";
|
4131
|
+
/**
|
4132
|
+
* 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.
|
4133
|
+
*/
|
4134
|
+
"theme"?: IcThemeMode;
|
3767
4135
|
}
|
3768
4136
|
interface IcDivider {
|
4137
|
+
/**
|
4138
|
+
* The line style of the divider.
|
4139
|
+
*/
|
4140
|
+
"borderStyle"?: IcDividerStyles;
|
4141
|
+
/**
|
4142
|
+
* The label for the divider. The label placement will need to be set for the label to be displayed correctly.
|
4143
|
+
*/
|
4144
|
+
"label"?: string;
|
4145
|
+
/**
|
4146
|
+
* The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.
|
4147
|
+
*/
|
4148
|
+
"labelPlacement"?: IcDividerLabelPlacement;
|
4149
|
+
/**
|
4150
|
+
* If `true`, the divider will be displayed in a grey colour.
|
4151
|
+
*/
|
4152
|
+
"monochrome"?: boolean;
|
4153
|
+
/**
|
4154
|
+
* The orientation of the divider.
|
4155
|
+
*/
|
4156
|
+
"orientation"?: IcOrientation;
|
4157
|
+
/**
|
4158
|
+
* 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.
|
4159
|
+
*/
|
4160
|
+
"theme"?: IcThemeMode | IcBrandForeground;
|
4161
|
+
/**
|
4162
|
+
* The thickness of the divider.
|
4163
|
+
*/
|
4164
|
+
"weight"?: IcDividerWeights;
|
3769
4165
|
}
|
3770
4166
|
interface IcEmptyState {
|
3771
4167
|
/**
|
@@ -3792,6 +4188,10 @@ declare namespace LocalJSX {
|
|
3792
4188
|
* The subtitle rendered in the empty state container.
|
3793
4189
|
*/
|
3794
4190
|
"subheading"?: string;
|
4191
|
+
/**
|
4192
|
+
* 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.
|
4193
|
+
*/
|
4194
|
+
"theme"?: IcThemeMode;
|
3795
4195
|
}
|
3796
4196
|
interface IcFooter {
|
3797
4197
|
/**
|
@@ -3893,13 +4293,9 @@ declare namespace LocalJSX {
|
|
3893
4293
|
/**
|
3894
4294
|
* The appearance of the horizontal scroll, e.g. dark, light or the default.
|
3895
4295
|
*/
|
3896
|
-
"appearance"?:
|
4296
|
+
"appearance"?: IcBrandForeground;
|
3897
4297
|
}
|
3898
4298
|
interface IcInputComponentContainer {
|
3899
|
-
/**
|
3900
|
-
* The appearance of the input component container.
|
3901
|
-
*/
|
3902
|
-
"appearance"?: "dark" | "default";
|
3903
4299
|
/**
|
3904
4300
|
* If `true`, the disabled state will be set.
|
3905
4301
|
*/
|
@@ -3940,10 +4336,6 @@ declare namespace LocalJSX {
|
|
3940
4336
|
"readonly"?: boolean;
|
3941
4337
|
}
|
3942
4338
|
interface IcInputLabel {
|
3943
|
-
/**
|
3944
|
-
* The appearance of the input label.
|
3945
|
-
*/
|
3946
|
-
"appearance"?: "dark" | "default";
|
3947
4339
|
/**
|
3948
4340
|
* If `true`, the disabled state will be set.
|
3949
4341
|
*/
|
@@ -3956,6 +4348,10 @@ declare namespace LocalJSX {
|
|
3956
4348
|
* The helper text that will be displayed.
|
3957
4349
|
*/
|
3958
4350
|
"helperText"?: string;
|
4351
|
+
/**
|
4352
|
+
* The label will be visually hidden.
|
4353
|
+
*/
|
4354
|
+
"hideLabel"?: boolean;
|
3959
4355
|
/**
|
3960
4356
|
* The text content of the label.
|
3961
4357
|
*/
|
@@ -3996,10 +4392,6 @@ declare namespace LocalJSX {
|
|
3996
4392
|
"status"?: IcInformationStatusOrEmpty;
|
3997
4393
|
}
|
3998
4394
|
interface IcLink {
|
3999
|
-
/**
|
4000
|
-
* The appearance of the link, e.g. dark, light, or default.
|
4001
|
-
*/
|
4002
|
-
"appearance"?: IcThemeForeground;
|
4003
4395
|
/**
|
4004
4396
|
* If `true`, the user can save the linked URL instead of navigating to it.
|
4005
4397
|
*/
|
@@ -4012,6 +4404,10 @@ declare namespace LocalJSX {
|
|
4012
4404
|
* The human language of the linked URL.
|
4013
4405
|
*/
|
4014
4406
|
"hreflang"?: string;
|
4407
|
+
/**
|
4408
|
+
* If `true`, the link will display as black in the light theme, and white in the dark theme.
|
4409
|
+
*/
|
4410
|
+
"monochrome"?: boolean;
|
4015
4411
|
/**
|
4016
4412
|
* How much of the referrer to send when following the link.
|
4017
4413
|
*/
|
@@ -4024,12 +4420,12 @@ declare namespace LocalJSX {
|
|
4024
4420
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
4025
4421
|
*/
|
4026
4422
|
"target"?: string;
|
4027
|
-
}
|
4028
|
-
interface IcLoadingIndicator {
|
4029
4423
|
/**
|
4030
|
-
*
|
4424
|
+
* 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.
|
4031
4425
|
*/
|
4032
|
-
"
|
4426
|
+
"theme"?: IcThemeMode;
|
4427
|
+
}
|
4428
|
+
interface IcLoadingIndicator {
|
4033
4429
|
/**
|
4034
4430
|
* The description that will be set as the aria-label of the loading indicator when not using a visible label.
|
4035
4431
|
*/
|
@@ -4039,9 +4435,9 @@ declare namespace LocalJSX {
|
|
4039
4435
|
*/
|
4040
4436
|
"fullWidth"?: boolean;
|
4041
4437
|
/**
|
4042
|
-
* The label to be displayed beneath the loading indicator. Display a changing label by
|
4438
|
+
* The label to be displayed beneath the loading indicator. Display a changing label by supplying an array of messages.
|
4043
4439
|
*/
|
4044
|
-
"label"?: string;
|
4440
|
+
"label"?: string | string[];
|
4045
4441
|
/**
|
4046
4442
|
* The time in milliseconds before the label changes.
|
4047
4443
|
*/
|
@@ -4054,6 +4450,10 @@ declare namespace LocalJSX {
|
|
4054
4450
|
* The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar.
|
4055
4451
|
*/
|
4056
4452
|
"min"?: number;
|
4453
|
+
/**
|
4454
|
+
* If `true`, the element will display as black and white.
|
4455
|
+
*/
|
4456
|
+
"monochrome"?: boolean;
|
4057
4457
|
/**
|
4058
4458
|
* The current amount of progress made. If not provided, component acts as an indeterminate loading indicator.
|
4059
4459
|
*/
|
@@ -4062,6 +4462,10 @@ declare namespace LocalJSX {
|
|
4062
4462
|
* The size of the loading indicator.
|
4063
4463
|
*/
|
4064
4464
|
"size"?: IcLoadingSizes;
|
4465
|
+
/**
|
4466
|
+
* 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.
|
4467
|
+
*/
|
4468
|
+
"theme"?: IcThemeMode;
|
4065
4469
|
/**
|
4066
4470
|
* The type of indicator, either linear or circular.
|
4067
4471
|
*/
|
@@ -4076,6 +4480,10 @@ declare namespace LocalJSX {
|
|
4076
4480
|
* The reference to an anchor element the menu will position itself from when rendered.
|
4077
4481
|
*/
|
4078
4482
|
"anchorEl": HTMLElement;
|
4483
|
+
/**
|
4484
|
+
* If `true`, the menu will close when an option is selected.
|
4485
|
+
*/
|
4486
|
+
"closeOnSelect"?: boolean;
|
4079
4487
|
/**
|
4080
4488
|
* If `true`, the menu will fill the width of the container.
|
4081
4489
|
*/
|
@@ -4096,6 +4504,10 @@ declare namespace LocalJSX {
|
|
4096
4504
|
* The ID of the menu.
|
4097
4505
|
*/
|
4098
4506
|
"menuId": string;
|
4507
|
+
/**
|
4508
|
+
* Emitted when the clear all button is clicked.
|
4509
|
+
*/
|
4510
|
+
"onIcClear"?: (event: IcMenuCustomEvent<void>) => void;
|
4099
4511
|
/**
|
4100
4512
|
* If `true`, the menu will be displayed open.
|
4101
4513
|
*/
|
@@ -4109,13 +4521,13 @@ declare namespace LocalJSX {
|
|
4109
4521
|
*/
|
4110
4522
|
"searchMode"?: IcSearchBarSearchModes;
|
4111
4523
|
/**
|
4112
|
-
* The size of the menu
|
4524
|
+
* The size of the menu.
|
4113
4525
|
*/
|
4114
4526
|
"size"?: IcSizes;
|
4115
4527
|
/**
|
4116
|
-
* The value of the currently selected option.
|
4528
|
+
* The value of the currently selected option - or array of values (if multiple options allowed).
|
4117
4529
|
*/
|
4118
|
-
"value": string;
|
4530
|
+
"value": string | string[];
|
4119
4531
|
/**
|
4120
4532
|
* The custom name for the value field for IcMenuOption.
|
4121
4533
|
*/
|
@@ -4128,6 +4540,10 @@ declare namespace LocalJSX {
|
|
4128
4540
|
"label"?: string;
|
4129
4541
|
}
|
4130
4542
|
interface IcMenuItem {
|
4543
|
+
/**
|
4544
|
+
* If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
|
4545
|
+
*/
|
4546
|
+
"checked"?: boolean;
|
4131
4547
|
/**
|
4132
4548
|
* The description displayed in the menu item, below the label.
|
4133
4549
|
*/
|
@@ -4147,11 +4563,17 @@ declare namespace LocalJSX {
|
|
4147
4563
|
/**
|
4148
4564
|
* The label describing the keyboard shortcut for a menu item's action.
|
4149
4565
|
*/
|
4150
|
-
"
|
4566
|
+
"keyboardShortcutLabel"?: string;
|
4151
4567
|
/**
|
4152
4568
|
* The label to display in the menu item.
|
4153
4569
|
*/
|
4154
4570
|
"label": string;
|
4571
|
+
/**
|
4572
|
+
* Emitted when the user clicks a menu item that is set to the toggle variant.
|
4573
|
+
*/
|
4574
|
+
"onIcToggleChecked"?: (event: IcMenuItemCustomEvent<{
|
4575
|
+
checked: boolean;
|
4576
|
+
}>) => void;
|
4155
4577
|
/**
|
4156
4578
|
* How much of the referrer to send when following the link.
|
4157
4579
|
*/
|
@@ -4202,16 +4624,24 @@ declare namespace LocalJSX {
|
|
4202
4624
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
4203
4625
|
*/
|
4204
4626
|
"target"?: string;
|
4627
|
+
/**
|
4628
|
+
* 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.
|
4629
|
+
*/
|
4630
|
+
"theme"?: IcThemeMode;
|
4205
4631
|
}
|
4206
4632
|
interface IcNavigationGroup {
|
4207
4633
|
/**
|
4208
|
-
* If `true`, the group will be expandable in the side menu.
|
4634
|
+
* If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.
|
4209
4635
|
*/
|
4210
4636
|
"expandable"?: boolean;
|
4211
4637
|
/**
|
4212
4638
|
* The label to display on the group.
|
4213
4639
|
*/
|
4214
|
-
"label"
|
4640
|
+
"label": string;
|
4641
|
+
/**
|
4642
|
+
* 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.
|
4643
|
+
*/
|
4644
|
+
"theme"?: IcThemeMode;
|
4215
4645
|
}
|
4216
4646
|
interface IcNavigationItem {
|
4217
4647
|
/**
|
@@ -4246,12 +4676,20 @@ declare namespace LocalJSX {
|
|
4246
4676
|
* The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
|
4247
4677
|
*/
|
4248
4678
|
"target"?: string;
|
4679
|
+
/**
|
4680
|
+
* 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.
|
4681
|
+
*/
|
4682
|
+
"theme"?: IcThemeMode;
|
4249
4683
|
}
|
4250
4684
|
interface IcNavigationMenu {
|
4251
4685
|
/**
|
4252
4686
|
* The status info to display.
|
4253
4687
|
*/
|
4254
4688
|
"status"?: string;
|
4689
|
+
/**
|
4690
|
+
* 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.
|
4691
|
+
*/
|
4692
|
+
"theme"?: IcThemeMode;
|
4255
4693
|
/**
|
4256
4694
|
* The version info to display.
|
4257
4695
|
*/
|
@@ -4290,16 +4728,16 @@ declare namespace LocalJSX {
|
|
4290
4728
|
* The subtitle to render on the page header.
|
4291
4729
|
*/
|
4292
4730
|
"subheading"?: string;
|
4731
|
+
/**
|
4732
|
+
* 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.
|
4733
|
+
*/
|
4734
|
+
"theme"?: IcThemeMode;
|
4293
4735
|
}
|
4294
4736
|
interface IcPagination {
|
4295
4737
|
/**
|
4296
4738
|
* The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
|
4297
4739
|
*/
|
4298
4740
|
"adjacentPageCount"?: number;
|
4299
|
-
/**
|
4300
|
-
* The appearance of the pagination, e.g. dark, light or the default.
|
4301
|
-
*/
|
4302
|
-
"appearance"?: IcThemeForeground;
|
4303
4741
|
/**
|
4304
4742
|
* The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
|
4305
4743
|
*/
|
@@ -4328,6 +4766,10 @@ declare namespace LocalJSX {
|
|
4328
4766
|
* The label for the pagination item (applicable when simple pagination is being used).
|
4329
4767
|
*/
|
4330
4768
|
"label"?: string;
|
4769
|
+
/**
|
4770
|
+
* If `true`, the pagination will display as black in the light theme, and white in dark theme.
|
4771
|
+
*/
|
4772
|
+
"monochrome"?: boolean;
|
4331
4773
|
/**
|
4332
4774
|
* Emitted when a page is selected.
|
4333
4775
|
*/
|
@@ -4336,16 +4778,16 @@ declare namespace LocalJSX {
|
|
4336
4778
|
* The total number of pages.
|
4337
4779
|
*/
|
4338
4780
|
"pages": number;
|
4781
|
+
/**
|
4782
|
+
* 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.
|
4783
|
+
*/
|
4784
|
+
"theme"?: IcThemeMode;
|
4339
4785
|
/**
|
4340
4786
|
* The type of pagination to be used.
|
4341
4787
|
*/
|
4342
4788
|
"type"?: IcPaginationTypes;
|
4343
4789
|
}
|
4344
4790
|
interface IcPaginationItem {
|
4345
|
-
/**
|
4346
|
-
* The appearance of the pagination, e.g. dark, light or the default.
|
4347
|
-
*/
|
4348
|
-
"appearance"?: IcThemeForeground;
|
4349
4791
|
/**
|
4350
4792
|
* If `true`, the pagination item will be disabled.
|
4351
4793
|
*/
|
@@ -4354,14 +4796,22 @@ declare namespace LocalJSX {
|
|
4354
4796
|
* The label for the pagination item (applicable when simple pagination is being used).
|
4355
4797
|
*/
|
4356
4798
|
"label"?: string;
|
4799
|
+
/**
|
4800
|
+
* If `true`, the pagination item will display as black in the light theme, and white in dark theme.
|
4801
|
+
*/
|
4802
|
+
"monochrome"?: boolean;
|
4357
4803
|
/**
|
4358
4804
|
* The current page number.
|
4359
4805
|
*/
|
4360
|
-
"page"?: number
|
4806
|
+
"page"?: number;
|
4361
4807
|
/**
|
4362
4808
|
* If `true`, the pagination item will be selected.
|
4363
4809
|
*/
|
4364
4810
|
"selected"?: boolean;
|
4811
|
+
/**
|
4812
|
+
* 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.
|
4813
|
+
*/
|
4814
|
+
"theme"?: IcThemeMode;
|
4365
4815
|
/**
|
4366
4816
|
* The type of pagination item - 'page' or 'ellipsis'.
|
4367
4817
|
*/
|
@@ -4375,15 +4825,19 @@ declare namespace LocalJSX {
|
|
4375
4825
|
/**
|
4376
4826
|
* Emitted when the popover menu is closed.
|
4377
4827
|
*/
|
4378
|
-
"onIcPopoverClosed"?: (event: IcPopoverMenuCustomEvent<
|
4828
|
+
"onIcPopoverClosed"?: (event: IcPopoverMenuCustomEvent<HTMLIcMenuItemElement>) => void;
|
4379
4829
|
/**
|
4380
4830
|
* If `true`, the popover menu will be displayed.
|
4381
4831
|
*/
|
4382
|
-
"open"?: boolean;
|
4832
|
+
"open"?: boolean | undefined;
|
4383
4833
|
/**
|
4384
4834
|
* The unique identifier for a popover submenu.
|
4385
4835
|
*/
|
4386
4836
|
"submenuId"?: string;
|
4837
|
+
/**
|
4838
|
+
* 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.
|
4839
|
+
*/
|
4840
|
+
"theme"?: IcThemeMode;
|
4387
4841
|
}
|
4388
4842
|
interface IcRadioGroup {
|
4389
4843
|
/**
|
@@ -4422,12 +4876,16 @@ declare namespace LocalJSX {
|
|
4422
4876
|
* The size of the radio group component.
|
4423
4877
|
*/
|
4424
4878
|
"size"?: IcSizesNoLarge;
|
4879
|
+
/**
|
4880
|
+
* 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.
|
4881
|
+
*/
|
4882
|
+
"theme"?: IcThemeMode;
|
4425
4883
|
/**
|
4426
4884
|
* The validation status - e.g. 'error' | 'warning' | 'success'.
|
4427
4885
|
*/
|
4428
4886
|
"validationStatus"?: IcInformationStatusOrEmpty;
|
4429
4887
|
/**
|
4430
|
-
* The
|
4888
|
+
* The text to display as the validation message.
|
4431
4889
|
*/
|
4432
4890
|
"validationText"?: string;
|
4433
4891
|
}
|
@@ -4472,6 +4930,10 @@ declare namespace LocalJSX {
|
|
4472
4930
|
* If `true`, the radio option will be displayed in a selected state.
|
4473
4931
|
*/
|
4474
4932
|
"selected"?: boolean;
|
4933
|
+
/**
|
4934
|
+
* 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.
|
4935
|
+
*/
|
4936
|
+
"theme"?: IcThemeMode;
|
4475
4937
|
/**
|
4476
4938
|
* The value for the radio option.
|
4477
4939
|
*/
|
@@ -4485,7 +4947,7 @@ declare namespace LocalJSX {
|
|
4485
4947
|
/**
|
4486
4948
|
* The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
|
4487
4949
|
*/
|
4488
|
-
"autocapitalize"?: string;
|
4950
|
+
"autocapitalize"?: string | undefined;
|
4489
4951
|
/**
|
4490
4952
|
* The state of autocompletion the browser can apply on the text value.
|
4491
4953
|
*/
|
@@ -4497,7 +4959,7 @@ declare namespace LocalJSX {
|
|
4497
4959
|
/**
|
4498
4960
|
* If `true`, the form control will have input focus when the page loads.
|
4499
4961
|
*/
|
4500
|
-
"autofocus"?: boolean;
|
4962
|
+
"autofocus"?: boolean | undefined;
|
4501
4963
|
/**
|
4502
4964
|
* The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.
|
4503
4965
|
*/
|
@@ -4570,6 +5032,10 @@ declare namespace LocalJSX {
|
|
4570
5032
|
* Emitted when a keyboard input occurred.
|
4571
5033
|
*/
|
4572
5034
|
"onIcInput"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
|
5035
|
+
/**
|
5036
|
+
* Emitted when a keydown event occurred.
|
5037
|
+
*/
|
5038
|
+
"onIcKeydown"?: (event: IcSearchBarCustomEvent<{ event: KeyboardEvent }>) => void;
|
4573
5039
|
/**
|
4574
5040
|
* Emitted when the state of the menu changes (i.e. open or close)
|
4575
5041
|
*/
|
@@ -4581,7 +5047,7 @@ declare namespace LocalJSX {
|
|
4581
5047
|
/**
|
4582
5048
|
* Emitted when the 'retry loading' button is clicked
|
4583
5049
|
*/
|
4584
|
-
"onIcRetryLoad"?: (event: IcSearchBarCustomEvent<
|
5050
|
+
"onIcRetryLoad"?: (event: IcSearchBarCustomEvent<IcMultiValueEventDetail>) => void;
|
4585
5051
|
/**
|
4586
5052
|
* Emitted when blur is invoked from ic-search-bar
|
4587
5053
|
*/
|
@@ -4621,7 +5087,11 @@ declare namespace LocalJSX {
|
|
4621
5087
|
/**
|
4622
5088
|
* If `true`, the value of the search will have its spelling and grammar checked.
|
4623
5089
|
*/
|
4624
|
-
"spellcheck"?: boolean;
|
5090
|
+
"spellcheck"?: boolean | undefined;
|
5091
|
+
/**
|
5092
|
+
* 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.
|
5093
|
+
*/
|
5094
|
+
"theme"?: IcThemeMode;
|
4625
5095
|
/**
|
4626
5096
|
* If using external filtering, set a timeout for when loading takes too long.
|
4627
5097
|
*/
|
@@ -4647,7 +5117,7 @@ declare namespace LocalJSX {
|
|
4647
5117
|
}
|
4648
5118
|
interface IcSelect {
|
4649
5119
|
/**
|
4650
|
-
* The amount of time, in milliseconds, to wait to trigger the `
|
5120
|
+
* The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
|
4651
5121
|
*/
|
4652
5122
|
"debounce"?: number;
|
4653
5123
|
/**
|
@@ -4667,7 +5137,7 @@ declare namespace LocalJSX {
|
|
4667
5137
|
*/
|
4668
5138
|
"form"?: string;
|
4669
5139
|
/**
|
4670
|
-
* If `true`, the select
|
5140
|
+
* If `true`, the select will fill the width of the container.
|
4671
5141
|
*/
|
4672
5142
|
"fullWidth"?: boolean;
|
4673
5143
|
/**
|
@@ -4702,6 +5172,10 @@ declare namespace LocalJSX {
|
|
4702
5172
|
* The message displayed whilst the options are being loaded externally.
|
4703
5173
|
*/
|
4704
5174
|
"loadingLabel"?: string;
|
5175
|
+
/**
|
5176
|
+
* If `true`, multiple options can be selected.
|
5177
|
+
*/
|
5178
|
+
"multiple"?: boolean;
|
4705
5179
|
/**
|
4706
5180
|
* The name of the control, which is submitted with the form data.
|
4707
5181
|
*/
|
@@ -4713,9 +5187,9 @@ declare namespace LocalJSX {
|
|
4713
5187
|
/**
|
4714
5188
|
* Emitted when the value changes.
|
4715
5189
|
*/
|
4716
|
-
"onIcChange"?: (event: IcSelectCustomEvent<
|
5190
|
+
"onIcChange"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
|
4717
5191
|
/**
|
4718
|
-
* Emitted when the clear button is clicked.
|
5192
|
+
* Emitted when the clear or clear all button is clicked.
|
4719
5193
|
*/
|
4720
5194
|
"onIcClear"?: (event: IcSelectCustomEvent<void>) => void;
|
4721
5195
|
/**
|
@@ -4729,19 +5203,23 @@ declare namespace LocalJSX {
|
|
4729
5203
|
/**
|
4730
5204
|
* Emitted when a keyboard input occurred.
|
4731
5205
|
*/
|
4732
|
-
"onIcInput"?: (event: IcSelectCustomEvent<
|
5206
|
+
"onIcInput"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
|
4733
5207
|
/**
|
4734
5208
|
* Emitted when the select options menu is opened.
|
4735
5209
|
*/
|
4736
5210
|
"onIcOpen"?: (event: IcSelectCustomEvent<void>) => void;
|
4737
5211
|
/**
|
4738
|
-
* Emitted when
|
5212
|
+
* Emitted when `multiple` is `true` and an option is deselected.
|
5213
|
+
*/
|
5214
|
+
"onIcOptionDeselect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
|
5215
|
+
/**
|
5216
|
+
* Emitted when an option is selected. Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.
|
4739
5217
|
*/
|
4740
5218
|
"onIcOptionSelect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
|
4741
5219
|
/**
|
4742
5220
|
* Emitted when the 'retry loading' button is clicked for a searchable variant.
|
4743
5221
|
*/
|
4744
|
-
"onIcRetryLoad"?: (event: IcSelectCustomEvent<
|
5222
|
+
"onIcRetryLoad"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
|
4745
5223
|
/**
|
4746
5224
|
* The possible selection options.
|
4747
5225
|
*/
|
@@ -4763,11 +5241,11 @@ declare namespace LocalJSX {
|
|
4763
5241
|
*/
|
4764
5242
|
"searchMatchPosition"?: IcSearchMatchPositions;
|
4765
5243
|
/**
|
4766
|
-
* If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
|
5244
|
+
* If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.
|
4767
5245
|
*/
|
4768
5246
|
"searchable"?: boolean;
|
4769
5247
|
/**
|
4770
|
-
* If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
|
5248
|
+
* If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.
|
4771
5249
|
*/
|
4772
5250
|
"selectOnEnter"?: boolean;
|
4773
5251
|
/**
|
@@ -4775,9 +5253,13 @@ declare namespace LocalJSX {
|
|
4775
5253
|
*/
|
4776
5254
|
"showClearButton"?: boolean;
|
4777
5255
|
/**
|
4778
|
-
* The size of the select
|
5256
|
+
* The size of the select.
|
4779
5257
|
*/
|
4780
5258
|
"size"?: IcSizes;
|
5259
|
+
/**
|
5260
|
+
* 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.
|
5261
|
+
*/
|
5262
|
+
"theme"?: IcThemeMode;
|
4781
5263
|
/**
|
4782
5264
|
* If using external filtering, set a timeout for when loading takes too long.
|
4783
5265
|
*/
|
@@ -4791,9 +5273,9 @@ declare namespace LocalJSX {
|
|
4791
5273
|
*/
|
4792
5274
|
"validationText"?: string;
|
4793
5275
|
/**
|
4794
|
-
* The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
|
5276
|
+
* The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values.
|
4795
5277
|
*/
|
4796
|
-
"value"?: string;
|
5278
|
+
"value"?: string | string[] | null;
|
4797
5279
|
}
|
4798
5280
|
interface IcSideNavigation {
|
4799
5281
|
/**
|
@@ -4843,14 +5325,44 @@ declare namespace LocalJSX {
|
|
4843
5325
|
}
|
4844
5326
|
interface IcSkeleton {
|
4845
5327
|
/**
|
4846
|
-
*
|
5328
|
+
* 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.
|
4847
5329
|
*/
|
4848
|
-
"
|
5330
|
+
"theme"?: IcThemeMode;
|
4849
5331
|
/**
|
4850
5332
|
* The variant of the skeleton that will be displayed.
|
4851
5333
|
*/
|
4852
5334
|
"variant"?: IcSkeletonVariants;
|
4853
5335
|
}
|
5336
|
+
interface IcSkipLink {
|
5337
|
+
/**
|
5338
|
+
* If `true`, the skip link will fill the width of the page.
|
5339
|
+
*/
|
5340
|
+
"fullWidth"?: boolean;
|
5341
|
+
/**
|
5342
|
+
* If `true`, the skip link will appear inline with surrounding page content when focused.
|
5343
|
+
*/
|
5344
|
+
"inline"?: boolean;
|
5345
|
+
/**
|
5346
|
+
* The label displayed when the skip link is focused.
|
5347
|
+
*/
|
5348
|
+
"label"?: string;
|
5349
|
+
/**
|
5350
|
+
* If `true`, the skip link will display as black in the light theme, and white in the dark theme.
|
5351
|
+
*/
|
5352
|
+
"monochrome"?: boolean;
|
5353
|
+
/**
|
5354
|
+
* The target ID for the element which should receive focus when triggering the skip link.
|
5355
|
+
*/
|
5356
|
+
"target": string;
|
5357
|
+
/**
|
5358
|
+
* 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.
|
5359
|
+
*/
|
5360
|
+
"theme"?: IcThemeMode;
|
5361
|
+
/**
|
5362
|
+
* If `true`, the background will be hidden.
|
5363
|
+
*/
|
5364
|
+
"transparentBackground"?: boolean;
|
5365
|
+
}
|
4854
5366
|
interface IcStatusTag {
|
4855
5367
|
/**
|
4856
5368
|
* If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value.
|
@@ -4868,6 +5380,14 @@ declare namespace LocalJSX {
|
|
4868
5380
|
* The colour of the status tag.
|
4869
5381
|
*/
|
4870
5382
|
"status"?: IcStatusTagStatuses;
|
5383
|
+
/**
|
5384
|
+
* 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.
|
5385
|
+
*/
|
5386
|
+
"theme"?: "dark" | "light" | "inherit";
|
5387
|
+
/**
|
5388
|
+
* The letter case of the status tag's label.
|
5389
|
+
*/
|
5390
|
+
"uppercase"?: boolean;
|
4871
5391
|
/**
|
4872
5392
|
* The emphasis of the status tag.
|
4873
5393
|
*/
|
@@ -4896,10 +5416,6 @@ declare namespace LocalJSX {
|
|
4896
5416
|
* The alignment of the default stepper within its container.
|
4897
5417
|
*/
|
4898
5418
|
"aligned"?: IcStepperAlignment;
|
4899
|
-
/**
|
4900
|
-
* The appearance of the stepper.
|
4901
|
-
*/
|
4902
|
-
"appearance"?: "light" | "default";
|
4903
5419
|
/**
|
4904
5420
|
* The length of the connector between each step in pixels. Minimum length is 100px.
|
4905
5421
|
*/
|
@@ -4908,6 +5424,10 @@ declare namespace LocalJSX {
|
|
4908
5424
|
* If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
|
4909
5425
|
*/
|
4910
5426
|
"hideStepInfo"?: boolean;
|
5427
|
+
/**
|
5428
|
+
* 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.
|
5429
|
+
*/
|
5430
|
+
"theme"?: IcThemeMode;
|
4911
5431
|
/**
|
4912
5432
|
* The variant of the stepper.
|
4913
5433
|
*/
|
@@ -4950,14 +5470,14 @@ declare namespace LocalJSX {
|
|
4950
5470
|
* Emitted when the toggle has focus.
|
4951
5471
|
*/
|
4952
5472
|
"onIcFocus"?: (event: IcSwitchCustomEvent<void>) => void;
|
4953
|
-
/**
|
4954
|
-
* If `true`, the switch will render the On/Off state text.
|
4955
|
-
*/
|
4956
|
-
"showState"?: boolean;
|
4957
5473
|
/**
|
4958
5474
|
* The size of the switch component.
|
4959
5475
|
*/
|
4960
5476
|
"size"?: IcSizesNoLarge;
|
5477
|
+
/**
|
5478
|
+
* 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.
|
5479
|
+
*/
|
5480
|
+
"theme"?: IcThemeMode;
|
4961
5481
|
/**
|
4962
5482
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
4963
5483
|
*/
|
@@ -4974,14 +5494,14 @@ declare namespace LocalJSX {
|
|
4974
5494
|
* Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
|
4975
5495
|
*/
|
4976
5496
|
"activationType"?: IcActivationTypes;
|
4977
|
-
/**
|
4978
|
-
* The appearance of the tab context, e.g dark, or light.
|
4979
|
-
*/
|
4980
|
-
"appearance"?: IcThemeForegroundNoDefault;
|
4981
5497
|
/**
|
4982
5498
|
* The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
|
4983
5499
|
*/
|
4984
5500
|
"contextId"?: string;
|
5501
|
+
/**
|
5502
|
+
* If `true`, the tabs will display as black in the light theme.
|
5503
|
+
*/
|
5504
|
+
"monochrome"?: boolean;
|
4985
5505
|
/**
|
4986
5506
|
* Emitted when a user selects a tab.
|
4987
5507
|
*/
|
@@ -4990,6 +5510,10 @@ declare namespace LocalJSX {
|
|
4990
5510
|
* The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
|
4991
5511
|
*/
|
4992
5512
|
"selectedTabIndex"?: number;
|
5513
|
+
/**
|
5514
|
+
* 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.
|
5515
|
+
*/
|
5516
|
+
"theme"?: IcThemeMode;
|
4993
5517
|
}
|
4994
5518
|
interface IcTabGroup {
|
4995
5519
|
/**
|
@@ -5004,14 +5528,10 @@ declare namespace LocalJSX {
|
|
5004
5528
|
interface IcTabPanel {
|
5005
5529
|
}
|
5006
5530
|
interface IcTextField {
|
5007
|
-
/**
|
5008
|
-
* If `true`, the form control will have input focus when the page loads.
|
5009
|
-
*/
|
5010
|
-
"autoFocus"?: boolean;
|
5011
5531
|
/**
|
5012
5532
|
* The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
|
5013
5533
|
*/
|
5014
|
-
"autocapitalize"?: string;
|
5534
|
+
"autocapitalize"?: string | undefined;
|
5015
5535
|
/**
|
5016
5536
|
* The state of autocompletion the browser can apply on the text value.
|
5017
5537
|
*/
|
@@ -5020,6 +5540,10 @@ declare namespace LocalJSX {
|
|
5020
5540
|
* The state of autocorrection the browser can apply when the user is entering/editing the text value.
|
5021
5541
|
*/
|
5022
5542
|
"autocorrect"?: IcAutocorrectStates;
|
5543
|
+
/**
|
5544
|
+
* If `true`, the form control will have input focus when the page loads.
|
5545
|
+
*/
|
5546
|
+
"autofocus"?: boolean | undefined;
|
5023
5547
|
/**
|
5024
5548
|
* The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
|
5025
5549
|
*/
|
@@ -5064,6 +5588,14 @@ declare namespace LocalJSX {
|
|
5064
5588
|
* The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)
|
5065
5589
|
*/
|
5066
5590
|
"maxCharacters"?: number;
|
5591
|
+
/**
|
5592
|
+
* The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.
|
5593
|
+
*/
|
5594
|
+
"maxCharactersMessage"?: string;
|
5595
|
+
/**
|
5596
|
+
* The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.
|
5597
|
+
*/
|
5598
|
+
"maxMessage"?: string;
|
5067
5599
|
/**
|
5068
5600
|
* The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)
|
5069
5601
|
*/
|
@@ -5072,6 +5604,14 @@ declare namespace LocalJSX {
|
|
5072
5604
|
* The minimum number of characters that can be entered in the field.
|
5073
5605
|
*/
|
5074
5606
|
"minCharacters"?: number;
|
5607
|
+
/**
|
5608
|
+
* The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.
|
5609
|
+
*/
|
5610
|
+
"minCharactersMessage"?: string;
|
5611
|
+
/**
|
5612
|
+
* The text to display as the error message when the minimum value (the `min` prop value) has not been met.
|
5613
|
+
*/
|
5614
|
+
"minMessage"?: string;
|
5075
5615
|
/**
|
5076
5616
|
* The name of the control, which is submitted with the form data.
|
5077
5617
|
*/
|
@@ -5123,7 +5663,11 @@ declare namespace LocalJSX {
|
|
5123
5663
|
/**
|
5124
5664
|
* If `true`, the value of the text field will have its spelling and grammar checked.
|
5125
5665
|
*/
|
5126
|
-
"spellcheck"?: boolean;
|
5666
|
+
"spellcheck"?: boolean | undefined;
|
5667
|
+
/**
|
5668
|
+
* 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.
|
5669
|
+
*/
|
5670
|
+
"theme"?: IcThemeMode;
|
5127
5671
|
/**
|
5128
5672
|
* The type of control to display. The default type is text.
|
5129
5673
|
*/
|
@@ -5137,7 +5681,7 @@ declare namespace LocalJSX {
|
|
5137
5681
|
*/
|
5138
5682
|
"validationStatus"?: IcInformationStatusOrEmpty;
|
5139
5683
|
/**
|
5140
|
-
* The
|
5684
|
+
* The text to display as the validation message.
|
5141
5685
|
*/
|
5142
5686
|
"validationText"?: string;
|
5143
5687
|
/**
|
@@ -5147,19 +5691,27 @@ declare namespace LocalJSX {
|
|
5147
5691
|
}
|
5148
5692
|
interface IcTheme {
|
5149
5693
|
/**
|
5150
|
-
* The
|
5694
|
+
* The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
|
5151
5695
|
*/
|
5152
|
-
"
|
5696
|
+
"brandColor"?: IcColor | null;
|
5697
|
+
/**
|
5698
|
+
* Emitted when the theme is changed.
|
5699
|
+
*/
|
5700
|
+
"onIcThemeChange"?: (event: IcThemeCustomEvent<IcThemeSettings>) => void;
|
5701
|
+
/**
|
5702
|
+
* The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
|
5703
|
+
*/
|
5704
|
+
"theme"?: IcThemeSettings;
|
5153
5705
|
}
|
5154
5706
|
interface IcToast {
|
5155
5707
|
/**
|
5156
5708
|
* If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
|
5157
5709
|
*/
|
5158
|
-
"autoDismissTimeout"?: number;
|
5710
|
+
"autoDismissTimeout"?: number | undefined;
|
5159
5711
|
/**
|
5160
5712
|
* If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
|
5161
5713
|
*/
|
5162
|
-
"dismissButtonAriaLabel"?: string;
|
5714
|
+
"dismissButtonAriaLabel"?: string | undefined;
|
5163
5715
|
/**
|
5164
5716
|
* How the toast will be dismissed. If manual will display a dismiss button.
|
5165
5717
|
*/
|
@@ -5196,10 +5748,6 @@ declare namespace LocalJSX {
|
|
5196
5748
|
* The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.
|
5197
5749
|
*/
|
5198
5750
|
"accessibleLabel"?: string;
|
5199
|
-
/**
|
5200
|
-
* The appearance of the toggle button.
|
5201
|
-
*/
|
5202
|
-
"appearance"?: IcThemeForeground;
|
5203
5751
|
/**
|
5204
5752
|
* If `true`, the toggle button will be in a checked state.
|
5205
5753
|
*/
|
@@ -5215,7 +5763,7 @@ declare namespace LocalJSX {
|
|
5215
5763
|
/**
|
5216
5764
|
* The placement of the icon in relation to the toggle button label.
|
5217
5765
|
*/
|
5218
|
-
"iconPlacement"?:
|
5766
|
+
"iconPlacement"?: IcIconPlacementOptions;
|
5219
5767
|
/**
|
5220
5768
|
* The label to display in the toggle button. This is required for the default variant of toggle buttons.
|
5221
5769
|
*/
|
@@ -5224,6 +5772,10 @@ declare namespace LocalJSX {
|
|
5224
5772
|
* If `true`, the toggle button will be in loading state.
|
5225
5773
|
*/
|
5226
5774
|
"loading"?: boolean;
|
5775
|
+
/**
|
5776
|
+
* If `true`, the toggle button will display as black in the light theme, and white in dark theme.
|
5777
|
+
*/
|
5778
|
+
"monochrome"?: boolean;
|
5227
5779
|
/**
|
5228
5780
|
* Emitted when the user clicks a toggle button.
|
5229
5781
|
*/
|
@@ -5234,6 +5786,14 @@ declare namespace LocalJSX {
|
|
5234
5786
|
* The size of the toggle button to be displayed.
|
5235
5787
|
*/
|
5236
5788
|
"size"?: IcSizes;
|
5789
|
+
/**
|
5790
|
+
* 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.
|
5791
|
+
*/
|
5792
|
+
"theme"?: IcThemeMode;
|
5793
|
+
/**
|
5794
|
+
* The position of the tooltip in relation to the toggle button.
|
5795
|
+
*/
|
5796
|
+
"tooltipPlacement"?: IcButtonTooltipPlacement;
|
5237
5797
|
/**
|
5238
5798
|
* The variant of the toggle button.
|
5239
5799
|
*/
|
@@ -5244,10 +5804,6 @@ declare namespace LocalJSX {
|
|
5244
5804
|
* The accessible label of the toggle button group component to provide context for screen reader users.
|
5245
5805
|
*/
|
5246
5806
|
"accessibleLabel"?: string;
|
5247
|
-
/**
|
5248
|
-
* The appearance of the toggle button group, e.g dark, or light.
|
5249
|
-
*/
|
5250
|
-
"appearance"?: IcThemeForeground;
|
5251
5807
|
/**
|
5252
5808
|
* If `true`, the toggle button group will be set to the disabled state.
|
5253
5809
|
*/
|
@@ -5264,6 +5820,10 @@ declare namespace LocalJSX {
|
|
5264
5820
|
* If `true`, the toggle button group will be in loading state.
|
5265
5821
|
*/
|
5266
5822
|
"loading"?: boolean;
|
5823
|
+
/**
|
5824
|
+
* If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
|
5825
|
+
*/
|
5826
|
+
"monochrome"?: boolean;
|
5267
5827
|
/**
|
5268
5828
|
* Emitted when a toggle button is selected.
|
5269
5829
|
*/
|
@@ -5280,12 +5840,24 @@ declare namespace LocalJSX {
|
|
5280
5840
|
* The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.
|
5281
5841
|
*/
|
5282
5842
|
"size"?: IcSizes;
|
5843
|
+
/**
|
5844
|
+
* 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.
|
5845
|
+
*/
|
5846
|
+
"theme"?: IcThemeMode;
|
5847
|
+
/**
|
5848
|
+
* The position of the tooltip in relation to the toggle buttons.
|
5849
|
+
*/
|
5850
|
+
"tooltipPlacement"?: IcButtonTooltipPlacement;
|
5283
5851
|
/**
|
5284
5852
|
* The variant of the toggle button.
|
5285
5853
|
*/
|
5286
5854
|
"variant"?: "default" | "icon";
|
5287
5855
|
}
|
5288
5856
|
interface IcTooltip {
|
5857
|
+
/**
|
5858
|
+
* If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.
|
5859
|
+
*/
|
5860
|
+
"disableClick"?: boolean;
|
5289
5861
|
/**
|
5290
5862
|
* If `true`, the tooltip will not be displayed on hover, it will require a click.
|
5291
5863
|
*/
|
@@ -5306,6 +5878,10 @@ declare namespace LocalJSX {
|
|
5306
5878
|
* The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
|
5307
5879
|
*/
|
5308
5880
|
"target"?: string;
|
5881
|
+
/**
|
5882
|
+
* Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
|
5883
|
+
*/
|
5884
|
+
"theme"?: IcThemeMode;
|
5309
5885
|
}
|
5310
5886
|
interface IcTopNavigation {
|
5311
5887
|
/**
|
@@ -5340,6 +5916,10 @@ declare namespace LocalJSX {
|
|
5340
5916
|
* The status info to be displayed.
|
5341
5917
|
*/
|
5342
5918
|
"status"?: string;
|
5919
|
+
/**
|
5920
|
+
* 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.
|
5921
|
+
*/
|
5922
|
+
"theme"?: IcThemeMode;
|
5343
5923
|
/**
|
5344
5924
|
* The version info to be displayed.
|
5345
5925
|
*/
|
@@ -5366,6 +5946,10 @@ declare namespace LocalJSX {
|
|
5366
5946
|
* If `true`, the typography will have a line through it.
|
5367
5947
|
*/
|
5368
5948
|
"strikethrough"?: boolean;
|
5949
|
+
/**
|
5950
|
+
* Sets the text color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
|
5951
|
+
*/
|
5952
|
+
"theme"?: IcThemeMode;
|
5369
5953
|
/**
|
5370
5954
|
* If `true`, the typography will have a line under it.
|
5371
5955
|
*/
|
@@ -5423,6 +6007,7 @@ declare namespace LocalJSX {
|
|
5423
6007
|
"ic-select": IcSelect;
|
5424
6008
|
"ic-side-navigation": IcSideNavigation;
|
5425
6009
|
"ic-skeleton": IcSkeleton;
|
6010
|
+
"ic-skip-link": IcSkipLink;
|
5426
6011
|
"ic-status-tag": IcStatusTag;
|
5427
6012
|
"ic-step": IcStep;
|
5428
6013
|
"ic-stepper": IcStepper;
|
@@ -5493,6 +6078,7 @@ declare module "@stencil/core" {
|
|
5493
6078
|
"ic-select": LocalJSX.IcSelect & JSXBase.HTMLAttributes<HTMLIcSelectElement>;
|
5494
6079
|
"ic-side-navigation": LocalJSX.IcSideNavigation & JSXBase.HTMLAttributes<HTMLIcSideNavigationElement>;
|
5495
6080
|
"ic-skeleton": LocalJSX.IcSkeleton & JSXBase.HTMLAttributes<HTMLIcSkeletonElement>;
|
6081
|
+
"ic-skip-link": LocalJSX.IcSkipLink & JSXBase.HTMLAttributes<HTMLIcSkipLinkElement>;
|
5496
6082
|
"ic-status-tag": LocalJSX.IcStatusTag & JSXBase.HTMLAttributes<HTMLIcStatusTagElement>;
|
5497
6083
|
"ic-step": LocalJSX.IcStep & JSXBase.HTMLAttributes<HTMLIcStepElement>;
|
5498
6084
|
"ic-stepper": LocalJSX.IcStepper & JSXBase.HTMLAttributes<HTMLIcStepperElement>;
|