@carbon/web-components 2.62.0 → 2.63.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 +26 -0
- package/bin/create-prefixed-build.js +157 -0
- package/custom-elements.json +2074 -360
- package/es/components/accordion/accordion.scss.js +1 -1
- package/es/components/action-set/action-set.scss.js +1 -1
- package/es/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/es/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/es/components/ai-label/ai-label-action-button.js +4 -3
- package/es/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/ai-label/ai-label.scss.js.map +1 -1
- package/es/components/ai-label/index.d.ts +1 -0
- package/es/components/ai-label/index.d.ts.map +1 -1
- package/es/components/ai-label/index.js +1 -0
- package/es/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es/components/big-number/big-number-skeleton.d.ts +21 -0
- package/es/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/es/components/big-number/big-number-skeleton.js +62 -0
- package/es/components/big-number/big-number-skeleton.js.map +1 -0
- package/es/components/big-number/big-number-skeleton.scss.js +14 -0
- package/es/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es/components/big-number/big-number.d.ts +35 -0
- package/es/components/big-number/big-number.d.ts.map +1 -0
- package/es/components/big-number/big-number.js +171 -0
- package/es/components/big-number/big-number.js.map +1 -0
- package/es/components/big-number/big-number.scss.js +14 -0
- package/es/components/big-number/big-number.scss.js.map +1 -0
- package/es/components/big-number/constants.d.ts +20 -0
- package/es/components/big-number/constants.d.ts.map +1 -0
- package/es/components/big-number/constants.js +32 -0
- package/es/components/big-number/constants.js.map +1 -0
- package/es/components/big-number/index.d.ts +8 -0
- package/es/components/big-number/index.d.ts.map +1 -0
- package/es/components/big-number/index.js +8 -0
- package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js +2 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +2 -2
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +1 -1
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/card/card-action.d.ts +27 -0
- package/es/components/card/card-action.d.ts.map +1 -0
- package/es/components/card/card-action.js +52 -0
- package/es/components/card/card-action.js.map +1 -0
- package/es/components/card/card-actions.d.ts +36 -0
- package/es/components/card/card-actions.d.ts.map +1 -0
- package/es/components/card/card-actions.js +171 -0
- package/es/components/card/card-actions.js.map +1 -0
- package/es/components/card/card-body.d.ts +23 -0
- package/es/components/card/card-body.d.ts.map +1 -0
- package/es/components/card/card-body.js +54 -0
- package/es/components/card/card-body.js.map +1 -0
- package/es/components/card/card-context.d.ts +20 -0
- package/es/components/card/card-context.d.ts.map +1 -0
- package/es/components/card/card-context.js +29 -0
- package/es/components/card/card-context.js.map +1 -0
- package/es/components/card/card-footer.d.ts +34 -0
- package/es/components/card/card-footer.d.ts.map +1 -0
- package/es/components/card/card-footer.js +75 -0
- package/es/components/card/card-footer.js.map +1 -0
- package/es/components/card/card-header-media.d.ts +19 -0
- package/es/components/card/card-header-media.d.ts.map +1 -0
- package/es/components/card/card-header-media.js +39 -0
- package/es/components/card/card-header-media.js.map +1 -0
- package/es/components/card/card-header.d.ts +23 -0
- package/es/components/card/card-header.d.ts.map +1 -0
- package/es/components/card/card-header.js +70 -0
- package/es/components/card/card-header.js.map +1 -0
- package/es/components/card/card-media.d.ts +37 -0
- package/es/components/card/card-media.d.ts.map +1 -0
- package/es/components/card/card-media.js +79 -0
- package/es/components/card/card-media.js.map +1 -0
- package/es/components/card/card-title-media.d.ts +19 -0
- package/es/components/card/card-title-media.d.ts.map +1 -0
- package/es/components/card/card-title-media.js +39 -0
- package/es/components/card/card-title-media.js.map +1 -0
- package/es/components/card/card-title.d.ts +52 -0
- package/es/components/card/card-title.d.ts.map +1 -0
- package/es/components/card/card-title.js +144 -0
- package/es/components/card/card-title.js.map +1 -0
- package/es/components/card/card.d.ts +69 -0
- package/es/components/card/card.d.ts.map +1 -0
- package/es/components/card/card.js +185 -0
- package/es/components/card/card.js.map +1 -0
- package/es/components/card/card.scss.js +14 -0
- package/es/components/card/card.scss.js.map +1 -0
- package/es/components/card/defs.d.ts +33 -0
- package/es/components/card/defs.d.ts.map +1 -0
- package/es/components/card/defs.js +46 -0
- package/es/components/card/defs.js.map +1 -0
- package/es/components/card/index.d.ts +17 -0
- package/es/components/card/index.d.ts.map +1 -0
- package/es/components/card/index.js +17 -0
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +120 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +14 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/es/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/es/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/index.js +8 -0
- package/es/components/coachmark/coachmark-body.d.ts +31 -0
- package/es/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-body.js +39 -0
- package/es/components/coachmark/coachmark-body.js.map +1 -0
- package/es/components/coachmark/coachmark-body.scss.js +14 -0
- package/es/components/coachmark/coachmark-body.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-context.d.ts +12 -0
- package/es/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-context.js +39 -0
- package/es/components/coachmark/coachmark-context.js.map +1 -0
- package/es/components/coachmark/coachmark-header.d.ts +41 -0
- package/es/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-header.js +95 -0
- package/es/components/coachmark/coachmark-header.js.map +1 -0
- package/es/components/coachmark/coachmark-header.scss.js +14 -0
- package/es/components/coachmark/coachmark-header.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/es/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-helpers.js +33 -0
- package/es/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js +130 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +14 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/es/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-tagline/index.js +8 -0
- package/es/components/coachmark/coachmark.d.ts +97 -0
- package/es/components/coachmark/coachmark.d.ts.map +1 -0
- package/es/components/coachmark/coachmark.js +290 -0
- package/es/components/coachmark/coachmark.js.map +1 -0
- package/es/components/coachmark/coachmark.scss.js +14 -0
- package/es/components/coachmark/coachmark.scss.js.map +1 -0
- package/es/components/coachmark/index.d.ts +10 -0
- package/es/components/coachmark/index.d.ts.map +1 -0
- package/es/components/coachmark/index.js +10 -0
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.d.ts.map +1 -1
- package/es/components/combo-box/combo-box.js +5 -12
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js.map +1 -1
- package/es/components/combo-button/combo-button.scss.js +1 -1
- package/es/components/contained-list/contained-list.scss.js +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy/index.d.ts +9 -0
- package/es/components/copy/index.d.ts.map +1 -0
- package/es/components/copy/index.js +9 -0
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js.map +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js.map +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +2 -1
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +13 -15
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/dropdown/dropdown.scss.js.map +1 -1
- package/es/components/edit-in-place/defs.d.ts +30 -0
- package/es/components/edit-in-place/defs.d.ts.map +1 -0
- package/es/components/edit-in-place/defs.js +43 -0
- package/es/components/edit-in-place/defs.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/es/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/es/components/edit-in-place/edit-in-place-helpers.js +59 -0
- package/es/components/edit-in-place/edit-in-place-helpers.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/es/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/es/components/edit-in-place/edit-in-place.js +453 -0
- package/es/components/edit-in-place/edit-in-place.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place.scss.js +14 -0
- package/es/components/edit-in-place/edit-in-place.scss.js.map +1 -0
- package/es/components/edit-in-place/index.d.ts +10 -0
- package/es/components/edit-in-place/index.d.ts.map +1 -0
- package/es/components/edit-in-place/index.js +20 -0
- package/es/components/edit-in-place/index.js.map +1 -0
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/es/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.js +27 -1
- package/es/components/fluid-date-picker/fluid-date-picker.js.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
- package/es/components/fluid-form/fluid-form.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js.map +1 -1
- package/es/components/fluid-select/fluid-select.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form/form.scss.js +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/grid/column-hang.scss.js +1 -1
- package/es/components/grid/grid.scss.js +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.js +1 -1
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/inline-loading/inline-loading.scss.js +1 -1
- package/es/components/layer/layer.scss.js +1 -1
- package/es/components/layout/layout.scss.js +1 -1
- package/es/components/link/link.d.ts +2 -1
- package/es/components/link/link.d.ts.map +1 -1
- package/es/components/link/link.js +1 -1
- package/es/components/link/link.js.map +1 -1
- package/es/components/loading/loading.scss.js +1 -1
- package/es/components/menu/menu-item.d.ts.map +1 -1
- package/es/components/menu/menu-item.js +2 -6
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu-item.scss.js +1 -1
- package/es/components/menu/menu-item.scss.js.map +1 -1
- package/es/components/menu/menu.d.ts +10 -0
- package/es/components/menu/menu.d.ts.map +1 -1
- package/es/components/menu/menu.js +17 -11
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu/menu.scss.js +1 -1
- package/es/components/menu/menu.scss.js.map +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +1 -1
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +5 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +2 -1
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +15 -14
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js.map +1 -1
- package/es/components/notification/actionable-notification-button.d.ts +1 -1
- package/es/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/es/components/notification/actionable-notification-button.js +2 -2
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.d.ts.map +1 -1
- package/es/components/notification/actionable-notification.js +4 -4
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js.map +1 -1
- package/es/components/options-tile/index.d.ts +8 -0
- package/es/components/options-tile/index.d.ts.map +1 -0
- package/es/components/options-tile/index.js +8 -0
- package/es/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/es/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/es/components/options-tile/option-tile-helpers.js +163 -0
- package/es/components/options-tile/option-tile-helpers.js.map +1 -0
- package/es/components/options-tile/options-tile.d.ts +91 -0
- package/es/components/options-tile/options-tile.d.ts.map +1 -0
- package/es/components/options-tile/options-tile.js +208 -0
- package/es/components/options-tile/options-tile.js.map +1 -0
- package/es/components/options-tile/options-tile.scss.js +14 -0
- package/es/components/options-tile/options-tile.scss.js.map +1 -0
- package/es/components/overflow-menu/overflow-menu.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/page-header/index.d.ts +1 -0
- package/es/components/page-header/index.d.ts.map +1 -1
- package/es/components/page-header/index.js +1 -0
- package/es/components/page-header/page-header-tabs.d.ts +1 -1
- package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es/components/page-header/page-header-tabs.js +1 -2
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +1 -1
- package/es/components/page-header/page-header.d.ts.map +1 -1
- package/es/components/page-header/page-header.js +1 -2
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover.scss.js +1 -1
- package/es/components/progress-bar/progress-bar.scss.js +1 -1
- package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/resizer/resizer-handle-pivot.scss.js +1 -1
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +2 -0
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/search/search.scss.js.map +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/select/select.scss.js.map +1 -1
- package/es/components/side-panel/side-panel.js +2 -2
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slider/slider.scss.js.map +1 -1
- package/es/components/slug/index.d.ts +1 -0
- package/es/components/slug/index.d.ts.map +1 -1
- package/es/components/slug/index.js +1 -0
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/structured-list/structured-list.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/tag/dismissible-tag.d.ts +1 -1
- package/es/components/tag/dismissible-tag.d.ts.map +1 -1
- package/es/components/tag/dismissible-tag.js +24 -15
- package/es/components/tag/dismissible-tag.js.map +1 -1
- package/es/components/tag/tag.d.ts.map +1 -1
- package/es/components/tag/tag.js +1 -1
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/tag/tag.scss.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/text-input/text-input.scss.js.map +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/tile/clickable-tile.d.ts +2 -1
- package/es/components/tile/clickable-tile.d.ts.map +1 -1
- package/es/components/tile/clickable-tile.js +1 -1
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/components/ui-shell/side-nav.scss.js +1 -1
- package/es/components/user-avatar/index.d.ts +8 -0
- package/es/components/user-avatar/index.d.ts.map +1 -0
- package/es/components/user-avatar/index.js +8 -0
- package/es/components/user-avatar/user-avatar.d.ts +84 -0
- package/es/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/es/components/user-avatar/user-avatar.js +151 -0
- package/es/components/user-avatar/user-avatar.js.map +1 -0
- package/es/components/user-avatar/user-avatar.scss.js +14 -0
- package/es/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es/globals/controllers/floating-controller.js.map +1 -1
- package/es/globals/decorators/carbon-element.d.ts +8 -0
- package/es/globals/decorators/carbon-element.d.ts.map +1 -1
- package/es/globals/decorators/carbon-element.js +8 -0
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es/globals/internal/collection-helpers.d.ts +5 -5
- package/es/globals/internal/collection-helpers.d.ts.map +1 -1
- package/es/globals/internal/collection-helpers.js +1 -1
- package/es/globals/internal/collection-helpers.js.map +1 -1
- package/es/globals/internal/getSupportedLocale.d.ts +12 -0
- package/es/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/es/globals/internal/getSupportedLocale.js +29 -0
- package/es/globals/internal/getSupportedLocale.js.map +1 -0
- package/es/globals/mixins/on.d.ts +2 -2
- package/es/globals/mixins/on.d.ts.map +1 -1
- package/es/globals/mixins/on.js +4 -4
- package/es/globals/mixins/on.js.map +1 -1
- package/es/globals/register.d.ts +89 -0
- package/es/globals/register.d.ts.map +1 -0
- package/es/globals/register.js +56 -0
- package/es/globals/register.js.map +1 -0
- package/es/globals/settings.d.ts +1 -1
- package/es/globals/settings.d.ts.map +1 -1
- package/es/globals/settings.js +1 -0
- package/es/globals/settings.js.map +1 -1
- package/es/index.d.ts +10 -0
- package/es/index.d.ts.map +1 -1
- package/es/index.js +13 -3
- package/es-custom/components/accordion/accordion.scss.js +1 -1
- package/es-custom/components/action-set/action-set.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.js +4 -3
- package/es-custom/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js.map +1 -1
- package/es-custom/components/ai-label/index.d.ts +1 -0
- package/es-custom/components/ai-label/index.d.ts.map +1 -1
- package/es-custom/components/ai-label/index.js +1 -0
- package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es-custom/components/big-number/big-number-skeleton.d.ts +21 -0
- package/es-custom/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/es-custom/components/big-number/big-number-skeleton.js +62 -0
- package/es-custom/components/big-number/big-number-skeleton.js.map +1 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js +14 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es-custom/components/big-number/big-number.d.ts +35 -0
- package/es-custom/components/big-number/big-number.d.ts.map +1 -0
- package/es-custom/components/big-number/big-number.js +171 -0
- package/es-custom/components/big-number/big-number.js.map +1 -0
- package/es-custom/components/big-number/big-number.scss.js +14 -0
- package/es-custom/components/big-number/big-number.scss.js.map +1 -0
- package/es-custom/components/big-number/constants.d.ts +20 -0
- package/es-custom/components/big-number/constants.d.ts.map +1 -0
- package/es-custom/components/big-number/constants.js +32 -0
- package/es-custom/components/big-number/constants.js.map +1 -0
- package/es-custom/components/big-number/index.d.ts +8 -0
- package/es-custom/components/big-number/index.d.ts.map +1 -0
- package/es-custom/components/big-number/index.js +8 -0
- package/es-custom/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js +2 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.js +2 -2
- package/es-custom/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +1 -1
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/card/card-action.d.ts +27 -0
- package/es-custom/components/card/card-action.d.ts.map +1 -0
- package/es-custom/components/card/card-action.js +52 -0
- package/es-custom/components/card/card-action.js.map +1 -0
- package/es-custom/components/card/card-actions.d.ts +36 -0
- package/es-custom/components/card/card-actions.d.ts.map +1 -0
- package/es-custom/components/card/card-actions.js +171 -0
- package/es-custom/components/card/card-actions.js.map +1 -0
- package/es-custom/components/card/card-body.d.ts +23 -0
- package/es-custom/components/card/card-body.d.ts.map +1 -0
- package/es-custom/components/card/card-body.js +54 -0
- package/es-custom/components/card/card-body.js.map +1 -0
- package/es-custom/components/card/card-context.d.ts +20 -0
- package/es-custom/components/card/card-context.d.ts.map +1 -0
- package/es-custom/components/card/card-context.js +29 -0
- package/es-custom/components/card/card-context.js.map +1 -0
- package/es-custom/components/card/card-footer.d.ts +34 -0
- package/es-custom/components/card/card-footer.d.ts.map +1 -0
- package/es-custom/components/card/card-footer.js +75 -0
- package/es-custom/components/card/card-footer.js.map +1 -0
- package/es-custom/components/card/card-header-media.d.ts +19 -0
- package/es-custom/components/card/card-header-media.d.ts.map +1 -0
- package/es-custom/components/card/card-header-media.js +39 -0
- package/es-custom/components/card/card-header-media.js.map +1 -0
- package/es-custom/components/card/card-header.d.ts +23 -0
- package/es-custom/components/card/card-header.d.ts.map +1 -0
- package/es-custom/components/card/card-header.js +70 -0
- package/es-custom/components/card/card-header.js.map +1 -0
- package/es-custom/components/card/card-media.d.ts +37 -0
- package/es-custom/components/card/card-media.d.ts.map +1 -0
- package/es-custom/components/card/card-media.js +79 -0
- package/es-custom/components/card/card-media.js.map +1 -0
- package/es-custom/components/card/card-title-media.d.ts +19 -0
- package/es-custom/components/card/card-title-media.d.ts.map +1 -0
- package/es-custom/components/card/card-title-media.js +39 -0
- package/es-custom/components/card/card-title-media.js.map +1 -0
- package/es-custom/components/card/card-title.d.ts +52 -0
- package/es-custom/components/card/card-title.d.ts.map +1 -0
- package/es-custom/components/card/card-title.js +144 -0
- package/es-custom/components/card/card-title.js.map +1 -0
- package/es-custom/components/card/card.d.ts +69 -0
- package/es-custom/components/card/card.d.ts.map +1 -0
- package/es-custom/components/card/card.js +185 -0
- package/es-custom/components/card/card.js.map +1 -0
- package/es-custom/components/card/card.scss.js +14 -0
- package/es-custom/components/card/card.scss.js.map +1 -0
- package/es-custom/components/card/defs.d.ts +33 -0
- package/es-custom/components/card/defs.d.ts.map +1 -0
- package/es-custom/components/card/defs.js +46 -0
- package/es-custom/components/card/defs.js.map +1 -0
- package/es-custom/components/card/index.d.ts +17 -0
- package/es-custom/components/card/index.d.ts.map +1 -0
- package/es-custom/components/card/index.js +17 -0
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +120 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.js +8 -0
- package/es-custom/components/coachmark/coachmark-body.d.ts +31 -0
- package/es-custom/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-body.js +39 -0
- package/es-custom/components/coachmark/coachmark-body.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-body.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-body.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-context.d.ts +12 -0
- package/es-custom/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-context.js +39 -0
- package/es-custom/components/coachmark/coachmark-context.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.d.ts +41 -0
- package/es-custom/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.js +95 -0
- package/es-custom/components/coachmark/coachmark-header.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-header.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/es-custom/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-helpers.js +33 -0
- package/es-custom/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js +130 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.js +8 -0
- package/es-custom/components/coachmark/coachmark.d.ts +97 -0
- package/es-custom/components/coachmark/coachmark.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark.js +290 -0
- package/es-custom/components/coachmark/coachmark.js.map +1 -0
- package/es-custom/components/coachmark/coachmark.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark.scss.js.map +1 -0
- package/es-custom/components/coachmark/index.d.ts +10 -0
- package/es-custom/components/coachmark/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/index.js +10 -0
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts.map +1 -1
- package/es-custom/components/combo-box/combo-box.js +5 -12
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js.map +1 -1
- package/es-custom/components/combo-button/combo-button.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy/index.d.ts +9 -0
- package/es-custom/components/copy/index.d.ts.map +1 -0
- package/es-custom/components/copy/index.js +9 -0
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js.map +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +2 -1
- package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
- package/es-custom/components/dropdown/dropdown.js +13 -15
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js.map +1 -1
- package/es-custom/components/edit-in-place/defs.d.ts +30 -0
- package/es-custom/components/edit-in-place/defs.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/defs.js +43 -0
- package/es-custom/components/edit-in-place/defs.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.js +59 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/es-custom/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.js +453 -0
- package/es-custom/components/edit-in-place/edit-in-place.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.scss.js +14 -0
- package/es-custom/components/edit-in-place/edit-in-place.scss.js.map +1 -0
- package/es-custom/components/edit-in-place/index.d.ts +10 -0
- package/es-custom/components/edit-in-place/index.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/index.js +20 -0
- package/es-custom/components/edit-in-place/index.js.map +1 -0
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.js +27 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.js.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
- package/es-custom/components/fluid-form/fluid-form.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -1
- package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form/form.scss.js +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/grid/column-hang.scss.js +1 -1
- package/es-custom/components/grid/grid.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts +1 -1
- package/es-custom/components/icon-button/icon-button.js +1 -1
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
- package/es-custom/components/layer/layer.scss.js +1 -1
- package/es-custom/components/layout/layout.scss.js +1 -1
- package/es-custom/components/link/link.d.ts +2 -1
- package/es-custom/components/link/link.d.ts.map +1 -1
- package/es-custom/components/link/link.js +1 -1
- package/es-custom/components/link/link.js.map +1 -1
- package/es-custom/components/loading/loading.scss.js +1 -1
- package/es-custom/components/menu/menu-item.d.ts.map +1 -1
- package/es-custom/components/menu/menu-item.js +2 -6
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu-item.scss.js +1 -1
- package/es-custom/components/menu/menu-item.scss.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +10 -0
- package/es-custom/components/menu/menu.d.ts.map +1 -1
- package/es-custom/components/menu/menu.js +17 -11
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu/menu.scss.js +1 -1
- package/es-custom/components/menu/menu.scss.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select-item.d.ts +1 -1
- package/es-custom/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select-item.js +5 -1
- package/es-custom/components/multi-select/multi-select-item.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +2 -1
- package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +15 -14
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js.map +1 -1
- package/es-custom/components/notification/actionable-notification-button.d.ts +1 -1
- package/es-custom/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/es-custom/components/notification/actionable-notification-button.js +2 -2
- package/es-custom/components/notification/actionable-notification-button.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.d.ts.map +1 -1
- package/es-custom/components/notification/actionable-notification.js +4 -4
- package/es-custom/components/notification/actionable-notification.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js.map +1 -1
- package/es-custom/components/options-tile/index.d.ts +8 -0
- package/es-custom/components/options-tile/index.d.ts.map +1 -0
- package/es-custom/components/options-tile/index.js +8 -0
- package/es-custom/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/es-custom/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/es-custom/components/options-tile/option-tile-helpers.js +163 -0
- package/es-custom/components/options-tile/option-tile-helpers.js.map +1 -0
- package/es-custom/components/options-tile/options-tile.d.ts +91 -0
- package/es-custom/components/options-tile/options-tile.d.ts.map +1 -0
- package/es-custom/components/options-tile/options-tile.js +208 -0
- package/es-custom/components/options-tile/options-tile.js.map +1 -0
- package/es-custom/components/options-tile/options-tile.scss.js +14 -0
- package/es-custom/components/options-tile/options-tile.scss.js.map +1 -0
- package/es-custom/components/overflow-menu/overflow-menu.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/page-header/index.d.ts +1 -0
- package/es-custom/components/page-header/index.d.ts.map +1 -1
- package/es-custom/components/page-header/index.js +1 -0
- package/es-custom/components/page-header/page-header-tabs.d.ts +1 -1
- package/es-custom/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.js +1 -2
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +1 -1
- package/es-custom/components/page-header/page-header.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header.js +1 -2
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover.scss.js +1 -1
- package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js +1 -1
- package/es-custom/components/search/search.d.ts.map +1 -1
- package/es-custom/components/search/search.js +2 -0
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/search/search.scss.js.map +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/select/select.scss.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +2 -2
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es-custom/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js.map +1 -1
- package/es-custom/components/slug/index.d.ts +1 -0
- package/es-custom/components/slug/index.d.ts.map +1 -1
- package/es-custom/components/slug/index.js +1 -0
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/tag/dismissible-tag.d.ts +1 -1
- package/es-custom/components/tag/dismissible-tag.d.ts.map +1 -1
- package/es-custom/components/tag/dismissible-tag.js +24 -15
- package/es-custom/components/tag/dismissible-tag.js.map +1 -1
- package/es-custom/components/tag/tag.d.ts.map +1 -1
- package/es-custom/components/tag/tag.js +1 -1
- package/es-custom/components/tag/tag.js.map +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/tag/tag.scss.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/text-input/text-input.scss.js.map +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/tile/clickable-tile.d.ts +2 -1
- package/es-custom/components/tile/clickable-tile.d.ts.map +1 -1
- package/es-custom/components/tile/clickable-tile.js +1 -1
- package/es-custom/components/tile/clickable-tile.js.map +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
- package/es-custom/components/user-avatar/index.d.ts +8 -0
- package/es-custom/components/user-avatar/index.d.ts.map +1 -0
- package/es-custom/components/user-avatar/index.js +8 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts +84 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.js +151 -0
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js +14 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es-custom/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es-custom/globals/controllers/floating-controller.js.map +1 -1
- package/es-custom/globals/decorators/carbon-element.d.ts +8 -0
- package/es-custom/globals/decorators/carbon-element.d.ts.map +1 -1
- package/es-custom/globals/decorators/carbon-element.js +18 -1
- package/es-custom/globals/decorators/carbon-element.js.map +1 -1
- package/es-custom/globals/internal/collection-helpers.d.ts +5 -5
- package/es-custom/globals/internal/collection-helpers.d.ts.map +1 -1
- package/es-custom/globals/internal/collection-helpers.js +1 -1
- package/es-custom/globals/internal/collection-helpers.js.map +1 -1
- package/es-custom/globals/internal/getSupportedLocale.d.ts +12 -0
- package/es-custom/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/es-custom/globals/internal/getSupportedLocale.js +29 -0
- package/es-custom/globals/internal/getSupportedLocale.js.map +1 -0
- package/es-custom/globals/mixins/on.d.ts +2 -2
- package/es-custom/globals/mixins/on.d.ts.map +1 -1
- package/es-custom/globals/mixins/on.js +4 -4
- package/es-custom/globals/mixins/on.js.map +1 -1
- package/es-custom/globals/register.d.ts +89 -0
- package/es-custom/globals/register.d.ts.map +1 -0
- package/es-custom/globals/register.js +56 -0
- package/es-custom/globals/register.js.map +1 -0
- package/es-custom/globals/settings.d.ts +1 -1
- package/es-custom/globals/settings.d.ts.map +1 -1
- package/es-custom/globals/settings.js +1 -0
- package/es-custom/globals/settings.js.map +1 -1
- package/es-custom/index.d.ts +10 -0
- package/es-custom/index.d.ts.map +1 -1
- package/es-custom/index.js +13 -3
- package/lib/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/lib/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/lib/components/ai-label/index.d.ts +1 -0
- package/lib/components/ai-label/index.d.ts.map +1 -1
- package/lib/components/big-number/big-number-skeleton.d.ts +21 -0
- package/lib/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/lib/components/big-number/big-number.d.ts +35 -0
- package/lib/components/big-number/big-number.d.ts.map +1 -0
- package/lib/components/big-number/constants.d.ts +20 -0
- package/lib/components/big-number/constants.d.ts.map +1 -0
- package/lib/components/big-number/index.d.ts +8 -0
- package/lib/components/big-number/index.d.ts.map +1 -0
- package/lib/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/lib/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/lib/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/card/card-action.d.ts +27 -0
- package/lib/components/card/card-action.d.ts.map +1 -0
- package/lib/components/card/card-actions.d.ts +36 -0
- package/lib/components/card/card-actions.d.ts.map +1 -0
- package/lib/components/card/card-body.d.ts +23 -0
- package/lib/components/card/card-body.d.ts.map +1 -0
- package/lib/components/card/card-context.d.ts +20 -0
- package/lib/components/card/card-context.d.ts.map +1 -0
- package/lib/components/card/card-footer.d.ts +34 -0
- package/lib/components/card/card-footer.d.ts.map +1 -0
- package/lib/components/card/card-header-media.d.ts +19 -0
- package/lib/components/card/card-header-media.d.ts.map +1 -0
- package/lib/components/card/card-header.d.ts +23 -0
- package/lib/components/card/card-header.d.ts.map +1 -0
- package/lib/components/card/card-media.d.ts +37 -0
- package/lib/components/card/card-media.d.ts.map +1 -0
- package/lib/components/card/card-title-media.d.ts +19 -0
- package/lib/components/card/card-title-media.d.ts.map +1 -0
- package/lib/components/card/card-title.d.ts +52 -0
- package/lib/components/card/card-title.d.ts.map +1 -0
- package/lib/components/card/card.d.ts +69 -0
- package/lib/components/card/card.d.ts.map +1 -0
- package/lib/components/card/defs.d.ts +33 -0
- package/lib/components/card/defs.d.ts.map +1 -0
- package/lib/components/card/defs.js +48 -0
- package/lib/components/card/defs.js.map +1 -0
- package/lib/components/card/index.d.ts +17 -0
- package/lib/components/card/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/lib/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js +26 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/lib/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-body.d.ts +31 -0
- package/lib/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-context.d.ts +12 -0
- package/lib/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-header.d.ts +41 -0
- package/lib/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/lib/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/lib/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark.d.ts +97 -0
- package/lib/components/coachmark/coachmark.d.ts.map +1 -0
- package/lib/components/coachmark/index.d.ts +10 -0
- package/lib/components/coachmark/index.d.ts.map +1 -0
- package/lib/components/combo-box/combo-box.d.ts.map +1 -1
- package/lib/components/copy/index.d.ts +9 -0
- package/lib/components/copy/index.d.ts.map +1 -0
- package/lib/components/dropdown/dropdown.d.ts +2 -1
- package/lib/components/dropdown/dropdown.d.ts.map +1 -1
- package/lib/components/edit-in-place/defs.d.ts +30 -0
- package/lib/components/edit-in-place/defs.d.ts.map +1 -0
- package/lib/components/edit-in-place/defs.js +45 -0
- package/lib/components/edit-in-place/defs.js.map +1 -0
- package/lib/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/lib/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/lib/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/lib/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/lib/components/edit-in-place/index.d.ts +10 -0
- package/lib/components/edit-in-place/index.d.ts.map +1 -0
- package/lib/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/lib/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/lib/components/icon-button/icon-button.d.ts +1 -1
- package/lib/components/link/link.d.ts +2 -1
- package/lib/components/link/link.d.ts.map +1 -1
- package/lib/components/menu/menu-item.d.ts.map +1 -1
- package/lib/components/menu/menu.d.ts +10 -0
- package/lib/components/menu/menu.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select-item.d.ts +1 -1
- package/lib/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.d.ts +2 -1
- package/lib/components/multi-select/multi-select.d.ts.map +1 -1
- package/lib/components/notification/actionable-notification-button.d.ts +1 -1
- package/lib/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/lib/components/notification/actionable-notification.d.ts.map +1 -1
- package/lib/components/options-tile/index.d.ts +8 -0
- package/lib/components/options-tile/index.d.ts.map +1 -0
- package/lib/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/lib/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/lib/components/options-tile/options-tile.d.ts +91 -0
- package/lib/components/options-tile/options-tile.d.ts.map +1 -0
- package/lib/components/page-header/index.d.ts +1 -0
- package/lib/components/page-header/index.d.ts.map +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/lib/components/page-header/page-header.d.ts +1 -1
- package/lib/components/page-header/page-header.d.ts.map +1 -1
- package/lib/components/search/search.d.ts.map +1 -1
- package/lib/components/slug/index.d.ts +1 -0
- package/lib/components/slug/index.d.ts.map +1 -1
- package/lib/components/tag/dismissible-tag.d.ts +1 -1
- package/lib/components/tag/dismissible-tag.d.ts.map +1 -1
- package/lib/components/tag/tag.d.ts.map +1 -1
- package/lib/components/tile/clickable-tile.d.ts +2 -1
- package/lib/components/tile/clickable-tile.d.ts.map +1 -1
- package/lib/components/user-avatar/index.d.ts +8 -0
- package/lib/components/user-avatar/index.d.ts.map +1 -0
- package/lib/components/user-avatar/user-avatar.d.ts +84 -0
- package/lib/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/lib/globals/controllers/floating-controller.d.ts.map +1 -1
- package/lib/globals/controllers/floating-controller.js.map +1 -1
- package/lib/globals/decorators/carbon-element.d.ts +8 -0
- package/lib/globals/decorators/carbon-element.d.ts.map +1 -1
- package/lib/globals/internal/collection-helpers.d.ts +5 -5
- package/lib/globals/internal/collection-helpers.d.ts.map +1 -1
- package/lib/globals/internal/getSupportedLocale.d.ts +12 -0
- package/lib/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/lib/globals/mixins/on.d.ts +2 -2
- package/lib/globals/mixins/on.d.ts.map +1 -1
- package/lib/globals/register.d.ts +89 -0
- package/lib/globals/register.d.ts.map +1 -0
- package/lib/globals/register.js +61 -0
- package/lib/globals/register.js.map +1 -0
- package/lib/globals/settings.d.ts +1 -1
- package/lib/globals/settings.d.ts.map +1 -1
- package/lib/globals/settings.js +1 -0
- package/lib/globals/settings.js.map +1 -1
- package/lib/index.d.ts +10 -0
- package/lib/index.d.ts.map +1 -1
- package/package.json +16 -10
- package/scss/components/ai-label/ai-label.scss +24 -33
- package/scss/components/big-number/big-number-skeleton.scss +58 -0
- package/scss/components/big-number/big-number.scss +29 -0
- package/scss/components/big-number/story-styles.scss +48 -0
- package/scss/components/card/card-story.scss +29 -0
- package/scss/components/card/card.scss +212 -0
- package/scss/components/coachmark/coachmark-beacon/coachmark-beacon.scss +89 -0
- package/scss/components/coachmark/coachmark-body.scss +16 -0
- package/scss/components/coachmark/coachmark-header.scss +28 -0
- package/scss/components/coachmark/coachmark-tagline/coachmark-tagline.scss +42 -0
- package/scss/components/coachmark/coachmark.scss +42 -0
- package/scss/components/coachmark/story-styles.scss +37 -0
- package/scss/components/combo-box/combo-box.scss +63 -6
- package/scss/components/data-table/_table-action.scss +5 -3
- package/scss/components/date-picker/date-picker.scss +70 -2
- package/scss/components/date-picker/next/components/date-picker.scss +28 -2
- package/scss/components/dropdown/dropdown.scss +39 -4
- package/scss/components/edit-in-place/edit-in-place.scss +127 -0
- package/scss/components/edit-in-place/story-styles.scss +61 -0
- package/scss/components/fluid-combo-box/fluid-combo-box.scss +68 -5
- package/scss/components/fluid-date-picker/fluid-date-picker.scss +109 -12
- package/scss/components/fluid-dropdown/fluid-dropdown.scss +56 -6
- package/scss/components/fluid-multi-select/fluid-multi-select.scss +75 -2
- package/scss/components/fluid-number-input/fluid-number-input.scss +32 -1
- package/scss/components/fluid-search/fluid-search.scss +6 -3
- package/scss/components/menu/menu-item.scss +9 -1
- package/scss/components/menu/menu.scss +32 -1
- package/scss/components/multi-select/multi-select.scss +130 -28
- package/scss/components/number-input/number-input.scss +35 -1
- package/scss/components/options-tile/options-tile.scss +157 -0
- package/scss/components/options-tile/story-styles.scss +32 -0
- package/scss/components/search/search.scss +7 -0
- package/scss/components/select/select.scss +7 -3
- package/scss/components/slider/slider.scss +9 -2
- package/scss/components/tabs/tabs.scss +9 -2
- package/scss/components/tag/tag-story.scss +19 -0
- package/scss/components/tag/tag.scss +15 -11
- package/scss/components/text-input/text-input.scss +22 -0
- package/scss/components/user-avatar/story-styles.scss +53 -0
- package/scss/components/user-avatar/user-avatar.scss +113 -0
- package/telemetry.yml +67 -0
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import "../../globals/settings.js";
|
|
9
|
+
import { carbonElement } from "../../globals/decorators/carbon-element.js";
|
|
10
|
+
import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
11
|
+
import iconLoader from "../../globals/internal/icon-loader.js";
|
|
12
|
+
import link_default from "../link/link.js";
|
|
13
|
+
import { cardContext, cardDefaultContext } from "./card-context.js";
|
|
14
|
+
import { CARD_DENSITY, CARD_MEDIA_POSITION } from "./defs.js";
|
|
15
|
+
import card_default$1 from "./card.scss.js";
|
|
16
|
+
import { html, nothing } from "lit";
|
|
17
|
+
import { property, state } from "lit/decorators.js";
|
|
18
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
19
|
+
import { provide } from "@lit/context";
|
|
20
|
+
import ArrowRight16 from "@carbon/icons/es/arrow--right/16.js";
|
|
21
|
+
//#region src/components/card/card.ts
|
|
22
|
+
/**
|
|
23
|
+
* Copyright IBM Corp. 2026
|
|
24
|
+
*
|
|
25
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
26
|
+
* LICENSE file in the root directory of this source tree.
|
|
27
|
+
*/
|
|
28
|
+
/**
|
|
29
|
+
* Card — composable container component.
|
|
30
|
+
*
|
|
31
|
+
* @element cds-custom-card
|
|
32
|
+
* @slot - Default slot for cds-custom-card-header, cds-custom-card-body, cds-custom-card-footer, cds-custom-card-media.
|
|
33
|
+
* @slot decorator - Slot for cds-custom-ai-label. Sets `has-ai-label` attribute when populated.
|
|
34
|
+
* @slot footer-icon - Override the default ArrowRight icon in the clickable footer.
|
|
35
|
+
*/
|
|
36
|
+
let CDSCard = class CDSCard extends link_default {
|
|
37
|
+
constructor(..._args) {
|
|
38
|
+
super(..._args);
|
|
39
|
+
this.cardContext = cardDefaultContext;
|
|
40
|
+
this._hasAILabel = false;
|
|
41
|
+
this.clickable = false;
|
|
42
|
+
this.disabled = false;
|
|
43
|
+
this.density = "productive";
|
|
44
|
+
this.horizontal = false;
|
|
45
|
+
this.mediaPosition = "start";
|
|
46
|
+
}
|
|
47
|
+
connectedCallback() {
|
|
48
|
+
super.connectedCallback();
|
|
49
|
+
if (this.clickable && !this.href && !this.getAttribute("aria-label") && !this.getAttribute("aria-labelledby")) console.error("[cds-custom-card] A clickable card must have an accessible name. Set `aria-label` or `aria-labelledby` on the element.");
|
|
50
|
+
}
|
|
51
|
+
willUpdate(changed) {
|
|
52
|
+
super.willUpdate?.(changed);
|
|
53
|
+
if (changed.has("clickable") || changed.has("disabled") || changed.has("horizontal")) this.cardContext = {
|
|
54
|
+
clickable: this.clickable,
|
|
55
|
+
disabled: this.disabled,
|
|
56
|
+
horizontal: this.horizontal
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
_handleDecoratorSlotChange({ target }) {
|
|
60
|
+
const hasAILabel = target.assignedElements().some((el) => el.matches(`cds-custom-ai-label`));
|
|
61
|
+
this._hasAILabel = hasAILabel;
|
|
62
|
+
if (hasAILabel) this.setAttribute("has-ai-label", "");
|
|
63
|
+
else this.removeAttribute("has-ai-label");
|
|
64
|
+
}
|
|
65
|
+
_handleDefaultSlotChange({ target }) {
|
|
66
|
+
if (target.assignedElements({ flatten: true }).some((el) => el.matches(`cds-custom-card-actions`))) this.setAttribute("has-actions", "");
|
|
67
|
+
else this.removeAttribute("has-actions");
|
|
68
|
+
}
|
|
69
|
+
_handleClick(e) {
|
|
70
|
+
if (this.disabled) {
|
|
71
|
+
e.stopPropagation();
|
|
72
|
+
e.preventDefault();
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
_handleKeydown(e) {
|
|
76
|
+
if (this.disabled) return;
|
|
77
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
78
|
+
e.preventDefault();
|
|
79
|
+
e.currentTarget.click();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
/** The BEM class map for the root card div/anchor. */
|
|
83
|
+
get _cardClasses() {
|
|
84
|
+
const { clickable, disabled, density, _hasAILabel, horizontal } = this;
|
|
85
|
+
return classMap({
|
|
86
|
+
[`cds-custom--card`]: true,
|
|
87
|
+
[`cds-custom--card--clickable`]: clickable && !disabled,
|
|
88
|
+
[`cds-custom--card--disabled`]: disabled,
|
|
89
|
+
[`cds-custom--card--${density}`]: true,
|
|
90
|
+
[`cds-custom--card--has-ai-label`]: _hasAILabel,
|
|
91
|
+
[`cds-custom--card--horizontal`]: horizontal
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* The card's inner content layout.
|
|
96
|
+
*/
|
|
97
|
+
_renderContent() {
|
|
98
|
+
const { horizontal, mediaPosition } = this;
|
|
99
|
+
if (!horizontal) return html`<slot @slotchange=${this._handleDefaultSlotChange}></slot>`;
|
|
100
|
+
const mediaSlot = html`<slot name="media"></slot>`;
|
|
101
|
+
const contentDiv = html`
|
|
102
|
+
<div class="${"cds-custom"}--card__content">
|
|
103
|
+
<slot @slotchange=${this._handleDefaultSlotChange}></slot>
|
|
104
|
+
</div>
|
|
105
|
+
`;
|
|
106
|
+
return mediaPosition === "end" ? html`${contentDiv}${mediaSlot}` : html`${mediaSlot}${contentDiv}`;
|
|
107
|
+
}
|
|
108
|
+
/** Clickable-footer affordance (aria-hidden, purely decorative). */
|
|
109
|
+
_renderClickableFooter() {
|
|
110
|
+
return html`
|
|
111
|
+
<div class="${"cds-custom"}--card__clickable-footer" aria-hidden="true">
|
|
112
|
+
<slot name="footer-icon">
|
|
113
|
+
${iconLoader(ArrowRight16, { "aria-hidden": "true" })}
|
|
114
|
+
</slot>
|
|
115
|
+
</div>
|
|
116
|
+
`;
|
|
117
|
+
}
|
|
118
|
+
_renderInner() {
|
|
119
|
+
const { clickable } = this;
|
|
120
|
+
return html`
|
|
121
|
+
<div class=${this._cardClasses}>
|
|
122
|
+
${this._renderContent()}
|
|
123
|
+
${clickable ? this._renderClickableFooter() : nothing}
|
|
124
|
+
<slot
|
|
125
|
+
name="decorator"
|
|
126
|
+
@slotchange=${this._handleDecoratorSlotChange}></slot>
|
|
127
|
+
</div>
|
|
128
|
+
`;
|
|
129
|
+
}
|
|
130
|
+
render() {
|
|
131
|
+
return this._renderLink();
|
|
132
|
+
}
|
|
133
|
+
_renderLink() {
|
|
134
|
+
const { href, clickable, disabled } = this;
|
|
135
|
+
if (href) return disabled ? this._renderDisabledLink() : super._renderLink();
|
|
136
|
+
if (clickable) return html`
|
|
137
|
+
<div
|
|
138
|
+
role="button"
|
|
139
|
+
tabindex=${disabled ? -1 : 0}
|
|
140
|
+
aria-disabled=${disabled}
|
|
141
|
+
@click=${this._handleClick}
|
|
142
|
+
@keydown=${this._handleKeydown}>
|
|
143
|
+
${this._renderInner()}
|
|
144
|
+
</div>
|
|
145
|
+
`;
|
|
146
|
+
return html`<div>${this._renderInner()}</div>`;
|
|
147
|
+
}
|
|
148
|
+
/**
|
|
149
|
+
* Selector matching the AI Label element.
|
|
150
|
+
*/
|
|
151
|
+
static get aiLabelItem() {
|
|
152
|
+
return `cds-custom-ai-label`;
|
|
153
|
+
}
|
|
154
|
+
static {
|
|
155
|
+
this.styles = card_default$1;
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
__decorate([provide({ context: cardContext }), property({ attribute: false })], CDSCard.prototype, "cardContext", void 0);
|
|
159
|
+
__decorate([state()], CDSCard.prototype, "_hasAILabel", void 0);
|
|
160
|
+
__decorate([property({
|
|
161
|
+
type: Boolean,
|
|
162
|
+
reflect: true
|
|
163
|
+
})], CDSCard.prototype, "clickable", void 0);
|
|
164
|
+
__decorate([property({
|
|
165
|
+
type: Boolean,
|
|
166
|
+
reflect: true
|
|
167
|
+
})], CDSCard.prototype, "disabled", void 0);
|
|
168
|
+
__decorate([property({
|
|
169
|
+
type: String,
|
|
170
|
+
reflect: true
|
|
171
|
+
})], CDSCard.prototype, "density", void 0);
|
|
172
|
+
__decorate([property({
|
|
173
|
+
type: Boolean,
|
|
174
|
+
reflect: true
|
|
175
|
+
})], CDSCard.prototype, "horizontal", void 0);
|
|
176
|
+
__decorate([property({
|
|
177
|
+
attribute: "media-position",
|
|
178
|
+
reflect: true
|
|
179
|
+
})], CDSCard.prototype, "mediaPosition", void 0);
|
|
180
|
+
CDSCard = __decorate([carbonElement(`cds-custom-card`)], CDSCard);
|
|
181
|
+
var card_default = CDSCard;
|
|
182
|
+
//#endregion
|
|
183
|
+
export { CARD_DENSITY, CARD_MEDIA_POSITION, card_default as default };
|
|
184
|
+
|
|
185
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","names":["CDSLink","slot","styles","customElement"],"sources":["../../../src/components/card/card.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing, PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { provide } from '@lit/context';\nimport { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport ArrowRight16 from '@carbon/icons/es/arrow--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport {\n cardContext,\n cardDefaultContext,\n type CardContextValue,\n} from './card-context';\nimport { CARD_DENSITY, CARD_MEDIA_POSITION } from './defs';\nimport styles from './card.scss?lit';\n\nexport { CARD_DENSITY, CARD_MEDIA_POSITION };\n\n/**\n * Card — composable container component.\n *\n * @element cds-custom-card\n * @slot - Default slot for cds-custom-card-header, cds-custom-card-body, cds-custom-card-footer, cds-custom-card-media.\n * @slot decorator - Slot for cds-custom-ai-label. Sets `has-ai-label` attribute when populated.\n * @slot footer-icon - Override the default ArrowRight icon in the clickable footer.\n */\n@customElement(`${prefix}-card`)\nclass CDSCard extends CDSLink {\n // ─── Context ──────────────────────────────────────────────────────────────\n\n @provide({ context: cardContext })\n @property({ attribute: false })\n cardContext: CardContextValue = cardDefaultContext;\n\n // ─── Internal state ───────────────────────────────────────────────────────\n\n /** Set to true when a cds-custom-ai-label is found in the decorator slot. */\n @state()\n private _hasAILabel = false;\n\n // ─── Properties / Attributes ──────────────────────────────────────────────\n\n /**\n * Makes the entire card surface interactive.\n */\n @property({ type: Boolean, reflect: true })\n clickable = false;\n\n /**\n * Mutes all interaction.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Controls heading typography inside the card.\n */\n @property({ type: String, reflect: true })\n density: CARD_DENSITY = CARD_DENSITY.PRODUCTIVE;\n\n /**\n * Side-by-side layout: cds-custom-card-media on one side, other content stacked.\n */\n @property({ type: Boolean, reflect: true })\n horizontal = false;\n\n /**\n * Position of the media column when `horizontal` is true.\n * @default 'start'\n */\n @property({ attribute: 'media-position', reflect: true })\n mediaPosition: CARD_MEDIA_POSITION = CARD_MEDIA_POSITION.START;\n\n // ─── Lifecycle ────────────────────────────────────────────────────────────\n\n connectedCallback() {\n super.connectedCallback();\n\n // Accessible name requirement for clickable (non-link) cards.\n if (\n this.clickable &&\n !this.href &&\n !this.getAttribute('aria-label') &&\n !this.getAttribute('aria-labelledby')\n ) {\n // eslint-disable-next-line no-console\n console.error(\n `[cds-custom-card] A clickable card must have an accessible name. ` +\n `Set \\`aria-label\\` or \\`aria-labelledby\\` on the element.`\n );\n }\n }\n\n willUpdate(changed: PropertyValues) {\n super.willUpdate?.(changed);\n\n if (\n changed.has('clickable') ||\n changed.has('disabled') ||\n changed.has('horizontal')\n ) {\n this.cardContext = {\n clickable: this.clickable,\n disabled: this.disabled,\n horizontal: this.horizontal,\n };\n }\n }\n\n // ─── Slot handlers ────────────────────────────────────────────────────────\n\n private _handleDecoratorSlotChange({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const hasAILabel = slot\n .assignedElements()\n .some((el) => el.matches(`${prefix}-ai-label`));\n\n this._hasAILabel = hasAILabel;\n\n if (hasAILabel) {\n this.setAttribute('has-ai-label', '');\n } else {\n this.removeAttribute('has-ai-label');\n }\n }\n\n private _handleDefaultSlotChange({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const hasActions = slot\n .assignedElements({ flatten: true })\n .some((el) => el.matches(`${prefix}-card-actions`));\n\n if (hasActions) {\n this.setAttribute('has-actions', '');\n } else {\n this.removeAttribute('has-actions');\n }\n }\n\n // ─── Event handlers (non-link clickable mode) ─────────────────────────────\n\n private _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.stopPropagation();\n e.preventDefault();\n }\n }\n\n private _handleKeydown(e: KeyboardEvent) {\n if (this.disabled) return;\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault(); // prevent Space from scrolling\n (e.currentTarget as HTMLElement).click();\n }\n }\n\n // ─── Render helpers ───────────────────────────────────────────────────────\n\n /** The BEM class map for the root card div/anchor. */\n private get _cardClasses() {\n const { clickable, disabled, density, _hasAILabel, horizontal } = this;\n return classMap({\n [`${prefix}--card`]: true,\n [`${prefix}--card--clickable`]: clickable && !disabled,\n [`${prefix}--card--disabled`]: disabled,\n [`${prefix}--card--${density}`]: true,\n [`${prefix}--card--has-ai-label`]: _hasAILabel,\n [`${prefix}--card--horizontal`]: horizontal,\n });\n }\n\n /**\n * The card's inner content layout.\n */\n private _renderContent() {\n const { horizontal, mediaPosition } = this;\n\n if (!horizontal) {\n return html`<slot @slotchange=${this._handleDefaultSlotChange}></slot>`;\n }\n\n const mediaSlot = html`<slot name=\"media\"></slot>`;\n const contentDiv = html`\n <div class=\"${prefix}--card__content\">\n <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n </div>\n `;\n\n return mediaPosition === CARD_MEDIA_POSITION.END\n ? html`${contentDiv}${mediaSlot}`\n : html`${mediaSlot}${contentDiv}`;\n }\n\n /** Clickable-footer affordance (aria-hidden, purely decorative). */\n private _renderClickableFooter() {\n return html`\n <div class=\"${prefix}--card__clickable-footer\" aria-hidden=\"true\">\n <slot name=\"footer-icon\">\n ${iconLoader(ArrowRight16, { 'aria-hidden': 'true' })}\n </slot>\n </div>\n `;\n }\n\n // ─── CDSLink overrides ────────────────────────────────────────────────────\n protected _renderInner() {\n const { clickable } = this;\n return html`\n <div class=${this._cardClasses}>\n ${this._renderContent()}\n ${clickable ? this._renderClickableFooter() : nothing}\n <slot\n name=\"decorator\"\n @slotchange=${this._handleDecoratorSlotChange}></slot>\n </div>\n `;\n }\n\n render() {\n return this._renderLink();\n }\n\n protected _renderLink() {\n const { href, clickable, disabled } = this;\n\n // Link card — delegate to CDSLink's implementation, but render a <p>\n // (via _renderDisabledLink) when disabled to suppress navigation.\n if (href) {\n return disabled ? this._renderDisabledLink() : super._renderLink();\n }\n\n // Non-link clickable card — div with button semantics.\n if (clickable) {\n return html`\n <div\n role=\"button\"\n tabindex=${disabled ? -1 : 0}\n aria-disabled=${disabled}\n @click=${this._handleClick}\n @keydown=${this._handleKeydown}>\n ${this._renderInner()}\n </div>\n `;\n }\n\n // Static card — plain div, no interaction semantics.\n return html`<div>${this._renderInner()}</div>`;\n }\n\n // ─── Static ───────────────────────────────────────────────────────────────\n\n /**\n * Selector matching the AI Label element.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n static styles = styles;\n}\n\nexport default CDSCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAA,UAAA,MACM,gBAAgBA,aAAQ;;;qBAKI;qBAMV;mBAQV;kBAMD;;oBAYE;;;CAWb,oBAAoB;EAClB,MAAM,kBAAkB;EAGxB,IACE,KAAK,aACL,CAAC,KAAK,QACN,CAAC,KAAK,aAAa,YAAY,KAC/B,CAAC,KAAK,aAAa,iBAAiB,GAGpC,QAAQ,MACN,iHAEF;CAEJ;CAEA,WAAW,SAAyB;EAClC,MAAM,aAAa,OAAO;EAE1B,IACE,QAAQ,IAAI,WAAW,KACvB,QAAQ,IAAI,UAAU,KACtB,QAAQ,IAAI,YAAY,GAExB,KAAK,cAAc;GACjB,WAAW,KAAK;GAChB,UAAU,KAAK;GACf,YAAY,KAAK;EACnB;CAEJ;CAIA,2BAAmC,EAAE,UAAiB;EAEpD,MAAM,aAAaC,OAChB,iBAAiB,CAAC,CAClB,MAAM,OAAO,GAAG,QAAQ,cAAoB,CAAC;EAEhD,KAAK,cAAc;EAEnB,IAAI,YACF,KAAK,aAAa,gBAAgB,EAAE;OAEpC,KAAK,gBAAgB,cAAc;CAEvC;CAEA,yBAAiC,EAAE,UAAiB;EAMlD,IAJmBA,OAChB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,MAAM,OAAO,GAAG,QAAQ,kBAAwB,CAEtC,GACX,KAAK,aAAa,eAAe,EAAE;OAEnC,KAAK,gBAAgB,aAAa;CAEtC;CAIA,aAAqB,GAAe;EAClC,IAAI,KAAK,UAAU;GACjB,EAAE,gBAAgB;GAClB,EAAE,eAAe;EACnB;CACF;CAEA,eAAuB,GAAkB;EACvC,IAAI,KAAK,UAAU;EACnB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,EAAG,cAA8B,MAAM;EACzC;CACF;;CAKA,IAAY,eAAe;EACzB,MAAM,EAAE,WAAW,UAAU,SAAS,aAAa,eAAe;EAClE,OAAO,SAAS;IACb,cAAoB;IACpB,yBAA+B,aAAa,CAAC;IAC7C,wBAA8B;IAC9B,cAAoB,YAAY;IAChC,4BAAkC;IAClC,0BAAgC;EACnC,CAAC;CACH;;;;CAKA,iBAAyB;EACvB,MAAM,EAAE,YAAY,kBAAkB;EAEtC,IAAI,CAAC,YACH,OAAO,IAAI,qBAAqB,KAAK,yBAAyB;EAGhE,MAAM,YAAY,IAAI;EACtB,MAAM,aAAa,IAAI;0BACA;4BACC,KAAK,yBAAyB;;;EAItD,OAAO,kBAAA,QACH,IAAI,GAAG,aAAa,cACpB,IAAI,GAAG,YAAY;CACzB;;CAGA,yBAAiC;EAC/B,OAAO,IAAI;0BACY;;YAEf,WAAW,cAAc,EAAE,eAAe,OAAO,CAAC,EAAE;;;;CAI9D;CAGA,eAAyB;EACvB,MAAM,EAAE,cAAc;EACtB,OAAO,IAAI;mBACI,KAAK,aAAa;UAC3B,KAAK,eAAe,EAAE;UACtB,YAAY,KAAK,uBAAuB,IAAI,QAAQ;;;wBAGtC,KAAK,2BAA2B;;;CAGtD;CAEA,SAAS;EACP,OAAO,KAAK,YAAY;CAC1B;CAEA,cAAwB;EACtB,MAAM,EAAE,MAAM,WAAW,aAAa;EAItC,IAAI,MACF,OAAO,WAAW,KAAK,oBAAoB,IAAI,MAAM,YAAY;EAInE,IAAI,WACF,OAAO,IAAI;;;qBAGI,WAAW,KAAK,EAAE;0BACb,SAAS;mBAChB,KAAK,aAAa;qBAChB,KAAK,eAAe;YAC7B,KAAK,aAAa,EAAE;;;EAM5B,OAAO,IAAI,QAAQ,KAAK,aAAa,EAAE;CACzC;;;;CAOA,WAAW,cAAc;EACvB,OAAO;CACT;;gBAEgBC;;AAClB;YArOG,QAAQ,EAAE,SAAS,YAAY,CAAC,GAChC,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,QAAA,WAAA,eAAA,KAAA,CAAA;YAM7B,MAAM,CAAA,GAAA,QAAA,WAAA,eAAA,KAAA,CAAA;YAQN,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,QAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,QAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,QAAA,WAAA,WAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,QAAA,WAAA,cAAA,KAAA,CAAA;YAOzC,SAAS;CAAE,WAAW;CAAkB,SAAS;AAAK,CAAC,CAAA,GAAA,QAAA,WAAA,iBAAA,KAAA,CAAA;sBA5CzDC,cAAc,UAAgB,CAAA,GAAA,OAAA;AA2O/B,IAAA,eAAe"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { css } from "lit";
|
|
9
|
+
//#region src/components/card/card.scss?lit
|
|
10
|
+
var card_default = css([".cds-custom--card{position:relative;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds-custom--card--clickable{display:block;border:1px solid var(--cds-border-tile-01,#c6c6c6);cursor:pointer;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--card--clickable:hover{background-color:var(--cds-layer-hover)}.cds-custom--card--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--card--clickable:focus{outline-style:dotted}}.cds-custom--card--clickable:focus{outline-offset:0}.cds-custom--card--clickable:active{background-color:var(--cds-layer-active)}.cds-custom--card__clickable-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;color:var(--cds-icon-interactive,#0f62fe)}.cds-custom--card--disabled .cds-custom--card__clickable-footer{color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--card--disabled{border-color:var(--cds-border-disabled,#c6c6c6);background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;pointer-events:none}.cds-custom--card__header{position:relative;display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:auto 1fr;row-gap:0}.cds-custom--card__body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);padding-block:1rem;padding-inline:1rem}.cds-custom--card__body--flush{padding:0}.cds-custom--card__footer{display:flex;align-items:center;padding:1rem}.cds-custom--card__footer:has(>.cds-custom--card__action){overflow:hidden;padding:0;border-block-start:1px solid var(--cds-border-subtle);gap:1px}.cds-custom--card__footer>.cds-custom--card__action:not(:has(.cds-custom--btn--icon-only)){flex:1 0 0;min-inline-size:0}.cds-custom--card__footer>.cds-custom--card__action:not(:has(.cds-custom--btn--icon-only))>*>.cds-custom--btn,.cds-custom--card__footer>.cds-custom--card__action:not(:has(.cds-custom--btn--icon-only))>.cds-custom--btn{inline-size:100%;max-inline-size:none}.cds-custom--card__footer>.cds-custom--card__action:has(.cds-custom--btn--icon-only){flex:0 0 auto;margin-inline-start:auto}.cds-custom--card__footer>.cds-custom--card__action:has(.cds-custom--btn--icon-only)+.cds-custom--card__action:has(.cds-custom--btn--icon-only){margin-inline-start:0}.cds-custom--card__action{display:inline-flex}.cds-custom--card__header-media{display:flex;align-items:flex-start;justify-content:flex-start;grid-column:1/-1;margin-block:1rem;margin-inline:1rem;max-block-size:4rem}.cds-custom--card__media{grid-column:1/-1;inline-size:100%}.cds-custom--card__media:after,.cds-custom--card__media:before{display:none}.cds-custom--card__media.cds-custom--aspect-ratio--16x9{aspect-ratio:16/9}.cds-custom--card__media.cds-custom--aspect-ratio--9x16{aspect-ratio:9/16}.cds-custom--card__media.cds-custom--aspect-ratio--2x1{aspect-ratio:2/1}.cds-custom--card__media.cds-custom--aspect-ratio--1x2{aspect-ratio:1/2}.cds-custom--card__media.cds-custom--aspect-ratio--4x3{aspect-ratio:4/3}.cds-custom--card__media.cds-custom--aspect-ratio--3x4{aspect-ratio:3/4}.cds-custom--card__media.cds-custom--aspect-ratio--3x2{aspect-ratio:3/2}.cds-custom--card__media.cds-custom--aspect-ratio--2x3{aspect-ratio:2/3}.cds-custom--card__media.cds-custom--aspect-ratio--1x1{aspect-ratio:1/1}.cds-custom--card__media>*{position:static;block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.cds-custom--card--horizontal{display:flex;flex-direction:row;align-items:stretch}.cds-custom--card__media--horizontal{overflow:hidden;flex-basis:var(--cds--card--media-width,33.33%);flex-shrink:0;align-self:stretch}.cds-custom--card--horizontal>.cds-custom--card__content{display:flex;flex:1 1 0;flex-direction:column;min-inline-size:0}.cds-custom--card--horizontal>.cds-custom--card__content>.cds-custom--card__body{flex:1 0 auto}.cds-custom--card--horizontal>.cds-custom--card__content>.cds-custom--card__footer{margin-block-start:auto}.cds-custom--card__title .cds-custom--card__label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary,#525252)}.cds-custom--card--disabled .cds-custom--card__label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--card__label--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--card__label--truncate-multi{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cds--card--label-line-clamp);text-overflow:ellipsis}.cds-custom--card__title{display:flex;overflow:hidden;flex-direction:column;gap:.125rem;margin-inline:1rem;min-inline-size:0}.cds-custom--card__header>.cds-custom--card__title{margin-block:1rem}.cds-custom--card--expressive .cds-custom--card__title-text-row{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0)}.cds-custom--card--productive .cds-custom--card__title-text-row{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);line-height:var(--cds-heading-compact-02-line-height,1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0)}.cds-custom--card__title-text-row{display:block}.cds-custom--card__title-text-row--truncate{white-space:nowrap}.cds-custom--card__title-text-row--truncate,.cds-custom--card__title-text-row--truncate-multi{overflow:hidden;max-inline-size:var(--cds--card--title-max-width,100%);text-overflow:ellipsis}.cds-custom--card__title-text-row--truncate-multi{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cds--card--title-line-clamp)}.cds-custom--card__title-text-row--with-start-icon{display:flex;align-items:flex-start;gap:.5rem}.cds-custom--card__title-text-row--with-end-icon{display:block}.cds-custom--card__title-start-icon{display:flex;flex-shrink:0;margin-block-start:.125rem}.cds-custom--card__title-end-icon{display:inline-flex;align-items:center;margin-inline-start:.5rem;vertical-align:middle}.cds-custom--card__title .cds-custom--card__description{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary,#525252)}.cds-custom--card--disabled .cds-custom--card__description{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--card__description--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--card__description--truncate-multi{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cds--card--description-line-clamp);text-overflow:ellipsis}.cds-custom--card__title-media{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;grid-column:1;margin-block-start:1rem;margin-inline-start:1rem;max-block-size:4rem}.cds-custom--card__header:has(>.cds-custom--card__title-media)>.cds-custom--card__title{grid-column:2;margin-inline-start:0}.cds-custom--card__actions{position:absolute;display:inline-flex;align-items:center;justify-content:flex-end;block-size:2rem;gap:.25rem;inline-size:50%;inset-block-start:.5rem;inset-inline-end:.5rem;max-inline-size:50%}.cds-custom--card--has-ai-label{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--card__decorator{position:absolute;z-index:1;display:flex;align-items:center;block-size:2rem;inset-block-start:.5rem;inset-inline-end:.5rem}.cds-custom--card--has-ai-label .cds-custom--card__title{padding-inline-end:3rem}.cds-custom--card--has-ai-label:has(.cds-custom--card__actions) .cds-custom--card__title{padding-inline-end:10rem}.cds-custom--card--has-ai-label .cds-custom--card__label{padding-inline-end:3rem}.cds-custom--card--has-ai-label:has(.cds-custom--card__actions) .cds-custom--card__label{padding-inline-end:10rem}.cds-custom--card--has-ai-label .cds-custom--card__description{padding-inline-end:3rem}.cds-custom--card--has-ai-label:has(.cds-custom--card__actions) .cds-custom--card__description{padding-inline-end:10rem}.cds-custom--card--has-ai-label .cds-custom--card__actions{inset-inline-end:2.5rem}.cds-custom--card--clickable.cds-custom--card--has-ai-label:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;position:absolute;display:block;block-size:100%;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1));content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--card--clickable.cds-custom--card--has-ai-label:hover:before{opacity:1}:host-context(cds-custom-card-header) .cds-custom--card__title{margin-block:1rem}:host(cds-custom-card-title) .cds-custom--card__title-text-row{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);line-height:var(--cds-heading-compact-02-line-height,1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0)}:host-context(cds-custom-card[density=productive]) .cds-custom--card__title-text-row{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);line-height:var(--cds-heading-compact-02-line-height,1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0)}:host-context(cds-custom-card[density=expressive]) .cds-custom--card__title-text-row{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0)}:host-context(cds-custom-card[disabled]) .cds-custom--card__label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host-context(cds-custom-card[disabled]) .cds-custom--card__description{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host-context(cds-custom-card[horizontal]) .cds-custom--card__body{flex:1 0 auto}:host-context(cds-custom-card[horizontal]) .cds-custom--card__footer{margin-block-start:auto}:host-context(cds-custom-card[has-ai-label]) .cds-custom--card__title{padding-inline-end:3rem}:host-context(cds-custom-card[has-ai-label]) .cds-custom--card__label{padding-inline-end:3rem}:host-context(cds-custom-card[has-ai-label]) .cds-custom--card__description{padding-inline-end:3rem}:host-context(cds-custom-card[has-ai-label][has-actions]) .cds-custom--card__title{padding-inline-end:10rem}:host-context(cds-custom-card[has-ai-label][has-actions]) .cds-custom--card__label{padding-inline-end:10rem}:host-context(cds-custom-card[has-ai-label][has-actions]) .cds-custom--card__description{padding-inline-end:10rem}:host-context(cds-custom-card-header[has-title-media]) .cds-custom--card__title{grid-column:2;margin-inline-start:0}:host(cds-custom-card-footer[has-actions]) .cds-custom--card__footer{overflow:hidden;justify-content:flex-end;padding:0;border-block-start:1px solid var(--cds-border-subtle);gap:1px}:host(cds-custom-card-action:not([icon-only])){flex:1 0 0;min-inline-size:0}:host(cds-custom-card-action:not([icon-only])) .cds-custom--card__action{display:flex;inline-size:100%}:host(cds-custom-card-action:not([icon-only])) .cds-custom--card__action>::slotted(*){inline-size:100%;max-inline-size:none}:host(cds-custom-card-action[icon-only]){flex:0 0 auto}:host(cds-custom-card){display:block}:host(cds-custom-card) a[part=link]{color:inherit;text-decoration:none}:host(cds-custom-card) a[part=link]:active,:host(cds-custom-card) a[part=link]:focus,:host(cds-custom-card) a[part=link]:hover{color:inherit;text-decoration:none}:host(cds-custom-card-header){display:block}:host(cds-custom-card-body){display:block}:host(cds-custom-card-footer){display:block}:host(cds-custom-card-media){display:block}:host(cds-custom-card-header-media){display:flex;align-items:flex-start;justify-content:flex-start;grid-column:1/-1;margin-block:1rem;margin-inline:1rem;max-block-size:4rem}:host(cds-custom-card-header-media) .cds-custom--card__header-media{display:contents}:host(cds-custom-card-title){display:block;min-inline-size:0}:host(cds-custom-card-title-media){display:block}:host(cds-custom-card-header) .cds-custom--card__header ::slotted(cds-custom-card-actions){position:absolute;display:inline-flex;align-items:center;justify-content:flex-end;block-size:2rem;gap:.25rem;inline-size:50%;inset-block-start:.5rem;inset-inline-end:.5rem;max-inline-size:50%}:host(cds-custom-card-actions){position:relative}:host(cds-custom-card-actions) .cds-custom--card__actions-overflow-menu{position:absolute;inset-block-start:0;inset-inline-end:0}:host(cds-custom-card-action){display:block}:host(cds-custom-card-action[data-hidden]){display:none}"]);
|
|
11
|
+
//#endregion
|
|
12
|
+
export { card_default as default };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=card.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.scss.js","names":[],"sources":["../../../src/components/card/card.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n// `@use` runs the module's `_index.scss` once, which already includes the\n// `card.card` mixin — do not `@include` it again here or every rule from\n// the shared @carbon/styles card mixin gets emitted twice.\n@use '@carbon/styles/scss/components/card' as card;\n\n:host-context(#{$prefix}-card-header) .#{$prefix}--card__title {\n margin-block: $spacing-05;\n}\n\n:host(#{$prefix}-card-title) .#{$prefix}--card__title-text-row {\n // Base / fallback — productive is the default density.\n @include type-style('heading-compact-02');\n}\n\n:host-context(#{$prefix}-card[density='productive'])\n .#{$prefix}--card__title-text-row {\n @include type-style('heading-compact-02');\n}\n\n:host-context(#{$prefix}-card[density='expressive'])\n .#{$prefix}--card__title-text-row {\n @include type-style('heading-03');\n}\n\n:host-context(#{$prefix}-card[disabled]) .#{$prefix}--card__label {\n color: $text-disabled;\n}\n\n:host-context(#{$prefix}-card[disabled]) .#{$prefix}--card__description {\n color: $text-disabled;\n}\n\n:host-context(#{$prefix}-card[horizontal]) .#{$prefix}--card__body {\n flex: 1 0 auto;\n}\n\n:host-context(#{$prefix}-card[horizontal]) .#{$prefix}--card__footer {\n margin-block-start: auto;\n}\n\n:host-context(#{$prefix}-card[has-ai-label]) .#{$prefix}--card__title {\n padding-inline-end: calc($spacing-07 + $spacing-05);\n}\n\n:host-context(#{$prefix}-card[has-ai-label]) .#{$prefix}--card__label {\n padding-inline-end: calc($spacing-07 + $spacing-05);\n}\n\n:host-context(#{$prefix}-card[has-ai-label]) .#{$prefix}--card__description {\n padding-inline-end: calc($spacing-07 + $spacing-05);\n}\n\n:host-context(#{$prefix}-card[has-ai-label][has-actions])\n .#{$prefix}--card__title {\n padding-inline-end: $spacing-13;\n}\n\n:host-context(#{$prefix}-card[has-ai-label][has-actions])\n .#{$prefix}--card__label {\n padding-inline-end: $spacing-13;\n}\n\n:host-context(#{$prefix}-card[has-ai-label][has-actions])\n .#{$prefix}--card__description {\n padding-inline-end: $spacing-13;\n}\n\n:host-context(#{$prefix}-card-header[has-title-media])\n .#{$prefix}--card__title {\n grid-column: 2;\n margin-inline-start: 0;\n}\n\n:host(#{$prefix}-card-footer[has-actions]) .#{$prefix}--card__footer {\n overflow: hidden;\n justify-content: flex-end;\n padding: 0;\n border-block-start: 1px solid $border-subtle;\n gap: 1px;\n}\n\n:host(#{$prefix}-card-action:not([icon-only])) {\n flex: 1 0 0;\n min-inline-size: 0;\n\n .#{$prefix}--card__action {\n display: flex;\n inline-size: 100%;\n }\n\n .#{$prefix}--card__action > ::slotted(*) {\n inline-size: 100%;\n max-inline-size: none;\n }\n}\n\n// Icon-only actions: fixed width. The footer container's justify-content:flex-end\n// pushes the whole group to the trailing edge, so no per-item margin trick needed.\n// Original: .cds-custom--card__footer > .cds-custom--card__action:has(.cds-custom--btn--icon-only)\n\n:host(#{$prefix}-card-action[icon-only]) {\n flex: 0 0 auto;\n}\n\n// ─── Host-level display ───────────────────────────────────────────────────────\n\n:host(#{$prefix}-card) {\n display: block;\n}\n\n:host(#{$prefix}-card) a[part='link'] {\n color: inherit;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &:active {\n color: inherit;\n text-decoration: none;\n }\n}\n\n:host(#{$prefix}-card-header) {\n display: block;\n}\n\n:host(#{$prefix}-card-body) {\n display: block;\n}\n\n:host(#{$prefix}-card-footer) {\n display: block;\n}\n\n:host(#{$prefix}-card-media) {\n display: block;\n}\n\n:host(#{$prefix}-card-header-media) {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n grid-column: 1 / -1;\n margin-block: $spacing-05;\n margin-inline: $spacing-05;\n max-block-size: $spacing-10;\n}\n\n:host(#{$prefix}-card-header-media) .#{$prefix}--card__header-media {\n display: contents;\n}\n\n:host(#{$prefix}-card-title) {\n display: block;\n min-inline-size: 0;\n}\n\n:host(#{$prefix}-card-title-media) {\n display: block;\n}\n\n:host(#{$prefix}-card-header)\n .#{$prefix}--card__header\n ::slotted(#{$prefix}-card-actions) {\n position: absolute;\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n block-size: $spacing-07;\n gap: $spacing-02;\n inline-size: 50%;\n inset-block-start: $spacing-03;\n inset-inline-end: $spacing-03;\n max-inline-size: 50%;\n}\n\n:host(#{$prefix}-card-actions) {\n // Provide a positioning context for the shadow-DOM overflow menu.\n position: relative;\n}\n\n// The overflow menu renders in shadow DOM but visually aligns with the\n// sentinel (which is hidden when not overflowing). `position:absolute` takes\n// it out of flow; the host's `position:relative` is the containing block.\n:host(#{$prefix}-card-actions) .#{$prefix}--card__actions-overflow-menu {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n}\n\n:host(#{$prefix}-card-action) {\n display: block;\n}\n\n// The overflow handler sets data-hidden on items that don't fit.\n// This hides them from view while keeping them in the DOM for measurement.\n:host(#{$prefix}-card-action[data-hidden]) {\n display: none;\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Card density.
|
|
9
|
+
*/
|
|
10
|
+
export declare enum CARD_DENSITY {
|
|
11
|
+
/**
|
|
12
|
+
* Productive density — heading-compact-02 typography.
|
|
13
|
+
*/
|
|
14
|
+
PRODUCTIVE = "productive",
|
|
15
|
+
/**
|
|
16
|
+
* Expressive density — heading-03 typography.
|
|
17
|
+
*/
|
|
18
|
+
EXPRESSIVE = "expressive"
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Horizontal card media position.
|
|
22
|
+
*/
|
|
23
|
+
export declare enum CARD_MEDIA_POSITION {
|
|
24
|
+
/**
|
|
25
|
+
* Media on the inline-start side (default).
|
|
26
|
+
*/
|
|
27
|
+
START = "start",
|
|
28
|
+
/**
|
|
29
|
+
* Media on the inline-end side.
|
|
30
|
+
*/
|
|
31
|
+
END = "end"
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=defs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/card/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,YAAY;IACtB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,mBAAmB;IAC7B;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;CACZ"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
//#region src/components/card/defs.ts
|
|
9
|
+
/**
|
|
10
|
+
* Copyright IBM Corp. 2026
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* Card density.
|
|
17
|
+
*/
|
|
18
|
+
let CARD_DENSITY = /* @__PURE__ */ function(CARD_DENSITY) {
|
|
19
|
+
/**
|
|
20
|
+
* Productive density — heading-compact-02 typography.
|
|
21
|
+
*/
|
|
22
|
+
CARD_DENSITY["PRODUCTIVE"] = "productive";
|
|
23
|
+
/**
|
|
24
|
+
* Expressive density — heading-03 typography.
|
|
25
|
+
*/
|
|
26
|
+
CARD_DENSITY["EXPRESSIVE"] = "expressive";
|
|
27
|
+
return CARD_DENSITY;
|
|
28
|
+
}({});
|
|
29
|
+
/**
|
|
30
|
+
* Horizontal card media position.
|
|
31
|
+
*/
|
|
32
|
+
let CARD_MEDIA_POSITION = /* @__PURE__ */ function(CARD_MEDIA_POSITION) {
|
|
33
|
+
/**
|
|
34
|
+
* Media on the inline-start side (default).
|
|
35
|
+
*/
|
|
36
|
+
CARD_MEDIA_POSITION["START"] = "start";
|
|
37
|
+
/**
|
|
38
|
+
* Media on the inline-end side.
|
|
39
|
+
*/
|
|
40
|
+
CARD_MEDIA_POSITION["END"] = "end";
|
|
41
|
+
return CARD_MEDIA_POSITION;
|
|
42
|
+
}({});
|
|
43
|
+
//#endregion
|
|
44
|
+
export { CARD_DENSITY, CARD_MEDIA_POSITION };
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=defs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/card/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Card density.\n */\nexport enum CARD_DENSITY {\n /**\n * Productive density — heading-compact-02 typography.\n */\n PRODUCTIVE = 'productive',\n\n /**\n * Expressive density — heading-03 typography.\n */\n EXPRESSIVE = 'expressive',\n}\n\n/**\n * Horizontal card media position.\n */\nexport enum CARD_MEDIA_POSITION {\n /**\n * Media on the inline-start side (default).\n */\n START = 'start',\n\n /**\n * Media on the inline-end side.\n */\n END = 'end',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,eAAL,yBAAA,cAAA;;;;CAIL,aAAA,gBAAA;;;;CAKA,aAAA,gBAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,sBAAL,yBAAA,qBAAA;;;;CAIL,oBAAA,WAAA;;;;CAKA,oBAAA,SAAA;;AACF,EAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import './card';
|
|
8
|
+
import './card-header';
|
|
9
|
+
import './card-body';
|
|
10
|
+
import './card-footer';
|
|
11
|
+
import './card-media';
|
|
12
|
+
import './card-header-media';
|
|
13
|
+
import './card-title';
|
|
14
|
+
import './card-title-media';
|
|
15
|
+
import './card-actions';
|
|
16
|
+
import './card-action';
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,QAAQ,CAAC;AAChB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,eAAe,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import "./card.js";
|
|
9
|
+
import "./card-action.js";
|
|
10
|
+
import "./card-actions.js";
|
|
11
|
+
import "./card-body.js";
|
|
12
|
+
import "./card-footer.js";
|
|
13
|
+
import "./card-header.js";
|
|
14
|
+
import "./card-header-media.js";
|
|
15
|
+
import "./card-media.js";
|
|
16
|
+
import "./card-title.js";
|
|
17
|
+
import "./card-title-media.js";
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/checkbox/checkbox.scss?lit
|
|
10
|
-
var checkbox_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item,:host(cds-custom-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--checkbox-group *,.cds-custom--checkbox-group :after,.cds-custom--checkbox-group :before{box-sizing:inherit}.cds-custom--form-item.cds-custom--checkbox-wrapper,:host(cds-custom-checkbox){position:relative;margin-block-end:.375rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:first-of-type{margin-block-start:0}.cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--label+:host(cds-custom-checkbox){margin-block-start:-.125rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds-custom--checkbox{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap;inset-block-start:1.25rem;inset-inline-start:.7rem}.cds-custom--checkbox-label html{font-size:100%}.cds-custom--checkbox-label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--checkbox-label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--checkbox-label strong{font-weight:600}.cds-custom--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;cursor:pointer;min-block-size:1.25rem;padding-block-start:.0625rem;padding-inline-start:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--checkbox-label-text{padding-inline-start:.625rem}.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{box-sizing:border-box}@media print{.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--checkbox-label:before{position:absolute;border:1px solid var(--cds-icon-primary,#161616);border-radius:2px}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label:before{border:1px solid ButtonBorder}}.cds-custom--checkbox-label:before{background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds-custom--checkbox-label:after{position:absolute;background:none;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{border:1px;background-color:var(--cds-icon-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{border:1px solid ButtonBorder;background-color:SelectedItem}}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1) rotate(-45deg)}.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0deg)}.cds-custom--checkbox-label[data-contained-checkbox-state=true].cds-custom--checkbox-label__focus:before,.cds-custom--checkbox-label__focus:before,.cds-custom--checkbox:checked:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:focus+.cds-custom--checkbox-label:before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true],.cds-custom--checkbox:disabled+.cds-custom--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:disabled+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:checked:disabled+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:disabled+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group[data-invalid] .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-support-error,#da1e28)}.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox)>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:none}.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616)}.cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox__validation-msg{display:none;align-items:flex-start;inline-size:100%;margin-block-start:.25rem}.cds-custom--checkbox__invalid-icon{margin:.0625rem .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds-custom--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:flex}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--warning .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{display:block;overflow:visible;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label-text,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--checkbox-group--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:transparent}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{border-color:var(--cds-text-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{fill:SelectedItemText}}.cds-custom--checkbox-skeleton .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-label-text.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--checkbox-label-text.cds-custom--skeleton:active,.cds-custom--checkbox-label-text.cds-custom--skeleton:focus,.cds-custom--checkbox-label-text.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--checkbox-label-text.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label-text.cds-custom--skeleton{background:CanvasText}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--checkbox-label-text.cds-custom--skeleton{block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds-custom--checkbox--inline{position:relative}[dir=rtl] .cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,[dir=rtl] .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1.2) rotate3d(.5,1,0,158deg)}.cds-custom--checkbox-group--decorator legend.cds-custom--label,.cds-custom--checkbox-group--slug legend.cds-custom--label,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text{display:flex}.cds-custom--checkbox-group--decorator legend.cds-custom--label .cds-custom--checkbox-group-inner--decorator>*,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--checkbox-wrapper-inner--decorator>*,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}.cds-custom--checkbox-group--horizontal{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start}.cds-custom--checkbox-group--horizontal .cds-custom--form-item,.cds-custom--checkbox-group--horizontal :host(cds-custom-checkbox){flex:none;margin-block-end:0}.cds-custom--checkbox-group--horizontal .cds-custom--form-item:not(:last-of-type),.cds-custom--checkbox-group--horizontal :not(:last-of-type):host(cds-custom-checkbox){margin-inline-end:1rem}.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-label-text{padding-inline-start:.5rem}.cds-custom--checkbox-group--horizontal .cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal .cds-custom--label+:host(cds-custom-checkbox){margin-block-start:0}:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:to-rem(-1px);transform:scale(1.2) rotate3d(.5,1,0,158deg);transform-origin:center}:host(cds-custom-checkbox[invalid-group]) .cds-custom--checkbox-label:before{border-color:var(--cds-support-error,#da1e28)}:host(cds-custom-checkbox[data-table]){margin:0}:host(cds-custom-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:after,:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:before{border-color:transparent;background-color:transparent}:host(cds-custom-checkbox-skeleton) .cds-custom--checkbox-label{cursor:default}:host(cds-custom-checkbox-group){display:flex;inline-size:100%}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-slug),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}:host(cds-custom-checkbox[ai-label]){flex-direction:row}:host(cds-custom-checkbox[ai-label]) .cds-custom--checkbox-label-text{display:flex}:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){align-self:center}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--horizontal ::slotted(cds-custom-checkbox){flex:none;margin-inline-end:1rem}"]);
|
|
10
|
+
var checkbox_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item,:host(cds-custom-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--checkbox-group *,.cds-custom--checkbox-group :after,.cds-custom--checkbox-group :before{box-sizing:inherit}.cds-custom--form-item.cds-custom--checkbox-wrapper,:host(cds-custom-checkbox){position:relative;margin-block-end:.375rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:first-of-type{margin-block-start:0}.cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--label+:host(cds-custom-checkbox){margin-block-start:-.125rem}.cds-custom--checkbox-group-inner--decorator+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group-inner--decorator+:host(cds-custom-checkbox),.cds-custom--checkbox-group>.cds-custom--ai-label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group>.cds-custom--ai-label+:host(cds-custom-checkbox),.cds-custom--checkbox-group>.cds-custom--slug+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group>.cds-custom--slug+:host(cds-custom-checkbox){margin-block-start:-.125rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds-custom--checkbox{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap;inset-block-start:1.25rem;inset-inline-start:.7rem}.cds-custom--checkbox-label html{font-size:100%}.cds-custom--checkbox-label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--checkbox-label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--checkbox-label strong{font-weight:600}.cds-custom--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;cursor:pointer;min-block-size:1.25rem;padding-block-start:.0625rem;padding-inline-start:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--checkbox-label-text{padding-inline-start:.625rem}.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{box-sizing:border-box}@media print{.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--checkbox-label:before{position:absolute;border:1px solid var(--cds-icon-primary,#161616);border-radius:2px}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label:before{border:1px solid ButtonBorder}}.cds-custom--checkbox-label:before{background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds-custom--checkbox-label:after{position:absolute;background:none;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{border:1px;background-color:var(--cds-icon-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{border:1px solid ButtonBorder;background-color:SelectedItem}}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1) rotate(-45deg)}.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0deg)}.cds-custom--checkbox-label[data-contained-checkbox-state=true].cds-custom--checkbox-label__focus:before,.cds-custom--checkbox-label__focus:before,.cds-custom--checkbox:checked:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:focus+.cds-custom--checkbox-label:before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true],.cds-custom--checkbox:disabled+.cds-custom--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:disabled+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:checked:disabled+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:disabled+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group[data-invalid] .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-support-error,#da1e28)}.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox)>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:none}.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616)}.cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox__validation-msg{display:none;align-items:flex-start;inline-size:100%;margin-block-start:.25rem}.cds-custom--checkbox__invalid-icon{margin:.0625rem .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds-custom--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:flex}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--warning .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{display:block;overflow:visible;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label-text,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--checkbox-group--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:transparent}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{border-color:var(--cds-text-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{fill:SelectedItemText}}.cds-custom--checkbox-skeleton .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-label-text.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--checkbox-label-text.cds-custom--skeleton:active,.cds-custom--checkbox-label-text.cds-custom--skeleton:focus,.cds-custom--checkbox-label-text.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--checkbox-label-text.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label-text.cds-custom--skeleton{background:CanvasText}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--checkbox-label-text.cds-custom--skeleton{block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds-custom--checkbox--inline{position:relative}[dir=rtl] .cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,[dir=rtl] .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1.2) rotate3d(.5,1,0,158deg)}.cds-custom--checkbox-wrapper--decorator,.cds-custom--checkbox-wrapper--slug{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.cds-custom--checkbox-group--decorator legend.cds-custom--label,.cds-custom--checkbox-group--decorator>.cds-custom--checkbox-group-inner--decorator,.cds-custom--checkbox-group--slug legend.cds-custom--label,.cds-custom--checkbox-group--slug>.cds-custom--ai-label,.cds-custom--checkbox-group--slug>.cds-custom--slug{float:inline-start}.cds-custom--checkbox-group--decorator legend.cds-custom--label,.cds-custom--checkbox-group--decorator>.cds-custom--checkbox-group-inner--decorator,.cds-custom--checkbox-group--slug legend.cds-custom--label,.cds-custom--checkbox-group--slug>.cds-custom--ai-label,.cds-custom--checkbox-group--slug>.cds-custom--slug,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text{display:inline-flex}.cds-custom--checkbox-group--decorator>.cds-custom--checkbox-group-inner--decorator>*,.cds-custom--checkbox-group--slug>.cds-custom--ai-label,.cds-custom--checkbox-group--slug>.cds-custom--slug,.cds-custom--checkbox-wrapper--decorator>.cds-custom--checkbox-wrapper-inner--decorator>*,.cds-custom--checkbox-wrapper--slug>.cds-custom--ai-label,.cds-custom--checkbox-wrapper--slug>.cds-custom--slug{margin-inline-start:.5rem}.cds-custom--checkbox-wrapper--decorator>.cds-custom--checkbox-wrapper-inner--decorator .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}.cds-custom--checkbox-wrapper--decorator>.cds-custom--form__helper-text,.cds-custom--checkbox-wrapper--slug>.cds-custom--form__helper-text{inline-size:100%}.cds-custom--checkbox-group--decorator>.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--decorator>:host(cds-custom-checkbox),.cds-custom--checkbox-group--slug>.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--slug>:host(cds-custom-checkbox){clear:both}.cds-custom--checkbox-group--horizontal{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start}.cds-custom--checkbox-group--horizontal .cds-custom--form-item,.cds-custom--checkbox-group--horizontal :host(cds-custom-checkbox){flex:none;margin-block-end:0}.cds-custom--checkbox-group--horizontal .cds-custom--form-item:not(:last-of-type),.cds-custom--checkbox-group--horizontal :not(:last-of-type):host(cds-custom-checkbox){margin-inline-end:1rem}.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-label-text{padding-inline-start:.5rem}.cds-custom--checkbox-group--horizontal .cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal .cds-custom--label+:host(cds-custom-checkbox){margin-block-start:0}.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-group-inner--decorator+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-group-inner--decorator+:host(cds-custom-checkbox),.cds-custom--checkbox-group--horizontal>.cds-custom--ai-label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal>.cds-custom--ai-label+:host(cds-custom-checkbox),.cds-custom--checkbox-group--horizontal>.cds-custom--slug+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal>.cds-custom--slug+:host(cds-custom-checkbox){margin-block-start:0}:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:to-rem(-1px);transform:scale(1.2) rotate3d(.5,1,0,158deg);transform-origin:center}:host(cds-custom-checkbox[invalid-group]) .cds-custom--checkbox-label:before{border-color:var(--cds-support-error,#da1e28)}:host(cds-custom-checkbox[data-table]){margin:0}:host(cds-custom-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:after,:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:before{border-color:transparent;background-color:transparent}:host(cds-custom-checkbox-skeleton) .cds-custom--checkbox-label{cursor:default}:host(cds-custom-checkbox-group){display:flex;inline-size:100%}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-slug),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}:host(cds-custom-checkbox[ai-label]){flex-direction:row}:host(cds-custom-checkbox[ai-label]) .cds-custom--checkbox-label-text{display:flex}:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){align-self:center}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--horizontal ::slotted(cds-custom-checkbox){flex:none;margin-inline-end:1rem}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { checkbox_default as default };
|
|
13
13
|
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2025, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
import '../../button/button';
|
|
9
|
+
import { BEACON_KIND } from './defs';
|
|
10
|
+
declare const CDSCoachmarkBeacon_base: {
|
|
11
|
+
new (...args: any[]): {
|
|
12
|
+
_handles: Set<import("../../../globals/internal/handle").default>;
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
};
|
|
16
|
+
_hostListeners: {
|
|
17
|
+
[listenerName: string]: {
|
|
18
|
+
[type: string]: {
|
|
19
|
+
options?: boolean | AddEventListenerOptions;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
} & typeof LitElement;
|
|
24
|
+
/**
|
|
25
|
+
* CoachmarkBeacon.
|
|
26
|
+
*
|
|
27
|
+
* @element cds-custom-coachmark-beacon
|
|
28
|
+
* @fires cds-custom-coachmark-beacon-clicked Custom event fired when beacon is clicked
|
|
29
|
+
* */
|
|
30
|
+
declare class CDSCoachmarkBeacon extends CDSCoachmarkBeacon_base {
|
|
31
|
+
/**
|
|
32
|
+
* What style of beacon.
|
|
33
|
+
* BEACON_KIND is an enum from the Coachmark and can be used for this value.
|
|
34
|
+
* @see {@Link BEACON_KIND}
|
|
35
|
+
*/
|
|
36
|
+
kind?: BEACON_KIND;
|
|
37
|
+
/**
|
|
38
|
+
* The aria label.
|
|
39
|
+
*/
|
|
40
|
+
label: string;
|
|
41
|
+
/**
|
|
42
|
+
* id for the coachmark beacon
|
|
43
|
+
*/
|
|
44
|
+
id: string;
|
|
45
|
+
/**
|
|
46
|
+
* specify aria-expanded of beacon
|
|
47
|
+
*/
|
|
48
|
+
expanded: boolean;
|
|
49
|
+
firstUpdated(): void;
|
|
50
|
+
connectedCallback(): void;
|
|
51
|
+
private _handleClick;
|
|
52
|
+
private handleOutsideClick;
|
|
53
|
+
disconnectedCallback(): void;
|
|
54
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
55
|
+
static shadowRootOptions: {
|
|
56
|
+
delegatesFocus: boolean;
|
|
57
|
+
clonable?: boolean;
|
|
58
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
59
|
+
mode: ShadowRootMode;
|
|
60
|
+
serializable?: boolean;
|
|
61
|
+
slotAssignment?: SlotAssignmentMode;
|
|
62
|
+
};
|
|
63
|
+
static get beaconClicked(): string;
|
|
64
|
+
static styles: any;
|
|
65
|
+
}
|
|
66
|
+
export default CDSCoachmarkBeacon;
|
|
67
|
+
//# sourceMappingURL=coachmark-beacon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coachmark-beacon.d.ts","sourceRoot":"","sources":["../../../../src/components/coachmark/coachmark-beacon/coachmark-beacon.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;uBAWuB,CAAC;;;;;AAP7D;;;;;KAKK;AACL,cACM,kBAAmB,SAAQ,uBAA6B;IAC5D;;;;OAIG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAuB;IAEzC;;OAEG;IAEH,KAAK,SAAsB;IAC3B;;OAEG;IAEH,EAAE,EAAE,MAAM,CAAuB;IACjC;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY;IAOZ,iBAAiB;IAOjB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,kBAAkB,CAKxB;IAEF,oBAAoB;IAKpB,MAAM;IAsBN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,KAAK,aAAa,WAEvB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,kBAAkB,CAAC"}
|