@ukic/web-components 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/core.cjs.js +13 -11
- package/dist/cjs/core.cjs.js.map +1 -1
- package/dist/cjs/{helpers-94b33ab0.js → helpers-a0a128bd.js} +155 -50
- package/dist/cjs/helpers-a0a128bd.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +38 -22
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +75 -46
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +50 -30
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +32 -16
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +67 -42
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +114 -63
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +78 -18
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +341 -168
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +93 -72
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +51 -14
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +55 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +64 -32
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +22 -6
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +17 -7
- package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +31 -20
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +170 -114
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +95 -12
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +21 -24
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +12 -14
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +15 -16
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +52 -30
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +35 -32
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +40 -21
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +587 -244
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +65 -40
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +43 -28
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +41 -33
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +32 -24
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +69 -44
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +115 -43
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +55 -33
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +53 -31
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +37 -24
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +76 -36
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +97 -60
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +103 -48
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +70 -39
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +195 -108
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +12 -5
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +385 -163
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +119 -79
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +15 -8
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skip-link.cjs.entry.js +55 -0
- package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-status-tag.cjs.entry.js +30 -10
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +37 -37
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +60 -36
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +63 -31
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +112 -152
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +18 -14
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +19 -15
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +31 -22
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +235 -87
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +52 -23
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +8 -3
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +30 -23
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +117 -35
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +110 -23
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +65 -35
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +59 -30
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-d337cd8a.js +2611 -0
- package/dist/cjs/index-d337cd8a.js.map +1 -0
- package/dist/cjs/loader.cjs.js +5 -3
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/ag-theme-icds.css +218 -0
- package/dist/collection/collection-manifest.json +8 -7
- package/dist/collection/components/ic-accordion/ic-accordion.css +27 -17
- package/dist/collection/components/ic-accordion/ic-accordion.js +116 -76
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.stories.js +611 -0
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +2 -8
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +65 -37
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +50 -19
- package/dist/collection/components/ic-alert/ic-alert.js +113 -34
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.stories.js +271 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +54 -20
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +86 -14
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.stories.js +216 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.css +44 -11
- package/dist/collection/components/ic-badge/ic-badge.js +136 -53
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.stories.js +1092 -0
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +32 -8
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +142 -46
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +165 -84
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +362 -0
- package/dist/collection/components/ic-button/ic-button.css +709 -429
- package/dist/collection/components/ic-button/ic-button.js +331 -139
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.stories.js +2387 -0
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +102 -107
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +160 -86
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1050 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +78 -35
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +123 -45
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +20 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +108 -23
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +726 -0
- package/dist/collection/components/ic-chip/ic-chip.css +66 -48
- package/dist/collection/components/ic-chip/ic-chip.js +126 -38
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.stories.js +980 -0
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +20 -10
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +33 -8
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
- package/dist/collection/components/ic-data-list/ic-data-list.css +5 -1
- package/dist/collection/components/ic-data-list/ic-data-list.js +47 -8
- package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -1
- package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
- package/dist/collection/components/ic-data-row/ic-data-row.css +5 -2
- package/dist/collection/components/ic-data-row/ic-data-row.js +64 -21
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +16 -9
- package/dist/collection/components/ic-dialog/ic-dialog.js +248 -144
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1118 -0
- package/dist/collection/components/ic-divider/ic-divider.css +295 -4
- package/dist/collection/components/ic-divider/ic-divider.js +272 -12
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
- package/dist/collection/components/ic-empty-state/ic-empty-state.css +17 -2
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +63 -28
- package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +404 -0
- package/dist/collection/components/ic-footer/ic-footer.css +25 -17
- package/dist/collection/components/ic-footer/ic-footer.js +72 -38
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.stories.js +384 -0
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +28 -5
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +32 -22
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +14 -18
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +12 -12
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +25 -10
- package/dist/collection/components/ic-hero/ic-hero.js +66 -45
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.stories.js +448 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +2 -6
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +97 -22
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +51 -18
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +74 -64
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-container/ic-input-container.js +16 -6
- package/dist/collection/components/ic-input-container/ic-input-container.js.map +1 -1
- package/dist/collection/components/ic-input-label/ic-input-label.css +19 -20
- package/dist/collection/components/ic-input-label/ic-input-label.js +97 -41
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +12 -3
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +36 -19
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +66 -25
- package/dist/collection/components/ic-link/ic-link.js +107 -59
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.stories.js +85 -0
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +20 -13
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +183 -102
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +464 -0
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.types.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +116 -23
- package/dist/collection/components/ic-menu/ic-menu.js +640 -257
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.types.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +3 -2
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +4 -5
- package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +43 -23
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +115 -48
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +18 -0
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +77 -29
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +54 -49
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +158 -47
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js +2 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js.map +1 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +40 -64
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +181 -60
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +13 -5
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +84 -32
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +7 -3
- package/dist/collection/components/ic-page-header/ic-page-header.js +99 -35
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.stories.js +823 -0
- package/dist/collection/components/ic-pagination/ic-pagination.css +24 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +157 -73
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.stories.js +164 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +54 -15
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +99 -52
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +8 -4
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +184 -69
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +573 -0
- package/dist/collection/components/ic-radio-group/ic-radio-group.css +17 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +162 -59
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +474 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +58 -27
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +130 -47
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +109 -16
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +342 -147
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +593 -0
- package/dist/collection/components/ic-search-bar/ic-search-bar.types.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.js +15 -5
- package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.stories.js +62 -0
- package/dist/collection/components/ic-select/ic-select.css +105 -55
- package/dist/collection/components/ic-select/ic-select.js +558 -212
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
- package/dist/collection/components/ic-select/ic-select_(searchable).stories.js +965 -0
- package/dist/collection/components/ic-select/ic-select_(single).stories.js +790 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +63 -38
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +162 -100
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +2547 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +29 -13
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +143 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.css +46 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js +203 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js.map +1 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.stories.js +504 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +21 -17
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +80 -10
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +196 -0
- package/dist/collection/components/ic-step/ic-step.css +70 -124
- package/dist/collection/components/ic-step/ic-step.js +95 -42
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js +96 -54
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.stories.js +281 -0
- package/dist/collection/components/ic-switch/ic-switch.css +30 -48
- package/dist/collection/components/ic-switch/ic-switch.js +106 -48
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.stories.js +149 -0
- package/dist/collection/components/ic-tab/ic-tab.css +53 -17
- package/dist/collection/components/ic-tab/ic-tab.js +97 -51
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +170 -180
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +316 -0
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +14 -7
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +70 -38
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +7 -3
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +86 -29
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +64 -8
- package/dist/collection/components/ic-text-field/ic-text-field.js +484 -154
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.stories.js +1048 -0
- package/dist/collection/components/ic-theme/ic-theme.js +93 -35
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.stories.js +434 -0
- package/dist/collection/components/ic-toast/ic-toast.css +41 -17
- package/dist/collection/components/ic-toast/ic-toast.js +49 -29
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.stories.js +396 -0
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +12 -5
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +190 -58
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +226 -63
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +427 -0
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +228 -64
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +585 -0
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +14 -5
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +93 -36
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +366 -0
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +55 -21
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +122 -50
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +1091 -0
- package/dist/collection/components/ic-typography/ic-typography.css +11 -7
- package/dist/collection/components/ic-typography/ic-typography.js +101 -32
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.stories.js +447 -0
- package/dist/collection/patterns/top-nav-content-footer.stories.js +109 -0
- package/dist/collection/patterns/z-index.stories.js +474 -0
- package/dist/collection/utils/constants.js +40 -1
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +93 -43
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/testa11y.helpers.js +2 -1
- package/dist/collection/utils/testa11y.helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +147 -45
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +38 -21
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +76 -45
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +52 -30
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +33 -14
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +69 -42
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +119 -64
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +81 -17
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +190 -79
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +98 -74
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +54 -13
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +56 -29
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +68 -31
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +21 -5
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-list.js +18 -7
- package/dist/components/ic-data-list.js.map +1 -1
- package/dist/components/ic-data-row.js +31 -18
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-dialog.js +172 -114
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +110 -14
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +23 -24
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +12 -13
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +15 -15
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +52 -30
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +36 -33
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +41 -20
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +48 -36
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container2.js +12 -5
- package/dist/components/ic-input-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +43 -24
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +22 -15
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +45 -29
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +109 -68
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +5 -5
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +46 -35
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +535 -209
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +33 -24
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +72 -44
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +118 -43
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +55 -31
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +53 -29
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +39 -23
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +77 -34
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +99 -59
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +105 -47
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +72 -38
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +210 -132
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +11 -4
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.js +388 -163
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +119 -79
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +15 -8
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-skip-link.d.ts +11 -0
- package/dist/components/ic-skip-link.js +83 -0
- package/dist/components/ic-skip-link.js.map +1 -0
- package/dist/components/ic-status-tag.js +30 -7
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +37 -35
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +61 -35
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +65 -31
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +116 -154
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +19 -14
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +22 -16
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +32 -22
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field.js +504 -1
- package/dist/components/ic-text-field.js.map +1 -1
- package/dist/components/ic-theme.js +57 -25
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +7 -2
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +29 -22
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +129 -36
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +121 -29
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +47 -25
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +66 -35
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +58 -27
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/ag-theme-icds.css +218 -0
- package/dist/core/core.css +1737 -64
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/index.esm.js.map +1 -1
- package/dist/core/p-06d97789.entry.js +2 -0
- package/dist/core/p-06d97789.entry.js.map +1 -0
- package/dist/core/{p-54238d16.entry.js → p-071f4748.entry.js} +2 -2
- package/dist/core/p-071f4748.entry.js.map +1 -0
- package/dist/core/p-09070f61.entry.js +2 -0
- package/dist/core/p-09070f61.entry.js.map +1 -0
- package/dist/core/p-0c0ac69d.entry.js +2 -0
- package/dist/core/p-0c0ac69d.entry.js.map +1 -0
- package/dist/core/p-0d016565.entry.js +2 -0
- package/dist/core/p-0d016565.entry.js.map +1 -0
- package/dist/core/p-0e96d4d8.entry.js +2 -0
- package/dist/core/p-0e96d4d8.entry.js.map +1 -0
- package/dist/core/p-10cd26dc.entry.js +2 -0
- package/dist/core/p-10cd26dc.entry.js.map +1 -0
- package/dist/core/{p-a87d13b3.entry.js → p-110486f0.entry.js} +2 -2
- package/dist/core/p-110486f0.entry.js.map +1 -0
- package/dist/core/p-116ad73d.entry.js +2 -0
- package/dist/core/p-116ad73d.entry.js.map +1 -0
- package/dist/core/p-1171a945.entry.js +2 -0
- package/dist/core/p-1171a945.entry.js.map +1 -0
- package/dist/core/p-17cf7b50.entry.js +2 -0
- package/dist/core/p-17cf7b50.entry.js.map +1 -0
- package/dist/core/p-1ac08e6d.entry.js +2 -0
- package/dist/core/p-1ac08e6d.entry.js.map +1 -0
- package/dist/core/p-1f455336.entry.js +2 -0
- package/dist/core/p-1f455336.entry.js.map +1 -0
- package/dist/core/p-20c4d90b.entry.js +2 -0
- package/dist/core/p-20c4d90b.entry.js.map +1 -0
- package/dist/core/p-2537f33e.entry.js +2 -0
- package/dist/core/p-2537f33e.entry.js.map +1 -0
- package/dist/core/p-264ce7a0.entry.js +2 -0
- package/dist/core/p-264ce7a0.entry.js.map +1 -0
- package/dist/core/p-28656111.entry.js +2 -0
- package/dist/core/p-28656111.entry.js.map +1 -0
- package/dist/core/p-2b1a331b.entry.js +2 -0
- package/dist/core/p-2b1a331b.entry.js.map +1 -0
- package/dist/core/p-33243fff.entry.js +2 -0
- package/dist/core/p-33243fff.entry.js.map +1 -0
- package/dist/core/p-37df68fe.entry.js +2 -0
- package/dist/core/p-37df68fe.entry.js.map +1 -0
- package/dist/core/p-3b185c32.js.map +1 -1
- package/dist/core/p-426ec638.js.map +1 -1
- package/dist/core/p-44e32417.entry.js +2 -0
- package/dist/core/p-44e32417.entry.js.map +1 -0
- package/dist/core/p-45595f98.entry.js +2 -0
- package/dist/core/p-45595f98.entry.js.map +1 -0
- package/dist/core/p-49768069.entry.js +2 -0
- package/dist/core/p-49768069.entry.js.map +1 -0
- package/dist/core/p-4c68494c.entry.js +2 -0
- package/dist/core/p-4c68494c.entry.js.map +1 -0
- package/dist/core/p-4f2a1950.entry.js +2 -0
- package/dist/core/p-4f2a1950.entry.js.map +1 -0
- package/dist/core/p-50f4d151.entry.js +2 -0
- package/dist/core/p-50f4d151.entry.js.map +1 -0
- package/dist/core/p-55a37101.entry.js +2 -0
- package/dist/core/p-55a37101.entry.js.map +1 -0
- package/dist/core/p-5c349c9d.entry.js +2 -0
- package/dist/core/p-5c349c9d.entry.js.map +1 -0
- package/dist/core/p-5e1fd097.entry.js +2 -0
- package/dist/core/p-5e1fd097.entry.js.map +1 -0
- package/dist/core/p-68a5aaff.js.map +1 -1
- package/dist/core/p-69e4daec.entry.js +2 -0
- package/dist/core/p-69e4daec.entry.js.map +1 -0
- package/dist/core/p-701696aa.entry.js +2 -0
- package/dist/core/p-701696aa.entry.js.map +1 -0
- package/dist/core/p-729745d3.entry.js +2 -0
- package/dist/core/p-729745d3.entry.js.map +1 -0
- package/dist/core/p-73fc198f.entry.js +2 -0
- package/dist/core/p-73fc198f.entry.js.map +1 -0
- package/dist/core/p-74600ed8.entry.js +2 -0
- package/dist/core/p-74600ed8.entry.js.map +1 -0
- package/dist/core/p-78e7a859.entry.js +2 -0
- package/dist/core/p-78e7a859.entry.js.map +1 -0
- package/dist/core/p-7e79bd0e.entry.js +2 -0
- package/dist/core/p-7e79bd0e.entry.js.map +1 -0
- package/dist/core/p-7eaf8da8.entry.js +2 -0
- package/dist/core/p-7eaf8da8.entry.js.map +1 -0
- package/dist/core/p-811d447b.entry.js +2 -0
- package/dist/core/p-811d447b.entry.js.map +1 -0
- package/dist/core/p-85734ebf.entry.js +2 -0
- package/dist/core/p-85734ebf.entry.js.map +1 -0
- package/dist/core/p-85b7d931.entry.js +2 -0
- package/dist/core/p-85b7d931.entry.js.map +1 -0
- package/dist/core/{p-a0e4d6bd.entry.js → p-8856dff4.entry.js} +2 -2
- package/dist/core/p-8856dff4.entry.js.map +1 -0
- package/dist/core/p-8b268274.entry.js +2 -0
- package/dist/core/p-8b268274.entry.js.map +1 -0
- package/dist/core/p-8e4e97b4.js +3 -0
- package/dist/core/p-8e4e97b4.js.map +1 -0
- package/dist/core/p-972671ea.entry.js +2 -0
- package/dist/core/p-972671ea.entry.js.map +1 -0
- package/dist/core/p-98328cb9.entry.js +2 -0
- package/dist/core/p-98328cb9.entry.js.map +1 -0
- package/dist/core/p-a103068b.entry.js +2 -0
- package/dist/core/p-a103068b.entry.js.map +1 -0
- package/dist/core/p-a20a7cd3.entry.js +2 -0
- package/dist/core/p-a20a7cd3.entry.js.map +1 -0
- package/dist/core/p-a22658fb.entry.js +2 -0
- package/dist/core/p-a22658fb.entry.js.map +1 -0
- package/dist/core/p-a55e7988.entry.js +2 -0
- package/dist/core/p-a55e7988.entry.js.map +1 -0
- package/dist/core/p-a71055c9.entry.js +2 -0
- package/dist/core/p-a71055c9.entry.js.map +1 -0
- package/dist/core/p-a794b724.entry.js +2 -0
- package/dist/core/p-a794b724.entry.js.map +1 -0
- package/dist/core/p-b21b4fea.entry.js +2 -0
- package/dist/core/p-b21b4fea.entry.js.map +1 -0
- package/dist/core/p-b953b22f.entry.js +2 -0
- package/dist/core/p-b953b22f.entry.js.map +1 -0
- package/dist/core/p-c2e091d7.js.map +1 -1
- package/dist/core/p-c9726fbd.entry.js +2 -0
- package/dist/core/p-c9726fbd.entry.js.map +1 -0
- package/dist/core/p-d981598e.entry.js +2 -0
- package/dist/core/p-d981598e.entry.js.map +1 -0
- package/dist/core/p-d9aec0dd.entry.js +2 -0
- package/dist/core/p-d9aec0dd.entry.js.map +1 -0
- package/dist/core/p-e1255160.js +2 -0
- package/dist/core/p-e1255160.js.map +1 -0
- package/dist/core/p-ed8957da.js +2 -0
- package/dist/core/p-ed8957da.js.map +1 -0
- package/dist/core/p-f074ef5b.js.map +1 -1
- package/dist/core/p-f3315216.entry.js +2 -0
- package/dist/core/p-f3315216.entry.js.map +1 -0
- package/dist/core/p-f34efc17.entry.js +2 -0
- package/dist/core/p-f34efc17.entry.js.map +1 -0
- package/dist/core/p-f43f411a.entry.js +2 -0
- package/dist/core/p-f43f411a.entry.js.map +1 -0
- package/dist/core/{p-bf89c86d.entry.js → p-fa02a267.entry.js} +2 -2
- package/dist/core/p-fa02a267.entry.js.map +1 -0
- package/dist/core/p-ff995eb8.entry.js +2 -0
- package/dist/core/p-ff995eb8.entry.js.map +1 -0
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/core.js +14 -12
- package/dist/esm/core.js.map +1 -1
- package/dist/esm/{helpers-35ac5e03.js → helpers-dd035d0d.js} +148 -46
- package/dist/esm/helpers-dd035d0d.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +38 -22
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +75 -46
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +50 -30
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +32 -16
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +67 -42
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +114 -63
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +78 -18
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +341 -168
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +93 -72
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +51 -14
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +55 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +64 -32
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +22 -6
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +17 -7
- package/dist/esm/ic-data-list.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +31 -20
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +170 -114
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +95 -12
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +21 -24
- package/dist/esm/ic-empty-state.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +12 -14
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +15 -16
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +52 -30
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +35 -32
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +40 -21
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +587 -244
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +62 -37
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +43 -28
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +6 -7
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +41 -33
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +32 -24
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +69 -44
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +115 -43
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +55 -33
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +53 -31
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +37 -24
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +76 -36
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +97 -60
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +103 -48
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +70 -39
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +195 -108
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +12 -5
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +385 -163
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +119 -79
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +15 -8
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-skip-link.entry.js +51 -0
- package/dist/esm/ic-skip-link.entry.js.map +1 -0
- package/dist/esm/ic-status-tag.entry.js +30 -10
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +37 -37
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +60 -36
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +63 -31
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +112 -152
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +18 -14
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +19 -15
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +31 -22
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +229 -81
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +52 -23
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +8 -3
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +30 -23
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +117 -35
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +110 -23
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +65 -35
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +59 -30
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-a7a720e7.js +2580 -0
- package/dist/esm/index-a7a720e7.js.map +1 -0
- package/dist/esm/loader.js +6 -4
- package/dist/esm/loader.js.map +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +10 -8
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +9 -9
- package/dist/types/components/ic-alert/ic-alert.d.ts +10 -2
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +11 -2
- package/dist/types/components/ic-back-to-top/ic-back-to-top.types.d.ts +1 -0
- package/dist/types/components/ic-badge/ic-badge.d.ts +11 -5
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +19 -6
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +16 -9
- package/dist/types/components/ic-button/ic-button.d.ts +19 -13
- package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
- package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +9 -5
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +17 -12
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +15 -8
- package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
- package/dist/types/components/ic-data-list/ic-data-list.d.ts +6 -2
- package/dist/types/components/ic-data-row/ic-data-row.d.ts +7 -3
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +21 -12
- package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
- package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
- package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +5 -2
- package/dist/types/components/ic-footer/ic-footer.d.ts +8 -7
- package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -2
- package/dist/types/components/ic-hero/ic-hero.d.ts +6 -7
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +8 -11
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +10 -6
- package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +4 -4
- package/dist/types/components/ic-link/ic-link.d.ts +10 -6
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +12 -8
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +1 -1
- package/dist/types/components/ic-menu/ic-menu.d.ts +56 -23
- package/dist/types/components/ic-menu/ic-menu.types.d.ts +1 -1
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +13 -6
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +8 -4
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +25 -9
- package/dist/types/components/ic-navigation-group/ic-navigation-group.types.d.ts +6 -0
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +22 -11
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +10 -3
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +19 -14
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +14 -9
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +13 -11
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +15 -10
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +16 -9
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +26 -14
- package/dist/types/components/ic-search-bar/ic-search-bar.types.d.ts +1 -1
- package/dist/types/components/ic-select/ic-select.d.ts +52 -32
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +15 -15
- package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -2
- package/dist/types/components/ic-skip-link/ic-skip-link.d.ts +33 -0
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +8 -0
- package/dist/types/components/ic-step/ic-step.d.ts +5 -0
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +7 -5
- package/dist/types/components/ic-switch/ic-switch.d.ts +8 -7
- package/dist/types/components/ic-tab/ic-tab.d.ts +8 -5
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +19 -12
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +5 -5
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +9 -3
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +59 -34
- package/dist/types/components/ic-theme/ic-theme.d.ts +15 -8
- package/dist/types/components/ic-toast/ic-toast.d.ts +3 -3
- package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +2 -1
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +17 -8
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +21 -5
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +6 -1
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +16 -12
- package/dist/types/components/ic-typography/ic-typography.d.ts +6 -2
- package/dist/types/components.d.ts +960 -383
- package/dist/types/stencil-public-runtime.d.ts +9 -10
- package/dist/types/utils/constants.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +31 -17
- package/dist/types/utils/types.d.ts +17 -10
- package/hydrate/index.d.ts +53 -12
- package/hydrate/index.js +32876 -19763
- package/hydrate/index.mjs +34407 -0
- package/hydrate/package.json +7 -1
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +3 -0
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/package.json +21 -20
- package/vscode-data.json +1017 -653
- package/dist/cjs/helpers-94b33ab0.js.map +0 -1
- package/dist/cjs/index-f982899d.js +0 -3047
- package/dist/cjs/index-f982899d.js.map +0 -1
- package/dist/cjs/types-dc22e301.js +0 -16
- package/dist/cjs/types-dc22e301.js.map +0 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +0 -346
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +0 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +0 -129
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +0 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +0 -197
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +0 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +0 -131
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +0 -1
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +0 -264
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +0 -118
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +0 -219
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +0 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +0 -332
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +0 -1
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +0 -173
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +0 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +0 -281
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +0 -1
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +0 -169
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +0 -1
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +0 -188
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +0 -1
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js +0 -161
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +0 -1
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +0 -74
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +0 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +0 -428
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +0 -1
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +0 -24
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +0 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +0 -140
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +0 -46
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +0 -66
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +0 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +0 -91
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +0 -1
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +0 -180
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +0 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +0 -145
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +0 -38
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +0 -98
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +0 -1
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +0 -89
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +0 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +0 -217
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +0 -1
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +0 -148
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +0 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +0 -760
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js +0 -94
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +0 -108
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +0 -95
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +0 -309
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +0 -118
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js +0 -176
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +0 -291
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +0 -380
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +0 -76
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +0 -1
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +0 -398
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +0 -339
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +0 -380
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +0 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +0 -1106
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +0 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +0 -584
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +0 -1
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +0 -69
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +0 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +0 -1439
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +0 -503
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +0 -1
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +0 -89
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +0 -1
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +0 -43
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +0 -1
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +0 -176
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +0 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +0 -49
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +0 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +0 -752
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +0 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +0 -104
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +0 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +0 -159
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +0 -390
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +0 -50
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -284
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +0 -341
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +0 -72
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +0 -77
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +0 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +0 -314
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +0 -1
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -64
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +0 -116
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +0 -150
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +0 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +0 -109
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +0 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +0 -307
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +0 -314
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +0 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +0 -39
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +0 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +0 -393
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +0 -1
- package/dist/collection/testspec.setup.js +0 -63
- package/dist/collection/testspec.setup.js.map +0 -1
- package/dist/components/ic-text-field2.js +0 -354
- package/dist/components/ic-text-field2.js.map +0 -1
- package/dist/components/types.js +0 -16
- package/dist/components/types.js.map +0 -1
- package/dist/core/p-05d32a4f.entry.js +0 -2
- package/dist/core/p-05d32a4f.entry.js.map +0 -1
- package/dist/core/p-086a6d4f.entry.js +0 -2
- package/dist/core/p-086a6d4f.entry.js.map +0 -1
- package/dist/core/p-0a00a786.entry.js +0 -2
- package/dist/core/p-0a00a786.entry.js.map +0 -1
- package/dist/core/p-145fcef3.entry.js +0 -2
- package/dist/core/p-145fcef3.entry.js.map +0 -1
- package/dist/core/p-15367990.entry.js +0 -2
- package/dist/core/p-15367990.entry.js.map +0 -1
- package/dist/core/p-1737bf2c.entry.js +0 -2
- package/dist/core/p-1737bf2c.entry.js.map +0 -1
- package/dist/core/p-1ace2b02.entry.js +0 -2
- package/dist/core/p-1ace2b02.entry.js.map +0 -1
- package/dist/core/p-1e371012.entry.js +0 -2
- package/dist/core/p-1e371012.entry.js.map +0 -1
- package/dist/core/p-1f227289.entry.js +0 -2
- package/dist/core/p-1f227289.entry.js.map +0 -1
- package/dist/core/p-24275b92.entry.js +0 -2
- package/dist/core/p-24275b92.entry.js.map +0 -1
- package/dist/core/p-26b7b18f.js +0 -2
- package/dist/core/p-26b7b18f.js.map +0 -1
- package/dist/core/p-29e6c33f.entry.js +0 -2
- package/dist/core/p-29e6c33f.entry.js.map +0 -1
- package/dist/core/p-2a6f01ad.entry.js +0 -2
- package/dist/core/p-2a6f01ad.entry.js.map +0 -1
- package/dist/core/p-2f86c53b.entry.js +0 -2
- package/dist/core/p-2f86c53b.entry.js.map +0 -1
- package/dist/core/p-319e40c0.entry.js +0 -2
- package/dist/core/p-319e40c0.entry.js.map +0 -1
- package/dist/core/p-346c6920.entry.js +0 -2
- package/dist/core/p-346c6920.entry.js.map +0 -1
- package/dist/core/p-4b1445b3.entry.js +0 -2
- package/dist/core/p-4b1445b3.entry.js.map +0 -1
- package/dist/core/p-4b621c67.entry.js +0 -2
- package/dist/core/p-4b621c67.entry.js.map +0 -1
- package/dist/core/p-4ca2b177.entry.js +0 -2
- package/dist/core/p-4ca2b177.entry.js.map +0 -1
- package/dist/core/p-54238d16.entry.js.map +0 -1
- package/dist/core/p-5515ad19.entry.js +0 -2
- package/dist/core/p-5515ad19.entry.js.map +0 -1
- package/dist/core/p-5c8081d6.entry.js +0 -2
- package/dist/core/p-5c8081d6.entry.js.map +0 -1
- package/dist/core/p-5f941f3a.entry.js +0 -2
- package/dist/core/p-5f941f3a.entry.js.map +0 -1
- package/dist/core/p-5fd293b3.entry.js +0 -2
- package/dist/core/p-5fd293b3.entry.js.map +0 -1
- package/dist/core/p-60721d95.entry.js +0 -2
- package/dist/core/p-60721d95.entry.js.map +0 -1
- package/dist/core/p-64a5a1d8.entry.js +0 -2
- package/dist/core/p-64a5a1d8.entry.js.map +0 -1
- package/dist/core/p-65e36461.entry.js +0 -2
- package/dist/core/p-65e36461.entry.js.map +0 -1
- package/dist/core/p-66363c7d.entry.js +0 -2
- package/dist/core/p-66363c7d.entry.js.map +0 -1
- package/dist/core/p-69728d76.entry.js +0 -2
- package/dist/core/p-69728d76.entry.js.map +0 -1
- package/dist/core/p-6b328c76.entry.js +0 -2
- package/dist/core/p-6b328c76.entry.js.map +0 -1
- package/dist/core/p-6b5ddacd.entry.js +0 -2
- package/dist/core/p-6b5ddacd.entry.js.map +0 -1
- package/dist/core/p-6b5e91e2.js +0 -3
- package/dist/core/p-6b5e91e2.js.map +0 -1
- package/dist/core/p-7b3d6577.entry.js +0 -2
- package/dist/core/p-7b3d6577.entry.js.map +0 -1
- package/dist/core/p-7d45828d.entry.js +0 -2
- package/dist/core/p-7d45828d.entry.js.map +0 -1
- package/dist/core/p-893eca54.entry.js +0 -2
- package/dist/core/p-893eca54.entry.js.map +0 -1
- package/dist/core/p-8ee262a4.entry.js +0 -2
- package/dist/core/p-8ee262a4.entry.js.map +0 -1
- package/dist/core/p-8f93d92b.entry.js +0 -2
- package/dist/core/p-8f93d92b.entry.js.map +0 -1
- package/dist/core/p-90bb13d2.entry.js +0 -2
- package/dist/core/p-90bb13d2.entry.js.map +0 -1
- package/dist/core/p-9189a82d.entry.js +0 -2
- package/dist/core/p-9189a82d.entry.js.map +0 -1
- package/dist/core/p-9190a84d.entry.js +0 -2
- package/dist/core/p-9190a84d.entry.js.map +0 -1
- package/dist/core/p-93f50a1a.entry.js +0 -2
- package/dist/core/p-93f50a1a.entry.js.map +0 -1
- package/dist/core/p-9474baf3.entry.js +0 -2
- package/dist/core/p-9474baf3.entry.js.map +0 -1
- package/dist/core/p-9857f6b0.entry.js +0 -2
- package/dist/core/p-9857f6b0.entry.js.map +0 -1
- package/dist/core/p-a0e4d6bd.entry.js.map +0 -1
- package/dist/core/p-a1b9a808.entry.js +0 -2
- package/dist/core/p-a1b9a808.entry.js.map +0 -1
- package/dist/core/p-a79bec03.entry.js +0 -2
- package/dist/core/p-a79bec03.entry.js.map +0 -1
- package/dist/core/p-a84a4675.entry.js +0 -2
- package/dist/core/p-a84a4675.entry.js.map +0 -1
- package/dist/core/p-a87d13b3.entry.js.map +0 -1
- package/dist/core/p-a928c7b3.entry.js +0 -2
- package/dist/core/p-a928c7b3.entry.js.map +0 -1
- package/dist/core/p-bf89c86d.entry.js.map +0 -1
- package/dist/core/p-d0524c73.js +0 -2
- package/dist/core/p-d0524c73.js.map +0 -1
- package/dist/core/p-d24410ca.entry.js +0 -2
- package/dist/core/p-d24410ca.entry.js.map +0 -1
- package/dist/core/p-d52ca420.entry.js +0 -2
- package/dist/core/p-d52ca420.entry.js.map +0 -1
- package/dist/core/p-d67a30ca.entry.js +0 -2
- package/dist/core/p-d67a30ca.entry.js.map +0 -1
- package/dist/core/p-de27c59e.entry.js +0 -2
- package/dist/core/p-de27c59e.entry.js.map +0 -1
- package/dist/core/p-dec339ba.entry.js +0 -2
- package/dist/core/p-dec339ba.entry.js.map +0 -1
- package/dist/core/p-e4335135.entry.js +0 -2
- package/dist/core/p-e4335135.entry.js.map +0 -1
- package/dist/core/p-e56a2a06.entry.js +0 -2
- package/dist/core/p-e56a2a06.entry.js.map +0 -1
- package/dist/core/p-e696dc2a.entry.js +0 -2
- package/dist/core/p-e696dc2a.entry.js.map +0 -1
- package/dist/core/p-f0501be1.entry.js +0 -2
- package/dist/core/p-f0501be1.entry.js.map +0 -1
- package/dist/core/p-f50462df.entry.js +0 -2
- package/dist/core/p-f50462df.entry.js.map +0 -1
- package/dist/core/p-feb80f37.entry.js +0 -2
- package/dist/core/p-feb80f37.entry.js.map +0 -1
- package/dist/esm/helpers-35ac5e03.js.map +0 -1
- package/dist/esm/index-d1d2c456.js +0 -3016
- package/dist/esm/index-d1d2c456.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/types-6f6b41a5.js +0 -16
- package/dist/esm/types-6f6b41a5.js.map +0 -1
- package/dist/types/testspec.setup.d.ts +0 -15
@@ -2,11 +2,49 @@ import { Host, h, } from "@stencil/core";
|
|
2
2
|
import { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from "../../utils/helpers";
|
3
3
|
let inputIds = 0;
|
4
4
|
/**
|
5
|
-
* @slot right-adornment - Content is placed to the right of switch
|
5
|
+
* @slot right-adornment - Content is placed to the right of switch.
|
6
6
|
*/
|
7
7
|
export class Switch {
|
8
8
|
constructor() {
|
9
9
|
this.inputId = `ic-switch-input-${inputIds++}`;
|
10
|
+
this.checkedState = false;
|
11
|
+
this.initiallyChecked = this.checked;
|
12
|
+
/**
|
13
|
+
* If `true`, the switch will display as checked.
|
14
|
+
*/
|
15
|
+
this.checked = false;
|
16
|
+
/**
|
17
|
+
* If `true`, the disabled state will be set.
|
18
|
+
*/
|
19
|
+
this.disabled = false;
|
20
|
+
/**
|
21
|
+
* The helper text that will be displayed for additional field guidance.
|
22
|
+
*/
|
23
|
+
this.helperText = "";
|
24
|
+
/**
|
25
|
+
* If `true`, the label will be hidden and the required label value will be applied as an aria-label.
|
26
|
+
*/
|
27
|
+
this.hideLabel = false;
|
28
|
+
/**
|
29
|
+
* The name of the control, which is submitted with the form data.
|
30
|
+
*/
|
31
|
+
this.name = this.inputId;
|
32
|
+
/**
|
33
|
+
* The size of the switch component.
|
34
|
+
*/
|
35
|
+
this.size = "medium";
|
36
|
+
/**
|
37
|
+
* 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.
|
38
|
+
*/
|
39
|
+
this.theme = "inherit";
|
40
|
+
/**
|
41
|
+
* The value of the toggle does not mean if it's checked or not, use the `checked`
|
42
|
+
* property for that.
|
43
|
+
*
|
44
|
+
* The value of a toggle is analogous to the value of a `<input type="checkbox">`,
|
45
|
+
* it's only used when the toggle participates in a native `<form>`.
|
46
|
+
*/
|
47
|
+
this.value = "on";
|
10
48
|
this.handleChange = () => {
|
11
49
|
this.checkedState = !this.checkedState;
|
12
50
|
this.icChange.emit({
|
@@ -23,20 +61,12 @@ export class Switch {
|
|
23
61
|
this.handleFormReset = () => {
|
24
62
|
this.checkedState = this.initiallyChecked;
|
25
63
|
};
|
26
|
-
this.checkedState = false;
|
27
|
-
this.initiallyChecked = this.checked;
|
28
|
-
this.checked = false;
|
29
|
-
this.disabled = false;
|
30
|
-
this.helperText = "";
|
31
|
-
this.hideLabel = false;
|
32
|
-
this.label = undefined;
|
33
|
-
this.name = this.inputId;
|
34
|
-
this.showState = false;
|
35
|
-
this.size = "default";
|
36
|
-
this.value = "on";
|
37
64
|
}
|
38
65
|
checkedChangeHandler() {
|
39
|
-
this.checkedState = this.checked;
|
66
|
+
this.checkedState = !!this.checked;
|
67
|
+
}
|
68
|
+
watchDisabledHandler() {
|
69
|
+
removeDisabledFalse(this.disabled, this.el);
|
40
70
|
}
|
41
71
|
disconnectedCallback() {
|
42
72
|
removeFormResetListener(this.el, this.handleFormReset);
|
@@ -53,22 +83,23 @@ export class Switch {
|
|
53
83
|
* Sets focus on the switch.
|
54
84
|
*/
|
55
85
|
async setFocus() {
|
56
|
-
|
57
|
-
|
58
|
-
}
|
86
|
+
var _a, _b;
|
87
|
+
(_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input")) === null || _b === void 0 ? void 0 : _b.focus();
|
59
88
|
}
|
60
89
|
render() {
|
61
|
-
const { label, checkedState, size, disabled, name,
|
90
|
+
const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
|
91
|
+
const isSmall = size === "small";
|
62
92
|
renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
93
|
+
return (h(Host, { key: '4654ef1f6473fdea79fd053879fa7bbf1699418d', class: {
|
94
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
95
|
+
} }, h("label", { key: 'c6dca6f468eeb7c9e8151af1168fd8429c82d72b', class: {
|
96
|
+
"ic-switch-container": true,
|
97
|
+
"ic-switch-disabled": !!disabled,
|
98
|
+
"ic-switch-small": isSmall,
|
99
|
+
}, htmlFor: inputId }, !hideLabel && (h("ic-input-label", { key: '5622227e775f787aac275619841e65c34209102a', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
|
100
|
+
"ic-switch-label": true,
|
101
|
+
"ic-switch-label-small": isSmall,
|
102
|
+
} })), !hideLabel && h("span", { key: '74ec90ef32d23a02c7c6ceb7571e19d4c81091c8', class: "ic-switch-line-break" }), h("input", { key: 'f518a9a4db7eeb7ceafe5bb44c632ba6d3a9f64f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h("span", { key: '72c49eeeb4bf26416dba25a612757a172a896bf0', class: "ic-switch-toggle" }, h("svg", { key: '2b31b154fd70258f3386013e287d0e10e4e4e56c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("line", { key: '61f089501da929a5bec439c9b6c7bf3cd1233b6f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), h("svg", { key: '1ed62e82659c4c1a0a6935eb3805aa65a3117353', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '54012f70a4ed7c1fba7a0679cab8bdc8c0179b80', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), h("slot", { key: '89de0ba1f401d01ae0cf6cb9be70f802686577fd', name: "right-adornment" }))));
|
72
103
|
}
|
73
104
|
static get is() { return "ic-switch"; }
|
74
105
|
static get encapsulation() { return "shadow"; }
|
@@ -90,7 +121,7 @@ export class Switch {
|
|
90
121
|
"mutable": false,
|
91
122
|
"complexType": {
|
92
123
|
"original": "boolean",
|
93
|
-
"resolved": "boolean",
|
124
|
+
"resolved": "boolean | undefined",
|
94
125
|
"references": {}
|
95
126
|
},
|
96
127
|
"required": false,
|
@@ -99,6 +130,8 @@ export class Switch {
|
|
99
130
|
"tags": [],
|
100
131
|
"text": "If `true`, the switch will display as checked."
|
101
132
|
},
|
133
|
+
"getter": false,
|
134
|
+
"setter": false,
|
102
135
|
"attribute": "checked",
|
103
136
|
"reflect": false,
|
104
137
|
"defaultValue": "false"
|
@@ -108,7 +141,7 @@ export class Switch {
|
|
108
141
|
"mutable": false,
|
109
142
|
"complexType": {
|
110
143
|
"original": "boolean",
|
111
|
-
"resolved": "boolean",
|
144
|
+
"resolved": "boolean | undefined",
|
112
145
|
"references": {}
|
113
146
|
},
|
114
147
|
"required": false,
|
@@ -117,6 +150,8 @@ export class Switch {
|
|
117
150
|
"tags": [],
|
118
151
|
"text": "If `true`, the disabled state will be set."
|
119
152
|
},
|
153
|
+
"getter": false,
|
154
|
+
"setter": false,
|
120
155
|
"attribute": "disabled",
|
121
156
|
"reflect": false,
|
122
157
|
"defaultValue": "false"
|
@@ -126,7 +161,7 @@ export class Switch {
|
|
126
161
|
"mutable": false,
|
127
162
|
"complexType": {
|
128
163
|
"original": "string",
|
129
|
-
"resolved": "string",
|
164
|
+
"resolved": "string | undefined",
|
130
165
|
"references": {}
|
131
166
|
},
|
132
167
|
"required": false,
|
@@ -135,6 +170,8 @@ export class Switch {
|
|
135
170
|
"tags": [],
|
136
171
|
"text": "The helper text that will be displayed for additional field guidance."
|
137
172
|
},
|
173
|
+
"getter": false,
|
174
|
+
"setter": false,
|
138
175
|
"attribute": "helper-text",
|
139
176
|
"reflect": false,
|
140
177
|
"defaultValue": "\"\""
|
@@ -144,7 +181,7 @@ export class Switch {
|
|
144
181
|
"mutable": false,
|
145
182
|
"complexType": {
|
146
183
|
"original": "boolean",
|
147
|
-
"resolved": "boolean",
|
184
|
+
"resolved": "boolean | undefined",
|
148
185
|
"references": {}
|
149
186
|
},
|
150
187
|
"required": false,
|
@@ -153,6 +190,8 @@ export class Switch {
|
|
153
190
|
"tags": [],
|
154
191
|
"text": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
|
155
192
|
},
|
193
|
+
"getter": false,
|
194
|
+
"setter": false,
|
156
195
|
"attribute": "hide-label",
|
157
196
|
"reflect": false,
|
158
197
|
"defaultValue": "false"
|
@@ -171,6 +210,8 @@ export class Switch {
|
|
171
210
|
"tags": [],
|
172
211
|
"text": "The aria-label applied to the switch when no visual 'name' is provided."
|
173
212
|
},
|
213
|
+
"getter": false,
|
214
|
+
"setter": false,
|
174
215
|
"attribute": "label",
|
175
216
|
"reflect": false
|
176
217
|
},
|
@@ -179,7 +220,7 @@ export class Switch {
|
|
179
220
|
"mutable": false,
|
180
221
|
"complexType": {
|
181
222
|
"original": "string",
|
182
|
-
"resolved": "string",
|
223
|
+
"resolved": "string | undefined",
|
183
224
|
"references": {}
|
184
225
|
},
|
185
226
|
"required": false,
|
@@ -188,39 +229,49 @@ export class Switch {
|
|
188
229
|
"tags": [],
|
189
230
|
"text": "The name of the control, which is submitted with the form data."
|
190
231
|
},
|
232
|
+
"getter": false,
|
233
|
+
"setter": false,
|
191
234
|
"attribute": "name",
|
192
235
|
"reflect": false,
|
193
236
|
"defaultValue": "this.inputId"
|
194
237
|
},
|
195
|
-
"
|
196
|
-
"type": "
|
238
|
+
"size": {
|
239
|
+
"type": "string",
|
197
240
|
"mutable": false,
|
198
241
|
"complexType": {
|
199
|
-
"original": "
|
200
|
-
"resolved": "
|
201
|
-
"references": {
|
242
|
+
"original": "IcSizesNoLarge",
|
243
|
+
"resolved": "\"medium\" | \"small\" | undefined",
|
244
|
+
"references": {
|
245
|
+
"IcSizesNoLarge": {
|
246
|
+
"location": "import",
|
247
|
+
"path": "../../utils/types",
|
248
|
+
"id": "src/utils/types.ts::IcSizesNoLarge"
|
249
|
+
}
|
250
|
+
}
|
202
251
|
},
|
203
252
|
"required": false,
|
204
253
|
"optional": true,
|
205
254
|
"docs": {
|
206
255
|
"tags": [],
|
207
|
-
"text": "
|
256
|
+
"text": "The size of the switch component."
|
208
257
|
},
|
209
|
-
"
|
258
|
+
"getter": false,
|
259
|
+
"setter": false,
|
260
|
+
"attribute": "size",
|
210
261
|
"reflect": false,
|
211
|
-
"defaultValue": "
|
262
|
+
"defaultValue": "\"medium\""
|
212
263
|
},
|
213
|
-
"
|
264
|
+
"theme": {
|
214
265
|
"type": "string",
|
215
266
|
"mutable": false,
|
216
267
|
"complexType": {
|
217
|
-
"original": "
|
218
|
-
"resolved": "\"
|
268
|
+
"original": "IcThemeMode",
|
269
|
+
"resolved": "\"dark\" | \"inherit\" | \"light\" | undefined",
|
219
270
|
"references": {
|
220
|
-
"
|
271
|
+
"IcThemeMode": {
|
221
272
|
"location": "import",
|
222
273
|
"path": "../../utils/types",
|
223
|
-
"id": "src/utils/types.ts::
|
274
|
+
"id": "src/utils/types.ts::IcThemeMode"
|
224
275
|
}
|
225
276
|
}
|
226
277
|
},
|
@@ -228,18 +279,20 @@ export class Switch {
|
|
228
279
|
"optional": true,
|
229
280
|
"docs": {
|
230
281
|
"tags": [],
|
231
|
-
"text": "
|
282
|
+
"text": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component."
|
232
283
|
},
|
233
|
-
"
|
284
|
+
"getter": false,
|
285
|
+
"setter": false,
|
286
|
+
"attribute": "theme",
|
234
287
|
"reflect": false,
|
235
|
-
"defaultValue": "\"
|
288
|
+
"defaultValue": "\"inherit\""
|
236
289
|
},
|
237
290
|
"value": {
|
238
291
|
"type": "string",
|
239
292
|
"mutable": false,
|
240
293
|
"complexType": {
|
241
294
|
"original": "string | null",
|
242
|
-
"resolved": "string",
|
295
|
+
"resolved": "null | string | undefined",
|
243
296
|
"references": {}
|
244
297
|
},
|
245
298
|
"required": false,
|
@@ -248,6 +301,8 @@ export class Switch {
|
|
248
301
|
"tags": [],
|
249
302
|
"text": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`."
|
250
303
|
},
|
304
|
+
"getter": false,
|
305
|
+
"setter": false,
|
251
306
|
"attribute": "value",
|
252
307
|
"reflect": false,
|
253
308
|
"defaultValue": "\"on\""
|
@@ -340,6 +395,9 @@ export class Switch {
|
|
340
395
|
return [{
|
341
396
|
"propName": "checked",
|
342
397
|
"methodName": "checkedChangeHandler"
|
398
|
+
}, {
|
399
|
+
"propName": "disabled",
|
400
|
+
"methodName": "watchDisabledHandler"
|
343
401
|
}];
|
344
402
|
}
|
345
403
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ic-switch.js","sourceRoot":"","sources":["../../../src/components/ic-switch/ic-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Method,\n Watch,\n} from \"@stencil/core\";\nimport {\n getInputDescribedByText,\n onComponentRequiredPropUndefined,\n renderHiddenInput,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IcSwitchChangeEventDetail } from \"./ic-switch.types\";\nimport { IcSizesNoLarge } from \"../../utils/types\";\n\nlet inputIds = 0;\n\n/**\n * @slot right-adornment - Content is placed to the right of switch before state label.\n */\n@Component({\n tag: \"ic-switch\",\n styleUrl: \"ic-switch.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Switch {\n private inputId = `ic-switch-input-${inputIds++}`;\n\n @Element() el: HTMLIcSwitchElement;\n\n @State() checkedState: boolean = false;\n @State() initiallyChecked = this.checked;\n\n /**\n * If `true`, the switch will display as checked.\n */\n @Prop() checked?: boolean = false;\n\n @Watch(\"checked\")\n checkedChangeHandler(): void {\n this.checkedState = this.checked;\n }\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText?: string = \"\";\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * The aria-label applied to the switch when no visual 'name' is provided.\n */\n @Prop() label!: string;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name?: string = this.inputId;\n\n /**\n * If `true`, the switch will render the On/Off state text.\n */\n @Prop() showState?: boolean = false;\n\n /**\n * The size of the switch component.\n */\n @Prop() size?: IcSizesNoLarge = \"default\";\n\n /**\n * The value of the toggle does not mean if it's checked or not, use the `checked`\n * property for that.\n *\n * The value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\n * it's only used when the toggle participates in a native `<form>`.\n */\n @Prop() value?: string | null = \"on\";\n\n /**\n * Emitted when the toggle loses focus.\n */\n @Event() icBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the value property has changed.\n */\n @Event() icChange!: EventEmitter<IcSwitchChangeEventDetail>;\n\n /**\n * Emitted when the toggle has focus.\n */\n @Event() icFocus!: EventEmitter<void>;\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n\n componentWillLoad(): void {\n this.checkedState = this.checked;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Switch\"\n );\n }\n\n /**\n * Sets focus on the switch.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.el.shadowRoot.querySelector(\"input\")) {\n this.el.shadowRoot.querySelector(\"input\").focus();\n }\n }\n\n private handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value,\n });\n };\n\n private onFocus = () => {\n this.icFocus.emit();\n };\n\n private onBlur = () => {\n this.icBlur.emit();\n };\n\n private handleFormReset = (): void => {\n this.checkedState = this.initiallyChecked;\n };\n\n render() {\n const {\n label,\n checkedState,\n size,\n disabled,\n name,\n showState,\n value,\n hideLabel,\n helperText,\n inputId,\n } = this;\n\n renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n\n const describedBy = getInputDescribedByText(\n inputId,\n helperText !== \"\",\n false\n );\n\n return (\n <Host>\n <label\n class={{\n [\"ic-switch-container\"]: true,\n [\"ic-switch-disabled\"]: disabled,\n [\"ic-switch-small\"]: size === \"small\",\n }}\n htmlFor={inputId}\n >\n {!hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n readonly={true}\n disabled={disabled}\n class={{\n [\"ic-switch-label\"]: true,\n [\"ic-switch-label-small\"]: size === \"small\",\n }}\n ></ic-input-label>\n )}\n {!hideLabel && <span class=\"ic-switch-line-break\"></span>}\n <input\n checked={checkedState}\n disabled={disabled}\n aria-label={label}\n aria-checked={checkedState ? \"true\" : \"false\"}\n aria-describedby={describedBy}\n role=\"switch\"\n class=\"ic-switch-input\"\n type=\"checkbox\"\n name=\"toggle\"\n id={inputId}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.handleChange}\n />\n <span class=\"ic-switch-toggle\">\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n class=\"ic-switch-icon-line\"\n x1=\"9\"\n y1={size === \"small\" ? \"2\" : \"1\"}\n x2=\"9\"\n y2={size === \"small\" ? \"8\" : \"9\"}\n />\n </svg>\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"ic-switch-icon-circle\"\n fill=\"none\"\n cx=\"5\"\n cy=\"5\"\n r={size === \"small\" ? \"3.335\" : \"4.445\"}\n />\n </svg>\n </span>\n <slot name=\"right-adornment\"></slot>\n {showState && (\n <ic-typography\n aria-hidden=\"true\"\n variant=\"label\"\n class=\"ic-switch-checked-status\"\n >\n {checkedState ? \"On\" : \"Off\"}\n </ic-typography>\n )}\n </label>\n </Host>\n );\n }\n}\n"]}
|
1
|
+
{"version":3,"file":"ic-switch.js","sourceRoot":"","sources":["../../../src/components/ic-switch/ic-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Method,\n Watch,\n} from \"@stencil/core\";\nimport {\n getInputDescribedByText,\n onComponentRequiredPropUndefined,\n renderHiddenInput,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IcSwitchChangeEventDetail } from \"./ic-switch.types\";\nimport { IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\nlet inputIds = 0;\n\n/**\n * @slot right-adornment - Content is placed to the right of switch.\n */\n@Component({\n tag: \"ic-switch\",\n styleUrl: \"ic-switch.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Switch {\n private inputId = `ic-switch-input-${inputIds++}`;\n\n @Element() el: HTMLIcSwitchElement;\n\n @State() checkedState: boolean = false;\n @State() initiallyChecked = this.checked;\n\n /**\n * If `true`, the switch will display as checked.\n */\n @Prop() checked?: boolean = false;\n\n @Watch(\"checked\")\n checkedChangeHandler(): void {\n this.checkedState = !!this.checked;\n }\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText?: string = \"\";\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * The aria-label applied to the switch when no visual 'name' is provided.\n */\n @Prop() label!: string;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name?: string = this.inputId;\n\n /**\n * The size of the switch component.\n */\n @Prop() size?: IcSizesNoLarge = \"medium\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * The value of the toggle does not mean if it's checked or not, use the `checked`\n * property for that.\n *\n * The value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\n * it's only used when the toggle participates in a native `<form>`.\n */\n @Prop() value?: string | null = \"on\";\n\n /**\n * Emitted when the toggle loses focus.\n */\n @Event() icBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the value property has changed.\n */\n @Event() icChange!: EventEmitter<IcSwitchChangeEventDetail>;\n\n /**\n * Emitted when the toggle has focus.\n */\n @Event() icFocus!: EventEmitter<void>;\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n\n componentWillLoad(): void {\n this.checkedState = this.checked!;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Switch\"\n );\n }\n\n /**\n * Sets focus on the switch.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.el.shadowRoot?.querySelector(\"input\")?.focus();\n }\n\n private handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value!,\n });\n };\n\n private onFocus = () => {\n this.icFocus.emit();\n };\n\n private onBlur = () => {\n this.icBlur.emit();\n };\n\n private handleFormReset = (): void => {\n this.checkedState = this.initiallyChecked!;\n };\n\n render() {\n const {\n label,\n checkedState,\n size,\n disabled,\n name,\n value,\n hideLabel,\n helperText,\n inputId,\n theme,\n } = this;\n\n const isSmall = size === \"small\";\n\n renderHiddenInput(\n true,\n this.el,\n name!,\n checkedState ? value : \"\",\n disabled\n );\n\n return (\n <Host\n class={{\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <label\n class={{\n \"ic-switch-container\": true,\n \"ic-switch-disabled\": !!disabled,\n \"ic-switch-small\": isSmall,\n }}\n htmlFor={inputId}\n >\n {!hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n readonly={true}\n disabled={disabled}\n class={{\n \"ic-switch-label\": true,\n \"ic-switch-label-small\": isSmall,\n }}\n ></ic-input-label>\n )}\n {!hideLabel && <span class=\"ic-switch-line-break\"></span>}\n <input\n checked={checkedState}\n disabled={disabled}\n aria-label={label}\n aria-checked={checkedState ? \"true\" : \"false\"}\n aria-describedby={getInputDescribedByText(\n inputId,\n helperText !== \"\",\n false\n )}\n role=\"switch\"\n class=\"ic-switch-input\"\n type=\"checkbox\"\n name=\"toggle\"\n id={inputId}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.handleChange}\n />\n <span class=\"ic-switch-toggle\">\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n class=\"ic-switch-icon-line\"\n x1=\"9\"\n y1={isSmall ? \"2\" : \"1\"}\n x2=\"9\"\n y2={isSmall ? \"8\" : \"9\"}\n />\n </svg>\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"ic-switch-icon-circle\"\n fill=\"none\"\n cx=\"5\"\n cy=\"5\"\n r={isSmall ? \"3.335\" : \"4.445\"}\n />\n </svg>\n </span>\n <slot name=\"right-adornment\"></slot>\n </label>\n </Host>\n );\n }\n}\n"]}
|
@@ -0,0 +1,149 @@
|
|
1
|
+
import { html } from "lit-html";
|
2
|
+
|
3
|
+
const defaultArgs = {
|
4
|
+
label: "Custom Switch",
|
5
|
+
helperText: "Custom helper text",
|
6
|
+
disabled: false,
|
7
|
+
checked: false,
|
8
|
+
hideLabel: false,
|
9
|
+
size: "medium",
|
10
|
+
theme: "inherit",
|
11
|
+
};
|
12
|
+
|
13
|
+
export default {
|
14
|
+
title: "Web Components/Switch",
|
15
|
+
component: "ic-switch",
|
16
|
+
};
|
17
|
+
|
18
|
+
export const Default = {
|
19
|
+
render: () => html` <ic-switch label="Label"></ic-switch> `,
|
20
|
+
name: "Default",
|
21
|
+
};
|
22
|
+
|
23
|
+
export const Name = {
|
24
|
+
render: () => html` <ic-switch label="Label"></ic-switch> `,
|
25
|
+
name: "Name",
|
26
|
+
};
|
27
|
+
|
28
|
+
export const Checked = {
|
29
|
+
render: () => html` <ic-switch checked="true" label="Label"></ic-switch> `,
|
30
|
+
name: "Checked",
|
31
|
+
};
|
32
|
+
|
33
|
+
export const Small = {
|
34
|
+
render: () => html` <ic-switch size="small" label="Label"></ic-switch> `,
|
35
|
+
name: "Small",
|
36
|
+
};
|
37
|
+
|
38
|
+
export const Disabled = {
|
39
|
+
render: () => html` <ic-switch disabled="true" label="Label"></ic-switch> `,
|
40
|
+
name: "Disabled",
|
41
|
+
};
|
42
|
+
|
43
|
+
export const DisabledAndName = {
|
44
|
+
render: () => html` <ic-switch disabled="true" label="Label"></ic-switch> `,
|
45
|
+
name: "Disabled and name",
|
46
|
+
};
|
47
|
+
|
48
|
+
export const DisabledNameAndChecked = {
|
49
|
+
render: () => html`
|
50
|
+
<ic-switch disabled="true" label="Label" checked="true"></ic-switch>
|
51
|
+
`,
|
52
|
+
|
53
|
+
name: "Disabled, name and checked",
|
54
|
+
};
|
55
|
+
|
56
|
+
export const AriaLabel = {
|
57
|
+
render: () => html`
|
58
|
+
<ic-switch label="Custom label" hide-label="true"></ic-switch>
|
59
|
+
`,
|
60
|
+
name: "ARIA label",
|
61
|
+
};
|
62
|
+
|
63
|
+
export const HelperText = {
|
64
|
+
render: () =>
|
65
|
+
html` <ic-switch label="Label" helper-text="Helper Text"></ic-switch>`,
|
66
|
+
name: "Helper text",
|
67
|
+
};
|
68
|
+
|
69
|
+
export const RightAdornment = {
|
70
|
+
render: () =>
|
71
|
+
html` <ic-switch label="Right adornment">
|
72
|
+
<svg
|
73
|
+
slot="right-adornment"
|
74
|
+
width="16"
|
75
|
+
height="16"
|
76
|
+
viewBox="0 0 16 16"
|
77
|
+
fill="none"
|
78
|
+
xmlns="http://www.w3.org/2000/svg"
|
79
|
+
>
|
80
|
+
<path
|
81
|
+
d="M8 8C10.21 8 12 6.21 12 4C12 1.79 10.21 0 8 0C5.79 0 4 1.79 4 4C4 6.21 5.79 8 8 8ZM8 10C5.33 10 0 11.34 0 14V16H16V14C16 11.34 10.67 10 8 10Z"
|
82
|
+
/>
|
83
|
+
</svg>
|
84
|
+
</ic-switch>`,
|
85
|
+
|
86
|
+
name: "Right adornment",
|
87
|
+
};
|
88
|
+
|
89
|
+
export const DefaultInForm = {
|
90
|
+
render: () =>
|
91
|
+
html` <form id="form" aria-label="test form">
|
92
|
+
<ic-switch id="switch" label="custom label" hide-label="true"></ic-switch>
|
93
|
+
<br />
|
94
|
+
<br />
|
95
|
+
<input type="submit" value="Submit" />
|
96
|
+
<input type="reset" value="Reset" />
|
97
|
+
<form>
|
98
|
+
<script>
|
99
|
+
const tcForm = document.getElementById("form");
|
100
|
+
tcForm.addEventListener("submit", handleSubmit);
|
101
|
+
function handleSubmit(e) {
|
102
|
+
e.preventDefault();
|
103
|
+
var data = "HTML Form Data (name: value): \\n";
|
104
|
+
for (const element of document.getElementById("form").elements) {
|
105
|
+
data += element.name + ": " + element.value + "\\n";
|
106
|
+
}
|
107
|
+
alert(data);
|
108
|
+
}
|
109
|
+
</script>
|
110
|
+
</form>
|
111
|
+
</form>`,
|
112
|
+
|
113
|
+
name: "Default in form",
|
114
|
+
};
|
115
|
+
|
116
|
+
export const Playground = {
|
117
|
+
render: (args) =>
|
118
|
+
html`<ic-switch
|
119
|
+
disabled=${args.disabled}
|
120
|
+
label=${args.label}
|
121
|
+
checked=${args.checked}
|
122
|
+
hide-label=${args.hideLabel}
|
123
|
+
helper-text=${args.helperText}
|
124
|
+
size=${args.size}
|
125
|
+
theme=${args.theme}
|
126
|
+
></ic-switch>`,
|
127
|
+
|
128
|
+
args: defaultArgs,
|
129
|
+
|
130
|
+
argTypes: {
|
131
|
+
size: {
|
132
|
+
options: ["medium", "small"],
|
133
|
+
|
134
|
+
control: {
|
135
|
+
type: "inline-radio",
|
136
|
+
},
|
137
|
+
},
|
138
|
+
|
139
|
+
theme: {
|
140
|
+
options: ["inherit", "light", "dark"],
|
141
|
+
|
142
|
+
control: {
|
143
|
+
type: "inline-radio",
|
144
|
+
},
|
145
|
+
},
|
146
|
+
},
|
147
|
+
|
148
|
+
name: "Playground",
|
149
|
+
};
|
@@ -443,16 +443,15 @@ video {
|
|
443
443
|
|
444
444
|
:host {
|
445
445
|
--indicator-initial-color: rgba(23 89 188 / 0%);
|
446
|
-
--indicator-color: var(--ic-action-default);
|
447
446
|
--focus-indicator: var(--ic-border-focus);
|
448
|
-
--label-color: var(--ic-color-primary-text);
|
449
|
-
--background-color-hover: var(--ic-action-default-bg-hover);
|
450
|
-
--background-color-active: var(--ic-action-default-bg-active);
|
451
447
|
|
452
448
|
display: flex;
|
453
449
|
align-items: center;
|
454
450
|
border-radius: 0;
|
455
|
-
color: var(--label
|
451
|
+
color: var(--ic-tab-label);
|
452
|
+
|
453
|
+
--ic-typography-color: var(--ic-tab-label);
|
454
|
+
|
456
455
|
height: 2.5rem;
|
457
456
|
padding: 0 var(--ic-space-md);
|
458
457
|
cursor: pointer;
|
@@ -462,6 +461,14 @@ video {
|
|
462
461
|
transition: all var(--ic-easing-transition-fast);
|
463
462
|
}
|
464
463
|
|
464
|
+
::slotted([slot="icon"]) {
|
465
|
+
fill: var(--ic-tab-icon);
|
466
|
+
}
|
467
|
+
|
468
|
+
:host(.ic-tab-disabled) ::slotted([slot="icon"]) {
|
469
|
+
fill: var(--ic-tab-icon-disabled);
|
470
|
+
}
|
471
|
+
|
465
472
|
:host(:focus) {
|
466
473
|
box-shadow: var(--focus-indicator);
|
467
474
|
border-radius: var(--ic-border-radius);
|
@@ -472,24 +479,15 @@ video {
|
|
472
479
|
}
|
473
480
|
|
474
481
|
:host(:hover) {
|
475
|
-
background-color: var(--
|
482
|
+
background-color: var(--ic-tab-item-hover);
|
476
483
|
}
|
477
484
|
|
478
485
|
:host(:active) {
|
479
|
-
background-color: var(--
|
480
|
-
}
|
481
|
-
|
482
|
-
:host(.ic-tab-light) {
|
483
|
-
--indicator-initial-color: rgb(255 255 255 / 0%);
|
484
|
-
--indicator-color: rgb(255 255 255 / 100%);
|
485
|
-
--focus-indicator: var(--ic-border-focus);
|
486
|
-
--label-color: white;
|
487
|
-
--background-color-hover: var(--ic-action-dark-bg-hover);
|
488
|
-
--background-color-active: var(--ic-action-dark-bg-active);
|
486
|
+
background-color: var(--ic-tab-item-pressed);
|
489
487
|
}
|
490
488
|
|
491
489
|
:host(.ic-tab-selected) {
|
492
|
-
border-bottom: var(--ic-space-xxs) solid var(--
|
490
|
+
border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);
|
493
491
|
}
|
494
492
|
|
495
493
|
:host(.ic-tab-disabled) {
|
@@ -497,6 +495,38 @@ video {
|
|
497
495
|
color: var(--ic-architectural-300);
|
498
496
|
}
|
499
497
|
|
498
|
+
:host(.ic-tab-disabled) ic-typography {
|
499
|
+
--ic-typography-color: var(--ic-tab-label-disabled);
|
500
|
+
}
|
501
|
+
|
502
|
+
:host(.ic-tab-monochrome) {
|
503
|
+
color: var(--ic-tab-label-monochrome);
|
504
|
+
}
|
505
|
+
|
506
|
+
:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {
|
507
|
+
color: var(--ic-tab-label-monochrome-disabled);
|
508
|
+
}
|
509
|
+
|
510
|
+
:host(.ic-tab-monochrome) ::slotted([slot="icon"]) {
|
511
|
+
fill: var(--ic-tab-icon-monochrome);
|
512
|
+
}
|
513
|
+
|
514
|
+
:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot="icon"]) {
|
515
|
+
fill: var(--ic-tab-icon-monochrome-disabled);
|
516
|
+
}
|
517
|
+
|
518
|
+
:host(.ic-tab-monochrome.ic-tab-selected) {
|
519
|
+
border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);
|
520
|
+
}
|
521
|
+
|
522
|
+
:host(.ic-tab-monochrome:hover) {
|
523
|
+
background-color: var(--ic-tab-item-hover-monochrome);
|
524
|
+
}
|
525
|
+
|
526
|
+
:host(.ic-tab-monochrome:active) {
|
527
|
+
background-color: var(--ic-tab-item-pressed-monochrome);
|
528
|
+
}
|
529
|
+
|
500
530
|
@media (prefers-reduced-motion: no-preference) {
|
501
531
|
:host(.ic-tab-selected.with-transition) {
|
502
532
|
transition: all var(--ic-easing-transition-slow),
|
@@ -521,6 +551,12 @@ video {
|
|
521
551
|
:host(.ic-tab-disabled) {
|
522
552
|
color: GrayText;
|
523
553
|
}
|
554
|
+
|
555
|
+
:host(.ic-tab-disabled) ic-typography {
|
556
|
+
color: GrayText;
|
557
|
+
|
558
|
+
--ic-typography-color: GrayText;
|
559
|
+
}
|
524
560
|
}
|
525
561
|
|
526
562
|
/* Add back in after storybook has the `color-scheme: light dark` code */
|