@carbon/web-components 2.58.1 → 2.59.0-rc.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/custom-elements.json +186 -40
- package/es/components/accordion/accordion.scss.js +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/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.d.ts +2 -2
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +2 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/button/button.scss.js.map +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js.map +1 -1
- package/es/components/checkbox/checkbox-group.d.ts +1 -1
- package/es/components/checkbox/checkbox.d.ts +1 -1
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +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/contained-list/contained-list.scss.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/copy-button/copy-button.scss.js.map +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/data-table/table-header-cell.d.ts +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +1 -0
- package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-button.js +10 -11
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
- package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.js +6 -5
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +1 -1
- package/es/components/floating-menu/floating-menu.js +1 -1
- package/es/components/floating-menu/floating-menu.js.map +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-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +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-password-input/fluid-password-input.scss.js.map +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-select/fluid-select.scss.js.map +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.d.ts.map +1 -1
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js.map +1 -1
- package/es/components/icon-indicator/icon-indicator.d.ts +20 -1
- package/es/components/icon-indicator/icon-indicator.d.ts.map +1 -1
- package/es/components/icon-indicator/icon-indicator.js +30 -2
- package/es/components/icon-indicator/icon-indicator.js.map +1 -1
- package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
- package/es/components/icon-indicator/icon-indicator.scss.js.map +1 -1
- package/es/components/layout/layout.scss.js +1 -1
- package/es/components/layout/layout.scss.js.map +1 -1
- package/es/components/link/link.d.ts +1 -1
- package/es/components/menu/menu-item-selectable.d.ts +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.scss.js +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal-close-button.d.ts +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.d.ts.map +1 -1
- package/es/components/notification/actionable-notification.js +5 -2
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js.map +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js.map +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +2 -2
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +8 -1
- package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +47 -3
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
- package/es/components/pagination/pagination.d.ts +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/pagination/pagination.scss.js.map +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js.map +1 -1
- package/es/components/password-input/password-input.d.ts +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js.map +1 -1
- package/es/components/popover/popover.scss.js +1 -1
- package/es/components/popover/popover.scss.js.map +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/progress-indicator/progress-step.d.ts +1 -1
- package/es/components/radio-button/radio-button.d.ts +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/search.d.ts +9 -1
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +7 -6
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/select/select.d.ts +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/select/select.scss.js.map +1 -1
- package/es/components/shape-indicator/shape-indicator.d.ts +20 -1
- package/es/components/shape-indicator/shape-indicator.d.ts.map +1 -1
- package/es/components/shape-indicator/shape-indicator.js +32 -4
- package/es/components/shape-indicator/shape-indicator.js.map +1 -1
- package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
- package/es/components/shape-indicator/shape-indicator.scss.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider-input.d.ts +2 -1
- package/es/components/slider/slider-input.d.ts.map +1 -1
- package/es/components/slider/slider-input.js +2 -1
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider.d.ts +2 -1
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +5 -5
- package/es/components/slider/slider.js.map +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/slug.scss.js +1 -1
- package/es/components/slug/slug.scss.js.map +1 -1
- package/es/components/structured-list/structured-list.d.ts +1 -1
- package/es/components/structured-list/structured-list.scss.js +1 -1
- package/es/components/tabs/tabs-vertical.d.ts +4 -0
- package/es/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/es/components/tabs/tabs-vertical.js +3 -2
- package/es/components/tabs/tabs-vertical.js.map +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/operational-tag.d.ts +1 -1
- package/es/components/tag/operational-tag.d.ts.map +1 -1
- package/es/components/tag/operational-tag.js +3 -3
- package/es/components/tag/operational-tag.js.map +1 -1
- package/es/components/tag/selectable-tag.d.ts +1 -1
- package/es/components/tag/selectable-tag.d.ts.map +1 -1
- package/es/components/tag/selectable-tag.js +3 -3
- package/es/components/tag/selectable-tag.js.map +1 -1
- package/es/components/tag/tag.d.ts +1 -0
- package/es/components/tag/tag.d.ts.map +1 -1
- package/es/components/tag/tag.js +3 -3
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/text-input/text-input.d.ts +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.d.ts +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/textarea/textarea.scss.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/tile/tile.scss.js.map +1 -1
- package/es/components/time-picker/time-picker-select.d.ts +1 -1
- package/es/components/time-picker/time-picker.d.ts +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js.map +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +13 -1
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +10 -14
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tooltip/definition-tooltip.d.ts +4 -2
- package/es/components/tooltip/definition-tooltip.d.ts.map +1 -1
- package/es/components/tooltip/definition-tooltip.js +23 -12
- package/es/components/tooltip/definition-tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js.map +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +1 -1
- package/es/components/ui-shell/header-menu-button.d.ts +1 -1
- package/es/components/ui-shell/header-menu.d.ts +1 -1
- package/es/components/ui-shell/header-name.d.ts +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +1 -1
- package/es/components/ui-shell/header-panel.d.ts +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +1 -1
- package/es/components/ui-shell/switcher-item.d.ts +1 -1
- package/es/components/ui-shell/switcher.d.ts +1 -1
- package/es-custom/components/accordion/accordion.scss.js +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/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.d.ts +2 -2
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +2 -2
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/button/button.scss.js.map +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js.map +1 -1
- package/es-custom/components/checkbox/checkbox-group.d.ts +1 -1
- package/es-custom/components/checkbox/checkbox.d.ts +1 -1
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.d.ts +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +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/contained-list/contained-list.scss.js.map +1 -1
- package/es-custom/components/content-switcher/content-switcher-item.d.ts +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js.map +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/data-table/table-header-cell.d.ts +1 -1
- package/es-custom/components/data-table/table-toolbar-search.d.ts +1 -1
- package/es-custom/components/date-picker/date-picker-input.d.ts +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.d.ts +1 -0
- package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.js +10 -11
- package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
- package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.js +6 -5
- package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
- package/es-custom/components/floating-menu/floating-menu.d.ts +1 -1
- package/es-custom/components/floating-menu/floating-menu.js +1 -1
- package/es-custom/components/floating-menu/floating-menu.js.map +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-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-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-password-input/fluid-password-input.scss.js.map +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-select/fluid-select.scss.js.map +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts.map +1 -1
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js.map +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.d.ts +20 -1
- package/es-custom/components/icon-indicator/icon-indicator.d.ts.map +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.js +30 -2
- package/es-custom/components/icon-indicator/icon-indicator.js.map +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.scss.js.map +1 -1
- package/es-custom/components/layout/layout.scss.js +1 -1
- package/es-custom/components/layout/layout.scss.js.map +1 -1
- package/es-custom/components/link/link.d.ts +1 -1
- package/es-custom/components/menu/menu-item-selectable.d.ts +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.scss.js +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal-close-button.d.ts +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.d.ts.map +1 -1
- package/es-custom/components/notification/actionable-notification.js +5 -2
- 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/actionable-notification.scss.js.map +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js.map +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js.map +1 -1
- package/es-custom/components/number-input/number-input.d.ts +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.js +2 -2
- package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-item.d.ts +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.d.ts +8 -1
- package/es-custom/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.js +47 -3
- package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
- package/es-custom/components/pagination/pagination.d.ts +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/pagination/pagination.scss.js.map +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js.map +1 -1
- package/es-custom/components/password-input/password-input.d.ts +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js.map +1 -1
- package/es-custom/components/popover/popover.scss.js +1 -1
- package/es-custom/components/popover/popover.scss.js.map +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/progress-indicator/progress-step.d.ts +1 -1
- package/es-custom/components/radio-button/radio-button.d.ts +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/search.d.ts +9 -1
- package/es-custom/components/search/search.d.ts.map +1 -1
- package/es-custom/components/search/search.js +7 -6
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/select/select.d.ts +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/shape-indicator/shape-indicator.d.ts +20 -1
- package/es-custom/components/shape-indicator/shape-indicator.d.ts.map +1 -1
- package/es-custom/components/shape-indicator/shape-indicator.js +32 -4
- package/es-custom/components/shape-indicator/shape-indicator.js.map +1 -1
- package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
- package/es-custom/components/shape-indicator/shape-indicator.scss.js.map +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.d.ts +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider-input.d.ts +2 -1
- package/es-custom/components/slider/slider-input.d.ts.map +1 -1
- package/es-custom/components/slider/slider-input.js +2 -1
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider.d.ts +2 -1
- package/es-custom/components/slider/slider.d.ts.map +1 -1
- package/es-custom/components/slider/slider.js +5 -5
- package/es-custom/components/slider/slider.js.map +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/slug.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js.map +1 -1
- package/es-custom/components/structured-list/structured-list.d.ts +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js +1 -1
- package/es-custom/components/tabs/tabs-vertical.d.ts +4 -0
- package/es-custom/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs-vertical.js +3 -2
- package/es-custom/components/tabs/tabs-vertical.js.map +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/operational-tag.d.ts +1 -1
- package/es-custom/components/tag/operational-tag.d.ts.map +1 -1
- package/es-custom/components/tag/operational-tag.js +3 -3
- package/es-custom/components/tag/operational-tag.js.map +1 -1
- package/es-custom/components/tag/selectable-tag.d.ts +1 -1
- package/es-custom/components/tag/selectable-tag.d.ts.map +1 -1
- package/es-custom/components/tag/selectable-tag.js +3 -3
- package/es-custom/components/tag/selectable-tag.js.map +1 -1
- package/es-custom/components/tag/tag.d.ts +1 -0
- package/es-custom/components/tag/tag.d.ts.map +1 -1
- package/es-custom/components/tag/tag.js +3 -3
- package/es-custom/components/tag/tag.js.map +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/text-input/text-input.d.ts +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.d.ts +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js.map +1 -1
- package/es-custom/components/tile/selectable-tile.d.ts +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/tile/tile.scss.js.map +1 -1
- package/es-custom/components/time-picker/time-picker-select.d.ts +1 -1
- package/es-custom/components/time-picker/time-picker.d.ts +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js.map +1 -1
- package/es-custom/components/toggle-tip/toggletip.d.ts +13 -1
- package/es-custom/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es-custom/components/toggle-tip/toggletip.js +10 -14
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tooltip/definition-tooltip.d.ts +4 -2
- package/es-custom/components/tooltip/definition-tooltip.d.ts.map +1 -1
- package/es-custom/components/tooltip/definition-tooltip.js +23 -12
- package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
- package/es-custom/components/ui-shell/header-global-action.d.ts +1 -1
- package/es-custom/components/ui-shell/header-menu-button.d.ts +1 -1
- package/es-custom/components/ui-shell/header-menu.d.ts +1 -1
- package/es-custom/components/ui-shell/header-name.d.ts +1 -1
- package/es-custom/components/ui-shell/header-nav-item.d.ts +1 -1
- package/es-custom/components/ui-shell/header-panel.d.ts +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav-link.d.ts +1 -1
- package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +1 -1
- package/es-custom/components/ui-shell/side-nav-menu.d.ts +1 -1
- package/es-custom/components/ui-shell/switcher-item.d.ts +1 -1
- package/es-custom/components/ui-shell/switcher.d.ts +1 -1
- package/lib/components/button/button.d.ts +2 -2
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/checkbox/checkbox-group.d.ts +1 -1
- package/lib/components/checkbox/checkbox.d.ts +1 -1
- package/lib/components/code-snippet/code-snippet.d.ts +1 -1
- package/lib/components/content-switcher/content-switcher-item.d.ts +1 -1
- package/lib/components/data-table/table-header-cell.d.ts +1 -1
- package/lib/components/data-table/table-toolbar-search.d.ts +1 -1
- package/lib/components/date-picker/date-picker-input.d.ts +1 -1
- package/lib/components/dropdown/dropdown.d.ts +1 -1
- package/lib/components/file-uploader/file-uploader-button.d.ts +1 -0
- package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
- package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/lib/components/floating-menu/floating-menu.d.ts +1 -1
- package/lib/components/icon-button/icon-button.d.ts +1 -1
- package/lib/components/icon-button/icon-button.d.ts.map +1 -1
- package/lib/components/icon-indicator/icon-indicator.d.ts +20 -1
- package/lib/components/icon-indicator/icon-indicator.d.ts.map +1 -1
- package/lib/components/link/link.d.ts +1 -1
- package/lib/components/menu/menu-item-selectable.d.ts +1 -1
- package/lib/components/modal/modal-close-button.d.ts +1 -1
- package/lib/components/notification/actionable-notification.d.ts.map +1 -1
- package/lib/components/number-input/number-input.d.ts +1 -1
- package/lib/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/lib/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/lib/components/overflow-menu/overflow-menu-item.d.ts +1 -1
- package/lib/components/overflow-menu/overflow-menu.d.ts +8 -1
- package/lib/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/lib/components/pagination/pagination.d.ts +1 -1
- package/lib/components/password-input/password-input.d.ts +1 -1
- package/lib/components/progress-indicator/progress-step.d.ts +1 -1
- package/lib/components/radio-button/radio-button.d.ts +1 -1
- package/lib/components/search/search.d.ts +9 -1
- package/lib/components/search/search.d.ts.map +1 -1
- package/lib/components/select/select.d.ts +1 -1
- package/lib/components/shape-indicator/shape-indicator.d.ts +20 -1
- package/lib/components/shape-indicator/shape-indicator.d.ts.map +1 -1
- package/lib/components/skip-to-content/skip-to-content.d.ts +1 -1
- package/lib/components/slider/slider-input.d.ts +2 -1
- package/lib/components/slider/slider-input.d.ts.map +1 -1
- package/lib/components/slider/slider.d.ts +2 -1
- package/lib/components/slider/slider.d.ts.map +1 -1
- package/lib/components/structured-list/structured-list.d.ts +1 -1
- package/lib/components/tabs/tabs-vertical.d.ts +4 -0
- package/lib/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/lib/components/tag/operational-tag.d.ts +1 -1
- package/lib/components/tag/operational-tag.d.ts.map +1 -1
- package/lib/components/tag/selectable-tag.d.ts +1 -1
- package/lib/components/tag/selectable-tag.d.ts.map +1 -1
- package/lib/components/tag/tag.d.ts +1 -0
- package/lib/components/tag/tag.d.ts.map +1 -1
- package/lib/components/text-input/text-input.d.ts +1 -1
- package/lib/components/textarea/textarea.d.ts +1 -1
- package/lib/components/tile/selectable-tile.d.ts +1 -1
- package/lib/components/time-picker/time-picker-select.d.ts +1 -1
- package/lib/components/time-picker/time-picker.d.ts +1 -1
- package/lib/components/toggle-tip/toggletip.d.ts +13 -1
- package/lib/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/lib/components/tooltip/definition-tooltip.d.ts +4 -2
- package/lib/components/tooltip/definition-tooltip.d.ts.map +1 -1
- package/lib/components/ui-shell/header-global-action.d.ts +1 -1
- package/lib/components/ui-shell/header-menu-button.d.ts +1 -1
- package/lib/components/ui-shell/header-menu.d.ts +1 -1
- package/lib/components/ui-shell/header-name.d.ts +1 -1
- package/lib/components/ui-shell/header-nav-item.d.ts +1 -1
- package/lib/components/ui-shell/header-panel.d.ts +1 -1
- package/lib/components/ui-shell/side-nav-link.d.ts +1 -1
- package/lib/components/ui-shell/side-nav-menu-item.d.ts +1 -1
- package/lib/components/ui-shell/side-nav-menu.d.ts +1 -1
- package/lib/components/ui-shell/switcher-item.d.ts +1 -1
- package/lib/components/ui-shell/switcher.d.ts +1 -1
- package/package.json +8 -7
- package/scss/components/ai-label/ai-label.scss +1 -1
- package/scss/components/button/button.scss +2 -1
- package/scss/components/chat-button/chat-button.scss +1 -1
- package/scss/components/combo-box/combo-box.scss +1 -1
- package/scss/components/contained-list/contained-list.scss +4 -1
- package/scss/components/copy-button/copy-button.scss +1 -1
- package/scss/components/data-table/_table-action.scss +0 -1
- package/scss/components/file-uploader/file-uploader.scss +3 -1
- package/scss/components/fluid-combo-box/fluid-combo-box.scss +1 -1
- package/scss/components/fluid-dropdown/fluid-dropdown.scss +1 -1
- package/scss/components/fluid-multi-select/fluid-multi-select.scss +1 -1
- package/scss/components/fluid-number-input/fluid-number-input.scss +1 -1
- package/scss/components/fluid-password-input/fluid-password-input.scss +1 -1
- package/scss/components/fluid-search/fluid-search.scss +1 -1
- package/scss/components/fluid-select/fluid-select.scss +1 -1
- package/scss/components/fluid-text-input/fluid-text-input.scss +1 -1
- package/scss/components/fluid-textarea/fluid-textarea.scss +1 -1
- package/scss/components/fluid-time-picker/fluid-time-picker.scss +1 -1
- package/scss/components/icon-button/icon-button.scss +1 -1
- package/scss/components/icon-indicator/icon-indicator.scss +19 -1
- package/scss/components/layout/layout.scss +1 -1
- package/scss/components/menu/menu-item.scss +4 -0
- package/scss/components/notification/actionable-notification.scss +1 -1
- package/scss/components/notification/inline-notification.scss +1 -1
- package/scss/components/notification/toast-notification.scss +1 -1
- package/scss/components/overflow-menu/overflow-menu.scss +13 -39
- package/scss/components/pagination/pagination.scss +1 -1
- package/scss/components/pagination-nav/pagination-nav.scss +3 -1
- package/scss/components/password-input/password-input.scss +3 -1
- package/scss/components/popover/popover.scss +3 -1
- package/scss/components/select/select.scss +1 -1
- package/scss/components/shape-indicator/shape-indicator.scss +19 -1
- package/scss/components/slider/slider.scss +1 -1
- package/scss/components/slug/slug.scss +1 -1
- package/scss/components/tabs/tabs.scss +4 -1
- package/scss/components/text-input/text-input.scss +3 -1
- package/scss/components/textarea/textarea.scss +1 -1
- package/scss/components/tile/tile.scss +1 -1
- package/scss/components/time-picker/time-picker.scss +1 -1
- package/scss/components/tooltip/tooltip.scss +15 -2
- package/telemetry.yml +4 -234
|
@@ -203,7 +203,7 @@ declare class CDSSelect extends CDSSelect_base {
|
|
|
203
203
|
static shadowRootOptions: {
|
|
204
204
|
delegatesFocus: boolean;
|
|
205
205
|
clonable?: boolean;
|
|
206
|
-
customElementRegistry?: CustomElementRegistry;
|
|
206
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
207
207
|
mode: ShadowRootMode;
|
|
208
208
|
serializable?: boolean;
|
|
209
209
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/select/select.scss?lit
|
|
10
|
-
var select_default = css([".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)}@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}}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{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,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.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,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.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,:host(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--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--select,:host(cds-custom-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%}.cds-custom--select-input__wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.cds-custom--select-input{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);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));display:block;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select__arrow{position:absolute;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{position:absolute;inset-inline-end:2.5rem}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){display:flex;flex-direction:row;align-items:center}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.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--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){position:relative;background:var(--cds-field);block-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{padding:2rem 2rem .8125rem 1rem;min-block-size:4rem;outline:none;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{display:block;border:none;margin:0 1rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem)}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{position:relative;background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--select--fluid__skeleton .cds-custom--label{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.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}:host(cds-custom-select){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:3rem}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-custom-select[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
|
|
10
|
+
var select_default = css([".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)}@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}}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{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,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.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,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.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,:host(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--select,:host(cds-custom-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%}.cds-custom--select-input__wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.cds-custom--select-input{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);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));display:block;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select__arrow{position:absolute;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{position:absolute;inset-inline-end:2.5rem}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){display:flex;flex-direction:row;align-items:center}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.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--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){position:relative;background:var(--cds-field);block-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{padding:2rem 2rem .8125rem 1rem;min-block-size:4rem;outline:none;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{display:block;border:none;margin:0 1rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem)}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{position:relative;background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--select--fluid__skeleton .cds-custom--label{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.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}:host(cds-custom-select){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:3rem}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-custom-select[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { select_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2024\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/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/fluid-select' as *;\n@use '@carbon/styles/scss/utilities/visually-hidden' as *;\n@use '@carbon/styles/scss/layout' as *;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n @include emit-layout-tokens();\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) select {\n pointer-events: none;\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-select');\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2024\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/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/fluid-select' as *;\n@use '@carbon/styles/scss/utilities/visually-hidden' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n @include emit-layout-tokens();\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) select {\n pointer-events: none;\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-select');\n"],"mappings":""}
|
|
@@ -1,16 +1,35 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2025,
|
|
2
|
+
* Copyright IBM Corp. 2025, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
|
+
import { POPOVER_ALIGNMENT } from '../popover/defs';
|
|
9
|
+
import '../tooltip/definition-tooltip';
|
|
8
10
|
import { SHAPE_INDICATOR_KIND } from './defs';
|
|
9
11
|
/**
|
|
10
12
|
* Shape Indicator.
|
|
11
13
|
* @element cds-custom-shape-indicator
|
|
12
14
|
*/
|
|
13
15
|
declare class CDSShapeIndicator extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Specify how the tooltip should align with the shape in compact mode
|
|
18
|
+
*/
|
|
19
|
+
align: POPOVER_ALIGNMENT;
|
|
20
|
+
/**
|
|
21
|
+
* Will auto-align the tooltip in compact mode
|
|
22
|
+
*/
|
|
23
|
+
autoalign: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* When true, displays only the shape with the label in a tooltip
|
|
26
|
+
*/
|
|
27
|
+
compact: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Description for the shape announced to screen readers in compact mode.
|
|
30
|
+
* Defaults to `label` when not provided.
|
|
31
|
+
*/
|
|
32
|
+
shapeDescription?: string;
|
|
14
33
|
/**
|
|
15
34
|
* Shape indicator size (12 or 14)
|
|
16
35
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shape-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"shape-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,+BAA+B,CAAC;AAWvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAuC9C;;;GAGG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,KAAK,EAAE,iBAAiB,CAA2B;IAEnD;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,EAAG,oBAAoB,CAAC;IAE5B,MAAM;IA+BN;;OAEG;IACH,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -9,6 +9,8 @@ import "../../globals/settings.js";
|
|
|
9
9
|
import { carbonElement } from "../../globals/decorators/carbon-element.js";
|
|
10
10
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
|
|
11
11
|
import iconLoader from "../../globals/internal/icon-loader.js";
|
|
12
|
+
import "../popover/defs.js";
|
|
13
|
+
import "../tooltip/definition-tooltip.js";
|
|
12
14
|
import shape_indicator_default$1 from "./shape-indicator.scss.js";
|
|
13
15
|
import "./defs.js";
|
|
14
16
|
import { LitElement, html } from "lit";
|
|
@@ -22,13 +24,14 @@ import CircleFill from "@carbon/icons/es/circle-fill/index.js";
|
|
|
22
24
|
import CircleStroke from "@carbon/icons/es/circle-stroke/index.js";
|
|
23
25
|
//#region src/components/shape-indicator/shape-indicator.ts
|
|
24
26
|
/**
|
|
25
|
-
* Copyright IBM Corp. 2025,
|
|
27
|
+
* Copyright IBM Corp. 2025, 2026
|
|
26
28
|
*
|
|
27
29
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
28
30
|
* LICENSE file in the root directory of this source tree.
|
|
29
31
|
*/
|
|
30
32
|
/**
|
|
31
|
-
* Custom incomplete icon implementation
|
|
33
|
+
* Custom incomplete icon implementation.
|
|
34
|
+
* TODO: update to import '@carbon/icons' https://github.com/carbon-design-system/carbon/issues/18630
|
|
32
35
|
*/
|
|
33
36
|
const IncompleteIcon = `<svg
|
|
34
37
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -68,18 +71,43 @@ const shapeMap = {
|
|
|
68
71
|
let CDSShapeIndicator = class CDSShapeIndicator extends LitElement {
|
|
69
72
|
constructor(..._args) {
|
|
70
73
|
super(..._args);
|
|
74
|
+
this.align = "right";
|
|
75
|
+
this.autoalign = false;
|
|
76
|
+
this.compact = false;
|
|
71
77
|
this.textSize = 12;
|
|
72
78
|
}
|
|
73
79
|
render() {
|
|
74
80
|
const shape = shapeMap[this.kind];
|
|
75
81
|
if (!shape) return null;
|
|
76
|
-
|
|
77
|
-
|
|
82
|
+
const shapeElement = typeof shape === "string" ? iconLoader(null, {}, shape) : iconLoader(shape);
|
|
83
|
+
if (this.compact) return html`
|
|
84
|
+
<cds-custom-definition-tooltip
|
|
85
|
+
align=${this.align}
|
|
86
|
+
?autoalign=${this.autoalign}
|
|
87
|
+
open-on-hover>
|
|
88
|
+
${shapeElement}
|
|
89
|
+
<span class="${"cds-custom"}--visually-hidden"
|
|
90
|
+
>${this.shapeDescription ?? this.label}</span
|
|
91
|
+
>
|
|
92
|
+
<span slot="definition">${this.label}</span>
|
|
93
|
+
</cds-custom-definition-tooltip>
|
|
94
|
+
`;
|
|
95
|
+
return html`${shapeElement}${this.label}`;
|
|
78
96
|
}
|
|
79
97
|
static {
|
|
80
98
|
this.styles = shape_indicator_default$1;
|
|
81
99
|
}
|
|
82
100
|
};
|
|
101
|
+
__decorate([property({ reflect: true })], CDSShapeIndicator.prototype, "align", void 0);
|
|
102
|
+
__decorate([property({
|
|
103
|
+
type: Boolean,
|
|
104
|
+
reflect: false
|
|
105
|
+
})], CDSShapeIndicator.prototype, "autoalign", void 0);
|
|
106
|
+
__decorate([property({
|
|
107
|
+
type: Boolean,
|
|
108
|
+
reflect: true
|
|
109
|
+
})], CDSShapeIndicator.prototype, "compact", void 0);
|
|
110
|
+
__decorate([property({ attribute: "shape-description" })], CDSShapeIndicator.prototype, "shapeDescription", void 0);
|
|
83
111
|
__decorate([property({ attribute: "text-size" })], CDSShapeIndicator.prototype, "textSize", void 0);
|
|
84
112
|
__decorate([property()], CDSShapeIndicator.prototype, "label", void 0);
|
|
85
113
|
__decorate([property()], CDSShapeIndicator.prototype, "kind", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shape-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025,
|
|
1
|
+
{"version":3,"file":"shape-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../tooltip/definition-tooltip';\nimport styles from './shape-indicator.scss?lit';\n\n// Import Carbon icons\nimport Critical from '@carbon/icons/es/critical/index.js';\nimport CriticalSeverity from '@carbon/icons/es/critical-severity/index.js';\nimport DiamondFill from '@carbon/icons/es/diamond-fill/index.js';\nimport LowSeverity from '@carbon/icons/es/low-severity/index.js';\nimport Caution from '@carbon/icons/es/caution/index.js';\nimport CircleFill from '@carbon/icons/es/circle-fill/index.js';\nimport CircleStroke from '@carbon/icons/es/circle-stroke/index.js';\nimport { SHAPE_INDICATOR_KIND } from './defs';\n\n/**\n * Custom incomplete icon implementation.\n * TODO: update to import '@carbon/icons' https://github.com/carbon-design-system/carbon/issues/18630\n */\nconst IncompleteIcon = `<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n aria-hidden=\"true\">\n <path\n fill=\"#fff\"\n fillOpacity=\"0.01\"\n d=\"M0 0h16v16H0z\"\n style=\"mix-blend-mode: multiply;\" />\n <path\n fill=\"#161616\"\n d=\"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z\" />\n</svg>`;\n\n/**\n * Map of shape indicators to their corresponding icons\n */\nconst shapeMap = {\n [SHAPE_INDICATOR_KIND.FAILED]: Critical,\n [SHAPE_INDICATOR_KIND.CRITICAL]: CriticalSeverity,\n [SHAPE_INDICATOR_KIND.HIGH]: Caution,\n [SHAPE_INDICATOR_KIND.MEDIUM]: DiamondFill,\n [SHAPE_INDICATOR_KIND.LOW]: LowSeverity,\n [SHAPE_INDICATOR_KIND.CAUTIOUS]: Caution,\n [SHAPE_INDICATOR_KIND.UNDEFINED]: DiamondFill,\n [SHAPE_INDICATOR_KIND.STABLE]: CircleFill,\n [SHAPE_INDICATOR_KIND.INFORMATIVE]: LowSeverity,\n [SHAPE_INDICATOR_KIND.INCOMPLETE]: IncompleteIcon,\n [SHAPE_INDICATOR_KIND.DRAFT]: CircleStroke,\n};\n\n/**\n * Shape Indicator.\n * @element cds-custom-shape-indicator\n */\n@customElement(`${prefix}-shape-indicator`)\nclass CDSShapeIndicator extends LitElement {\n /**\n * Specify how the tooltip should align with the shape in compact mode\n */\n @property({ reflect: true })\n align: POPOVER_ALIGNMENT = POPOVER_ALIGNMENT.RIGHT;\n\n /**\n * Will auto-align the tooltip in compact mode\n */\n @property({ type: Boolean, reflect: false })\n autoalign = false;\n\n /**\n * When true, displays only the shape with the label in a tooltip\n */\n @property({ type: Boolean, reflect: true })\n compact = false;\n\n /**\n * Description for the shape announced to screen readers in compact mode.\n * Defaults to `label` when not provided.\n */\n @property({ attribute: 'shape-description' })\n shapeDescription?: string;\n\n /**\n * Shape indicator size (12 or 14)\n */\n @property({ attribute: 'text-size' })\n textSize = 12;\n\n /**\n * Label next to the shape.\n */\n @property()\n label!: string;\n\n /**\n * Shape Indicator kind\n */\n @property()\n kind!: SHAPE_INDICATOR_KIND;\n\n render() {\n const shape = shapeMap[this.kind];\n\n if (!shape) {\n return null;\n }\n\n // Handle custom SVG string vs Carbon icon descriptor\n const shapeElement =\n typeof shape === 'string'\n ? iconLoader(null, {}, shape)\n : iconLoader(shape);\n\n if (this.compact) {\n return html`\n <cds-custom-definition-tooltip\n align=${this.align}\n ?autoalign=${this.autoalign}\n open-on-hover>\n ${shapeElement}\n <span class=\"${prefix}--visually-hidden\"\n >${this.shapeDescription ?? this.label}</span\n >\n <span slot=\"definition\">${this.label}</span>\n </cds-custom-definition-tooltip>\n `;\n }\n\n return html`${shapeElement}${this.label}`;\n }\n\n /**\n * Styles are imported from the SCSS file\n */\n static styles = styles;\n}\n\nexport default CDSShapeIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;AAmBvB,MAAM,WAAW;aACgB;eACE;WACJ;aACE;UACH;eACK;gBACC;aACH;kBACK;iBACD;YACL;AAChC;;;;;AAMA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;;mBAW7B;iBAMF;kBAaC;;CAcX,SAAS;EACP,MAAM,QAAQ,SAAS,KAAK;EAE5B,IAAI,CAAC,OACH,OAAO;EAIT,MAAM,eACJ,OAAO,UAAU,WACb,WAAW,MAAM,CAAC,GAAG,KAAK,IAC1B,WAAW,KAAK;EAEtB,IAAI,KAAK,SACP,OAAO,IAAI;;kBAEC,KAAK,MAAM;uBACN,KAAK,UAAU;;YAE1B,aAAa;+BACO;eACjB,KAAK,oBAAoB,KAAK,MAAM;;oCAEf,KAAK,MAAM;;;EAK3C,OAAO,IAAI,GAAG,eAAe,KAAK;CACpC;;gBAKgBA;;AAClB;YA3EG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAM,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,WAAA,KAAA,CAAA;YAOzC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,GAAA,kBAAA,WAAA,oBAAA,KAAA,CAAA;YAM3C,SAAS,EAAE,WAAW,YAAY,CAAC,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;YAMnC,SAAS,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;gCA1CXC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAkF1C,IAAA,0BAAe"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/shape-indicator/shape-indicator.scss?lit
|
|
10
|
-
var shape_indicator_default = css([".cds-custom--shape-indicator,:host(cds-custom-shape-indicator){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:flex;color:var(--cds-text-secondary,#525252)}.cds-custom--shape-indicator svg,:host(cds-custom-shape-indicator) svg{align-self:center
|
|
10
|
+
var shape_indicator_default = css([".cds-custom--shape-indicator,:host(cds-custom-shape-indicator){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:flex;align-items:center;color:var(--cds-text-secondary,#525252);gap:.5rem;line-height:unset}.cds-custom--shape-indicator svg,:host(cds-custom-shape-indicator) svg{align-self:center}.cds-custom--shape-indicator--14,:host(cds-custom-shape-indicator[text-size=\"14\"]){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);line-height:unset}.cds-custom--shape-indicator--failed,:host(cds-custom-shape-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--critical,:host(cds-custom-shape-indicator[kind=critical]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--high,:host(cds-custom-shape-indicator[kind=high]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--medium,:host(cds-custom-shape-indicator[kind=medium]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--shape-indicator--medium path:first-of-type,:host(cds-custom-shape-indicator[kind=medium]) svg path:first-of-type{fill:var(--cds-status-orange-outline,#ba4e00)}.cds-custom--shape-indicator--low,:host(cds-custom-shape-indicator[kind=low]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--low path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=low]) svg path:nth-of-type(2){fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--cautious,:host(cds-custom-shape-indicator[kind=cautious]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--cautious path:first-of-type,:host(cds-custom-shape-indicator[kind=cautious]) svg path:first-of-type{fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--undefined,:host(cds-custom-shape-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--shape-indicator--stable,:host(cds-custom-shape-indicator[kind=stable]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--shape-indicator--informative,:host(cds-custom-shape-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--incomplete path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=incomplete]) svg path:nth-of-type(2){fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--draft,:host(cds-custom-shape-indicator[kind=draft]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--shape-indicator__button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--shape-indicator__button *,.cds-custom--shape-indicator__button :after,.cds-custom--shape-indicator__button :before{box-sizing:inherit}.cds-custom--shape-indicator__button::-moz-focus-inner{border:0}.cds-custom--shape-indicator__button{display:flex}.cds-custom--shape-indicator__button:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--shape-indicator__button:focus{outline-style:dotted}}.cds-custom--shape-indicator .cds-custom--definition-tooltip,:host(cds-custom-shape-indicator) .cds-custom--definition-tooltip{padding-block:.125rem}.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}:host(cds-custom-shape-indicator[compact]) cds-custom-definition-tooltip{--cds-tooltip-padding-block:0.125rem}:host(cds-custom-shape-indicator[compact]) cds-custom-definition-tooltip::part(definition-term){display:flex;border:none}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { shape_indicator_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shape-indicator.scss.js","names":[],"sources":["../../../src/components/shape-indicator/shape-indicator.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025,
|
|
1
|
+
{"version":3,"file":"shape-indicator.scss.js","names":[],"sources":["../../../src/components/shape-indicator/shape-indicator.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 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$css--plex: true !default;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/shape-indicator/index' as *;\n@use '@carbon/styles/scss/utilities/custom-property';\n@use '@carbon/styles/scss/utilities/visually-hidden' as *;\n\n:host(#{$prefix}-shape-indicator) {\n @extend .#{$prefix}--shape-indicator;\n}\n\n:host(#{$prefix}-shape-indicator[text-size='14']) {\n @extend .#{$prefix}--shape-indicator--14;\n}\n\n:host(#{$prefix}-shape-indicator[kind='failed']) svg {\n @extend .#{$prefix}--shape-indicator--failed;\n}\n\n:host(#{$prefix}-shape-indicator[kind='critical']) svg {\n @extend .#{$prefix}--shape-indicator--critical;\n}\n\n:host(#{$prefix}-shape-indicator[kind='high']) svg {\n @extend .#{$prefix}--shape-indicator--high;\n}\n\n:host(#{$prefix}-shape-indicator[kind='medium']) svg {\n @extend .#{$prefix}--shape-indicator--medium;\n}\n\n:host(#{$prefix}-shape-indicator[kind='low']) svg {\n @extend .#{$prefix}--shape-indicator--low;\n}\n\n:host(#{$prefix}-shape-indicator[kind='cautious']) svg {\n @extend .#{$prefix}--shape-indicator--cautious;\n}\n\n:host(#{$prefix}-shape-indicator[kind='undefined']) svg {\n @extend .#{$prefix}--shape-indicator--undefined;\n}\n\n:host(#{$prefix}-shape-indicator[kind='stable']) svg {\n @extend .#{$prefix}--shape-indicator--stable;\n}\n\n:host(#{$prefix}-shape-indicator[kind='informative']) svg {\n @extend .#{$prefix}--shape-indicator--informative;\n}\n\n:host(#{$prefix}-shape-indicator[kind='incomplete']) svg {\n @extend .#{$prefix}--shape-indicator--incomplete;\n}\n\n:host(#{$prefix}-shape-indicator[kind='draft']) svg {\n @extend .#{$prefix}--shape-indicator--draft;\n}\n\n:host(#{$prefix}-shape-indicator[compact]) {\n #{$prefix}-definition-tooltip {\n @include custom-property.declaration('tooltip-padding-block', $spacing-01);\n }\n\n #{$prefix}-definition-tooltip::part(definition-term) {\n display: flex;\n border: none;\n }\n}\n\n.#{$prefix}--visually-hidden {\n @extend .#{$prefix}--visually-hidden;\n}\n"],"mappings":""}
|
|
@@ -28,7 +28,7 @@ declare class CDSSkipToContent extends CDSSkipToContent_base {
|
|
|
28
28
|
static shadowRootOptions: {
|
|
29
29
|
delegatesFocus: boolean;
|
|
30
30
|
clonable?: boolean;
|
|
31
|
-
customElementRegistry?: CustomElementRegistry;
|
|
31
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
32
32
|
mode: ShadowRootMode;
|
|
33
33
|
serializable?: boolean;
|
|
34
34
|
slotAssignment?: SlotAssignmentMode;
|