@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-notification.scss.js","names":[],"sources":["../../../src/components/notification/toast-notification.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2023\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/colors' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/notification/index' as *;\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include toast-notification;\n\n:host(#{$prefix}-toast-notification) {\n @include toast-notification-base;\n @include emit-layout-tokens();\n\n display: none;\n outline: none;\n}\n\n:host(#{$prefix}-toast-notification[open]) {\n display: flex;\n}\n\n:host(#{$prefix}-toast-notification[hide-close-button])\n .#{$prefix}--toast-notification__close-button {\n display: none;\n}\n\n:host(#{$prefix}-toast-notification[kind='success']) {\n @include toast-notification-success-base;\n}\n\n:host(#{$prefix}-toast-notification[low-contrast]) {\n @include toast-notification-low-contrast-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='success'][low-contrast]) {\n @include toast-notification-low-contrast-success;\n}\n\n:host(#{$prefix}-toast-notification[kind='info']) {\n @include toast-notification-info-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='info-square']) {\n @include toast-notification-info-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='info'][low-contrast]),\n:host(#{$prefix}-toast-notification[kind='info-square'][low-contrast]) {\n @include toast-notification-low-contrast-info;\n}\n\n:host(#{$prefix}-toast-notification[kind='warning']) {\n @include toast-notification-warning-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='warning-alt']) {\n @include toast-notification-warning-base;\n\n /* TODO: Remove this once the following issue with icon fill is resolved:\n ** https://github.com/carbon-design-system/carbon/issues/13616\n */\n .#{$prefix}--toast-notification__icon path[data-icon-path='inner-path'] {\n fill: $black-100;\n }\n}\n\n:host(#{$prefix}-toast-notification[kind='warning'][low-contrast]),\n:host(#{$prefix}-toast-notification[kind='warning-alt'][low-contrast]) {\n @include toast-notification-low-contrast-warning;\n}\n\n:host(#{$prefix}-toast-notification[kind='error']) {\n @include toast-notification-error-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='error'][low-contrast]) {\n @include toast-notification-low-contrast-error;\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"toast-notification.scss.js","names":[],"sources":["../../../src/components/notification/toast-notification.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2023\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/colors' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/notification/index' as *;\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include toast-notification;\n\n:host(#{$prefix}-toast-notification) {\n @include toast-notification-base;\n @include emit-layout-tokens();\n\n display: none;\n outline: none;\n}\n\n:host(#{$prefix}-toast-notification[open]) {\n display: flex;\n}\n\n:host(#{$prefix}-toast-notification[hide-close-button])\n .#{$prefix}--toast-notification__close-button {\n display: none;\n}\n\n:host(#{$prefix}-toast-notification[kind='success']) {\n @include toast-notification-success-base;\n}\n\n:host(#{$prefix}-toast-notification[low-contrast]) {\n @include toast-notification-low-contrast-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='success'][low-contrast]) {\n @include toast-notification-low-contrast-success;\n}\n\n:host(#{$prefix}-toast-notification[kind='info']) {\n @include toast-notification-info-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='info-square']) {\n @include toast-notification-info-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='info'][low-contrast]),\n:host(#{$prefix}-toast-notification[kind='info-square'][low-contrast]) {\n @include toast-notification-low-contrast-info;\n}\n\n:host(#{$prefix}-toast-notification[kind='warning']) {\n @include toast-notification-warning-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='warning-alt']) {\n @include toast-notification-warning-base;\n\n /* TODO: Remove this once the following issue with icon fill is resolved:\n ** https://github.com/carbon-design-system/carbon/issues/13616\n */\n .#{$prefix}--toast-notification__icon path[data-icon-path='inner-path'] {\n fill: $black-100;\n }\n}\n\n:host(#{$prefix}-toast-notification[kind='warning'][low-contrast]),\n:host(#{$prefix}-toast-notification[kind='warning-alt'][low-contrast]) {\n @include toast-notification-low-contrast-warning;\n}\n\n:host(#{$prefix}-toast-notification[kind='error']) {\n @include toast-notification-error-base;\n}\n\n:host(#{$prefix}-toast-notification[kind='error'][low-contrast]) {\n @include toast-notification-low-contrast-error;\n}\n"],"mappings":""}
|
|
@@ -247,7 +247,7 @@ declare class CDSNumberInput extends CDSTextInput {
|
|
|
247
247
|
static shadowRootOptions: {
|
|
248
248
|
delegatesFocus: boolean;
|
|
249
249
|
clonable?: boolean;
|
|
250
|
-
customElementRegistry?: CustomElementRegistry;
|
|
250
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
251
251
|
mode: ShadowRootMode;
|
|
252
252
|
serializable?: boolean;
|
|
253
253
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/number-input/number-input.scss?lit
|
|
10
|
-
var number_input_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--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--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number html{font-size:100%}.cds-custom--number 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--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number{position:relative;display:flex;flex-direction:column;inline-size:100%}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{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;display:inline-flex;box-sizing:border-box;border:0;border-radius:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border-block-end:.0625rem solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;inline-size:100%;min-inline-size:9.375rem;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{position:relative;display:flex;align-items:center}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls 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--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__controls{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;block-size:100%;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.cds-custom--number__control-btn{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--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:100%;color:var(--cds-icon-primary,#161616)}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds-custom--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-width:2px 0;border-style:solid;border-color:var(--cds-focus,#0f62fe);box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-width:2px 0;border-style:solid;border-color:var(--cds-support-error,#da1e28);box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{position:absolute;z-index:6000;background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{position:absolute;inset-inline-end:5rem}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-icon-disabled,rgba(22,22,22,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:6rem;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]: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);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.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--number.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number.cds-custom--skeleton{background:CanvasText}.cds-custom--number.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--number.cds-custom--skeleton{inline-size:100%}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}.cds-custom--number-input--fluid{position:relative;background:var(--cds-field);block-size:100%}.cds-custom--number-input--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--number-input--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--number-input--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--number-input--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--number-input--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--number-input--fluid .cds-custom--number__input-wrapper{position:static}.cds-custom--number-input--fluid input[type=number],.cds-custom--number-input--fluid input[type=text]{padding:2rem 5rem .8125rem 1rem;background:transparent;min-block-size:4rem;outline:none}.cds-custom--number-input--fluid .cds-custom--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{box-shadow:none}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number-input--fluid .cds-custom--number-input__divider{display:none}.cds-custom--number-input--fluid .cds-custom--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--number-input--fluid .cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{display:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning+.cds-custom--number-input__divider,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number-input__divider{position:absolute;display:block;border:none;margin:0 1rem;block-size:.0625rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem);inset-block-start:3.9375rem}.cds-custom--number-input--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:none}.cds-custom--number-input--fluid .cds-custom--number input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds-custom--number-input--fluid--disabled:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number,:not(.cds-custom--number-input--fluid--invalid):host(cds-custom-number-input[disabled][fluid]) .cds-custom--number{border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number]:disabled,.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text]:disabled{background-color:transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:2.6875rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--slug,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-inline-end:5.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug: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--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){display:flex;flex-direction:column;inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:6rem}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug):after{position:absolute;background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}:host(cds-custom-number-input[ai-label]) input{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)}"]);
|
|
10
|
+
var number_input_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number html{font-size:100%}.cds-custom--number 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--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number{position:relative;display:flex;flex-direction:column;inline-size:100%}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{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;display:inline-flex;box-sizing:border-box;border:0;border-radius:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border-block-end:.0625rem solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;inline-size:100%;min-inline-size:9.375rem;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{position:relative;display:flex;align-items:center}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls 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--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__controls{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;block-size:100%;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.cds-custom--number__control-btn{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--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:100%;color:var(--cds-icon-primary,#161616)}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds-custom--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-width:2px 0;border-style:solid;border-color:var(--cds-focus,#0f62fe);box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-width:2px 0;border-style:solid;border-color:var(--cds-support-error,#da1e28);box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{position:absolute;z-index:6000;background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{position:absolute;inset-inline-end:5rem}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-icon-disabled,rgba(22,22,22,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:6rem;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]: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);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.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--number.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number.cds-custom--skeleton{background:CanvasText}.cds-custom--number.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--number.cds-custom--skeleton{inline-size:100%}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}.cds-custom--number-input--fluid{position:relative;background:var(--cds-field);block-size:100%}.cds-custom--number-input--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--number-input--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--number-input--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--number-input--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--number-input--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--number-input--fluid .cds-custom--number__input-wrapper{position:static}.cds-custom--number-input--fluid input[type=number],.cds-custom--number-input--fluid input[type=text]{padding:2rem 5rem .8125rem 1rem;background:transparent;min-block-size:4rem;outline:none}.cds-custom--number-input--fluid .cds-custom--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{box-shadow:none}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number-input--fluid .cds-custom--number-input__divider{display:none}.cds-custom--number-input--fluid .cds-custom--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--number-input--fluid .cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{display:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning+.cds-custom--number-input__divider,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number-input__divider{position:absolute;display:block;border:none;margin:0 1rem;block-size:.0625rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem);inset-block-start:3.9375rem}.cds-custom--number-input--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:none}.cds-custom--number-input--fluid .cds-custom--number input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds-custom--number-input--fluid--disabled:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number,:not(.cds-custom--number-input--fluid--invalid):host(cds-custom-number-input[disabled][fluid]) .cds-custom--number{border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number]:disabled,.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text]:disabled{background-color:transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:2.6875rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--slug,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-inline-end:5.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug: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--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){display:flex;flex-direction:column;inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:6rem}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug):after{position:absolute;background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}:host(cds-custom-number-input[ai-label]) input{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)}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { number_input_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu-body.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,eAAe,EAAE,EACtB,uBAAuB,EAEvB,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AAwBvD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,eAAe;IAC/C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IAEH,IAAI,
|
|
1
|
+
{"version":3,"file":"overflow-menu-body.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,eAAe,EAAE,EACtB,uBAAuB,EAEvB,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAElE,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AAwBvD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,eAAe;IAC/C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IAEH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;;;;;OAMG;IACH,SAAS,CAAC,eAAe,IAAI,UAAU,GAAG,SAAS;IAWnD;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM;IAS1E;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAIH,SAAS,CAAC,cAAc,GAAU,OAAO,aAAa,mBAuEpD;IAEF,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAiBzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -49,7 +49,6 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
|
|
|
49
49
|
this.flipped = false;
|
|
50
50
|
this.open = false;
|
|
51
51
|
this.selected = null;
|
|
52
|
-
this.size = "md";
|
|
53
52
|
this._handleKeydown = async (event) => {
|
|
54
53
|
const { key } = event;
|
|
55
54
|
if (this.open) {
|
|
@@ -132,7 +131,8 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
|
|
|
132
131
|
if (changedProperties.has("size")) {
|
|
133
132
|
const { selectorMenuItem } = this.constructor;
|
|
134
133
|
this.querySelectorAll(selectorMenuItem).forEach((item) => {
|
|
135
|
-
item.setAttribute("size", this.size);
|
|
134
|
+
if (this.size) item.setAttribute("size", this.size);
|
|
135
|
+
else item.removeAttribute("size");
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
super.updated(changedProperties);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 CDSFloatingMenu, {\n FLOATING_MENU_DIRECTION,\n getMenuOffset,\n type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-custom-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n /**\n * The menu direction.\n */\n @property()\n direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * How the menu is aligned to the trigger button.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the menu should be open.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n selected: CDSOverflowMenuItem | null = null;\n\n /**\n * The overflow menu size.\n */\n @property({ reflect: true })\n size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n /**\n * The adjustment in position applied to the floating menu.\n */\n @property({ attribute: false })\n menuOffset?: MenuOffset;\n\n /**\n * The adjustment in position applied to the floating menu when flipped.\n */\n @property({ attribute: false })\n menuOffsetFlip?: MenuOffset;\n\n /**\n * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n * If no offset is provided, falls back to the default centering behavior.\n * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n *\n * @returns The menu offset configuration (object, function, or undefined).\n */\n protected getOffsetConfig(): MenuOffset | undefined {\n const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n if (!offset) {\n const trigger = this.parent as HTMLElement;\n return getMenuOffset(this, this.direction, trigger, this.flipped);\n }\n\n return offset;\n }\n\n /**\n * @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n */\n protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n const { selectorItemEnabled } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorItemEnabled);\n const currentIndex = indexOf(menuItems, currentItem);\n const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n return nextIndex === currentIndex ? null : menuItems[nextIndex];\n }\n\n /**\n * Navigates through overflow menu items.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n */\n protected _navigate(direction: number) {\n if (this.selected) {\n const nextItem = this._getNextItem(this.selected, direction);\n (nextItem as HTMLElement)?.focus();\n }\n }\n\n /**\n * Handles `keydown` event on the menu body.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleKeydown = async (event: KeyboardEvent) => {\n const { key } = event;\n if (this.open) {\n /**\n * sets this.selected to focused menu item. the menu item is focused\n * automatically due to FocusMixin\n */\n if (this.contains(document.activeElement)) {\n this.selected = document.activeElement as CDSOverflowMenuItem;\n }\n\n if (key in NAVIGATION_DIRECTION) {\n event.preventDefault();\n this._navigate(NAVIGATION_DIRECTION[key]);\n return;\n }\n\n if (key === 'Escape') {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n return;\n }\n\n const items = this.querySelectorAll(\n CDSOverflowMenuBody.selectorItemEnabled\n );\n const isInsideMenu = Array.from(items).some((item) =>\n item.contains(document.activeElement)\n );\n\n if (isInsideMenu) {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n }\n }\n };\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menu');\n }\n if (!this.hasAttribute('tabindex')) {\n // TODO: Should we use a property?\n this.setAttribute('tabindex', '-1');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n const { selectorMenuItem } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorMenuItem);\n menuItems.forEach((item) => {\n item.setAttribute('size', this.size);\n });\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return menu items.\n */\n static get selectorMenuItem() {\n return `${prefix}-overflow-menu-item`;\n }\n\n /**\n * A selector that will return enabled menu items.\n */\n static get selectorItemEnabled() {\n return `${prefix}-overflow-menu-item:not([disabled])`;\n }\n\n static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,YAAY,OAAe,WAAmB;CAClD,IAAI,QAAQ,GACV,OAAO,SAAS;CAElB,IAAI,SAAS,QACX,OAAO;CAET,OAAO;AACT;;;;;;AAOA,IAAA,sBAAA,MACM,4BAA4B,gBAAgB;;;;;;;iBAWtC;cAQH;kBAEgC;;wBAsEZ,OAAO,UAAyB;GACzD,MAAM,EAAE,QAAQ;GAChB,IAAI,KAAK,MAAM;;;;;IAKb,IAAI,KAAK,SAAS,SAAS,aAAa,GACtC,KAAK,WAAW,SAAS;IAG3B,IAAI,OAAO,sBAAsB;KAC/B,MAAM,eAAe;KACrB,KAAK,UAAU,qBAAqB,IAAI;KACxC;IACF;IAEA,IAAI,QAAQ,UAAU;KACpB,MAAM,eAAe;KAErB,MAAM,cAAc,KAAK;KACzB,KAAK,OAAO;KAEZ,IAAI,eAAe,UAAU,aAE3B,YAAqB,OAAO;KAG9B,4BAA4B;MAC1B,MAAM,gBACJ,aAAa,YAAY,cACvB,2BACF,KAAK,aAAa,cAAc,2BAAiC;MAEnE,IAAI,eACF,cAA+B,MAAM;KAEzC,CAAC;KACD;IACF;IAEA,MAAM,QAAQ,KAAK,iBAAA,qBACG,mBACtB;IAKA,IAJqB,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,SAC3C,KAAK,SAAS,SAAS,aAAa,CAGvB,GAAG;KAChB,MAAM,eAAe;KAErB,MAAM,cAAc,KAAK;KACzB,KAAK,OAAO;KAEZ,IAAI,eAAe,UAAU,aAE3B,YAAqB,OAAO;KAG9B,4BAA4B;MAC1B,MAAM,gBACJ,aAAa,YAAY,cACvB,2BACF,KAAK,aAAa,cAAc,2BAAiC;MAEnE,IAAI,eACF,cAA+B,MAAM;KAEzC,CAAC;IACH;GACF;EACF;;;;;;;;;CAlHA,kBAAoD;EAClD,MAAM,SAAS,KAAK,UAAU,KAAK,iBAAiB,KAAK;EAEzD,IAAI,CAAC,QAAQ;GACX,MAAM,UAAU,KAAK;GACrB,OAAO,cAAc,MAAM,KAAK,WAAW,SAAS,KAAK,OAAO;EAClE;EAEA,OAAO;CACT;;;;;;CAOA,aAAuB,aAAkC,WAAmB;EAC1E,MAAM,EAAE,wBAAwB,KAC7B;EACH,MAAM,YAAY,KAAK,iBAAiB,mBAAmB;EAC3D,MAAM,eAAe,QAAQ,WAAW,WAAW;EACnD,MAAM,YAAY,SAAS,eAAe,WAAW,UAAU,MAAM;EACrE,OAAO,cAAc,eAAe,OAAO,UAAU;CACvD;;;;;;CAOA,UAAoB,WAAmB;EACrC,IAAI,KAAK,UAEP,KADsB,aAAa,KAAK,UAAU,SAC1C,CAAC,EAAkB,MAAM;CAErC;CAiFA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,IAAI,CAAC,KAAK,aAAa,UAAU,GAE/B,KAAK,aAAa,YAAY,IAAI;EAEpC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,MAAM,GAAG;GACjC,MAAM,EAAE,qBAAqB,KAC1B;GAEH,KADuB,iBAAiB,gBAChC,CAAC,CAAC,SAAS,SAAS;IAC1B,KAAK,aAAa,QAAQ,KAAK,IAAI;GACrC,CAAC;EACH;EAEA,MAAM,QAAQ,iBAAiB;CACjC;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;;;CAKA,WAAW,mBAAmB;EAC5B,OAAO;CACT;;;;CAKA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;gBAEgBA;;AAClB;YA3MG,SAAS,CAAA,GAAA,oBAAA,WAAA,aAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,WAAA,KAAA,CAAA;YAQzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;YAQzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,oBAAA,WAAA,cAAA,KAAA,CAAA;YAM7B,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,oBAAA,WAAA,kBAAA,KAAA,CAAA;YAkD7B,aAAa,SAAS,CAAA,GAAA,oBAAA,WAAA,kBAAA,KAAA,CAAA;yDAzFxBC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAkN7C,IAAA,6BAAe"}
|
|
1
|
+
{"version":3,"file":"overflow-menu-body.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 CDSFloatingMenu, {\n FLOATING_MENU_DIRECTION,\n getMenuOffset,\n type MenuOffset,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\n\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { html } from 'lit';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-custom-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n /**\n * The menu direction.\n */\n @property()\n direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * How the menu is aligned to the trigger button.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the menu should be open.\n *\n * @private\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n selected: CDSOverflowMenuItem | null = null;\n\n /**\n * The overflow menu size.\n */\n @property({ reflect: true })\n size?: OVERFLOW_MENU_SIZE;\n\n /**\n * The adjustment in position applied to the floating menu.\n */\n @property({ attribute: false })\n menuOffset?: MenuOffset;\n\n /**\n * The adjustment in position applied to the floating menu when flipped.\n */\n @property({ attribute: false })\n menuOffsetFlip?: MenuOffset;\n\n /**\n * Gets the appropriate offset (menuOffset or menuOffsetFlip) based on the flipped state.\n * If no offset is provided, falls back to the default centering behavior.\n * Overrides `getOffsetConfig` in `CDSFloatingMenu`.\n *\n * @returns The menu offset configuration (object, function, or undefined).\n */\n protected getOffsetConfig(): MenuOffset | undefined {\n const offset = this.flipped ? this.menuOffsetFlip : this.menuOffset;\n\n if (!offset) {\n const trigger = this.parent as HTMLElement;\n return getMenuOffset(this, this.direction, trigger, this.flipped);\n }\n\n return offset;\n }\n\n /**\n * @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n */\n protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n const { selectorItemEnabled } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorItemEnabled);\n const currentIndex = indexOf(menuItems, currentItem);\n const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n return nextIndex === currentIndex ? null : menuItems[nextIndex];\n }\n\n /**\n * Navigates through overflow menu items.\n *\n * @param direction `-1` to navigate backward, `1` to navigate forward.\n */\n protected _navigate(direction: number) {\n if (this.selected) {\n const nextItem = this._getNextItem(this.selected, direction);\n (nextItem as HTMLElement)?.focus();\n }\n }\n\n /**\n * Handles `keydown` event on the menu body.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleKeydown = async (event: KeyboardEvent) => {\n const { key } = event;\n if (this.open) {\n /**\n * sets this.selected to focused menu item. the menu item is focused\n * automatically due to FocusMixin\n */\n if (this.contains(document.activeElement)) {\n this.selected = document.activeElement as CDSOverflowMenuItem;\n }\n\n if (key in NAVIGATION_DIRECTION) {\n event.preventDefault();\n this._navigate(NAVIGATION_DIRECTION[key]);\n return;\n }\n\n if (key === 'Escape') {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n return;\n }\n\n const items = this.querySelectorAll(\n CDSOverflowMenuBody.selectorItemEnabled\n );\n const isInsideMenu = Array.from(items).some((item) =>\n item.contains(document.activeElement)\n );\n\n if (isInsideMenu) {\n event.preventDefault();\n\n const menuTrigger = this.parent as HTMLElement | null;\n this.open = false;\n\n if (menuTrigger && 'open' in menuTrigger) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (menuTrigger as any).open = false;\n }\n\n requestAnimationFrame(() => {\n const triggerButton =\n menuTrigger?.shadowRoot?.querySelector(\n `button.${prefix}--overflow-menu`\n ) || menuTrigger?.querySelector(`button.${prefix}--overflow-menu`);\n\n if (triggerButton) {\n (triggerButton as HTMLElement).focus();\n }\n });\n }\n }\n };\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menu');\n }\n if (!this.hasAttribute('tabindex')) {\n // TODO: Should we use a property?\n this.setAttribute('tabindex', '-1');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n const { selectorMenuItem } = this\n .constructor as typeof CDSOverflowMenuBody;\n const menuItems = this.querySelectorAll(selectorMenuItem);\n menuItems.forEach((item) => {\n if (this.size) {\n item.setAttribute('size', this.size);\n } else {\n item.removeAttribute('size');\n }\n });\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /**\n * A selector that will return menu items.\n */\n static get selectorMenuItem() {\n return `${prefix}-overflow-menu-item`;\n }\n\n /**\n * A selector that will return enabled menu items.\n */\n static get selectorItemEnabled() {\n return `${prefix}-overflow-menu-item:not([disabled])`;\n }\n\n static styles = styles;\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,YAAY,OAAe,WAAmB;CAClD,IAAI,QAAQ,GACV,OAAO,SAAS;CAElB,IAAI,SAAS,QACX,OAAO;CAET,OAAO;AACT;;;;;;AAOA,IAAA,sBAAA,MACM,4BAA4B,gBAAgB;;;;;;;iBAWtC;cAQH;kBAEgC;wBAsEZ,OAAO,UAAyB;GACzD,MAAM,EAAE,QAAQ;GAChB,IAAI,KAAK,MAAM;;;;;IAKb,IAAI,KAAK,SAAS,SAAS,aAAa,GACtC,KAAK,WAAW,SAAS;IAG3B,IAAI,OAAO,sBAAsB;KAC/B,MAAM,eAAe;KACrB,KAAK,UAAU,qBAAqB,IAAI;KACxC;IACF;IAEA,IAAI,QAAQ,UAAU;KACpB,MAAM,eAAe;KAErB,MAAM,cAAc,KAAK;KACzB,KAAK,OAAO;KAEZ,IAAI,eAAe,UAAU,aAE3B,YAAqB,OAAO;KAG9B,4BAA4B;MAC1B,MAAM,gBACJ,aAAa,YAAY,cACvB,2BACF,KAAK,aAAa,cAAc,2BAAiC;MAEnE,IAAI,eACF,cAA+B,MAAM;KAEzC,CAAC;KACD;IACF;IAEA,MAAM,QAAQ,KAAK,iBAAA,qBACG,mBACtB;IAKA,IAJqB,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,SAC3C,KAAK,SAAS,SAAS,aAAa,CAGvB,GAAG;KAChB,MAAM,eAAe;KAErB,MAAM,cAAc,KAAK;KACzB,KAAK,OAAO;KAEZ,IAAI,eAAe,UAAU,aAE3B,YAAqB,OAAO;KAG9B,4BAA4B;MAC1B,MAAM,gBACJ,aAAa,YAAY,cACvB,2BACF,KAAK,aAAa,cAAc,2BAAiC;MAEnE,IAAI,eACF,cAA+B,MAAM;KAEzC,CAAC;IACH;GACF;EACF;;;;;;;;;CAlHA,kBAAoD;EAClD,MAAM,SAAS,KAAK,UAAU,KAAK,iBAAiB,KAAK;EAEzD,IAAI,CAAC,QAAQ;GACX,MAAM,UAAU,KAAK;GACrB,OAAO,cAAc,MAAM,KAAK,WAAW,SAAS,KAAK,OAAO;EAClE;EAEA,OAAO;CACT;;;;;;CAOA,aAAuB,aAAkC,WAAmB;EAC1E,MAAM,EAAE,wBAAwB,KAC7B;EACH,MAAM,YAAY,KAAK,iBAAiB,mBAAmB;EAC3D,MAAM,eAAe,QAAQ,WAAW,WAAW;EACnD,MAAM,YAAY,SAAS,eAAe,WAAW,UAAU,MAAM;EACrE,OAAO,cAAc,eAAe,OAAO,UAAU;CACvD;;;;;;CAOA,UAAoB,WAAmB;EACrC,IAAI,KAAK,UAEP,KADsB,aAAa,KAAK,UAAU,SAC1C,CAAC,EAAkB,MAAM;CAErC;CAiFA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,IAAI,CAAC,KAAK,aAAa,UAAU,GAE/B,KAAK,aAAa,YAAY,IAAI;EAEpC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,MAAM,GAAG;GACjC,MAAM,EAAE,qBAAqB,KAC1B;GAEH,KADuB,iBAAiB,gBAChC,CAAC,CAAC,SAAS,SAAS;IAC1B,IAAI,KAAK,MACP,KAAK,aAAa,QAAQ,KAAK,IAAI;SAEnC,KAAK,gBAAgB,MAAM;GAE/B,CAAC;EACH;EAEA,MAAM,QAAQ,iBAAiB;CACjC;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;;;CAKA,WAAW,mBAAmB;EAC5B,OAAO;CACT;;;;CAKA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;gBAEgBA;;AAClB;YA/MG,SAAS,CAAA,GAAA,oBAAA,WAAA,aAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,WAAA,KAAA,CAAA;YAQzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;YAQzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,oBAAA,WAAA,cAAA,KAAA,CAAA;YAM7B,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,oBAAA,WAAA,kBAAA,KAAA,CAAA;YAkD7B,aAAa,SAAS,CAAA,GAAA,oBAAA,WAAA,kBAAA,KAAA,CAAA;yDAzFxBC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAsN7C,IAAA,6BAAe"}
|
|
@@ -53,7 +53,7 @@ declare class CDSOverflowMenuItem extends CDSOverflowMenuItem_base {
|
|
|
53
53
|
static shadowRootOptions: {
|
|
54
54
|
delegatesFocus: boolean;
|
|
55
55
|
clonable?: boolean;
|
|
56
|
-
customElementRegistry?: CustomElementRegistry;
|
|
56
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
57
57
|
mode: ShadowRootMode;
|
|
58
58
|
serializable?: boolean;
|
|
59
59
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -121,7 +121,7 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
121
121
|
/**
|
|
122
122
|
* Overflow menu size.
|
|
123
123
|
*/
|
|
124
|
-
size
|
|
124
|
+
size?: OVERFLOW_MENU_SIZE | string;
|
|
125
125
|
/**
|
|
126
126
|
* `true` if this menu is a toolbar action
|
|
127
127
|
*/
|
|
@@ -134,6 +134,13 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
134
134
|
* @returns The position of the trigger button in the viewport.
|
|
135
135
|
*/
|
|
136
136
|
get triggerPosition(): DOMRect;
|
|
137
|
+
/**
|
|
138
|
+
* Delegates host focus to the trigger and preserves visible focus when needed.
|
|
139
|
+
*/
|
|
140
|
+
focus(options?: FocusOptions): void;
|
|
141
|
+
private _handleTriggerBlur;
|
|
142
|
+
private _handleDocumentInteraction;
|
|
143
|
+
private _clearProgrammaticFocus;
|
|
137
144
|
connectedCallback(): void;
|
|
138
145
|
disconnectedCallback(): void;
|
|
139
146
|
protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,eAAe,CAAC;AAQvB,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;uBAPqB,CAAC;;;;;;;AAqCpD;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;IACH,OAAO,CAAC,OAAO,CAED;IAEd;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;YACW,0BAA0B;IAuBxC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAYzB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAS3B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAI7B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAmB7B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAMH,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAkB;IAEvC;;OAEG;IAEH,IAAI,
|
|
1
|
+
{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,eAAe,CAAC;AAQvB,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;uBAPqB,CAAC;;;;;;;AAqCpD;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;IACH,OAAO,CAAC,OAAO,CAED;IAEd;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;YACW,0BAA0B;IAuBxC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAYzB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAS3B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAI7B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAmB7B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAMH,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAkB;IAEvC;;OAEG;IAEH,IAAI,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAa;IAE/C;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IACH,IAAI,eAAe,YAElB;IAED;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAwCnC,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,0BAA0B,CAKhC;IAEF,OAAO,CAAC,uBAAuB;IAsB/B,iBAAiB;IAoBjB,oBAAoB;IAYpB,SAAS,CAAC,qBAAqB;IAc/B,OAAO,CAAC,iBAAiB,KAAA;IA6GzB,MAAM;IAIN,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kCAAkC;IAU1C;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAOjC;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,2BAA2B;IAkBnC,OAAO,CAAC,cAAc;IAkFtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;YAmBL,qBAAqB;IAsBnC,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,wBAAwB;IAgBhC;;OAEG;IACH,OAAO,CAAC,wBAAwB;CAgBjC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -95,9 +95,16 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
95
95
|
this.index = 1;
|
|
96
96
|
this.label = "";
|
|
97
97
|
this.menuAlignment = "bottom-start";
|
|
98
|
-
this.size =
|
|
98
|
+
this.size = void 0;
|
|
99
99
|
this.toolbarAction = false;
|
|
100
100
|
this.breadcrumb = false;
|
|
101
|
+
this._handleTriggerBlur = () => {
|
|
102
|
+
this._clearProgrammaticFocus();
|
|
103
|
+
};
|
|
104
|
+
this._handleDocumentInteraction = (event) => {
|
|
105
|
+
const triggerButton = this._getTriggerButton();
|
|
106
|
+
if (!triggerButton || !event.composedPath().includes(triggerButton)) this._clearProgrammaticFocus();
|
|
107
|
+
};
|
|
101
108
|
}
|
|
102
109
|
/**
|
|
103
110
|
* Handles user-initiated toggling of the menu.
|
|
@@ -122,6 +129,34 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
122
129
|
get triggerPosition() {
|
|
123
130
|
return this.getBoundingClientRect();
|
|
124
131
|
}
|
|
132
|
+
/**
|
|
133
|
+
* Delegates host focus to the trigger and preserves visible focus when needed.
|
|
134
|
+
*/
|
|
135
|
+
focus(options) {
|
|
136
|
+
const triggerButton = this._getTriggerButton();
|
|
137
|
+
if (!triggerButton) {
|
|
138
|
+
HTMLElement.prototype.focus.call(this, options);
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
HTMLElement.prototype.focus.call(this, options);
|
|
142
|
+
if (this.shadowRoot?.activeElement !== triggerButton) triggerButton.focus(options);
|
|
143
|
+
if (this.shadowRoot?.activeElement !== triggerButton) return;
|
|
144
|
+
if (triggerButton.matches(":focus")) return;
|
|
145
|
+
triggerButton.dispatchEvent(new FocusEvent("focus"));
|
|
146
|
+
this.toggleAttribute("data-programmatic-focus", true);
|
|
147
|
+
triggerButton.addEventListener("blur", this._handleTriggerBlur, { once: true });
|
|
148
|
+
this.ownerDocument.addEventListener("pointerdown", this._handleDocumentInteraction, true);
|
|
149
|
+
this.ownerDocument.addEventListener("focusin", this._handleDocumentInteraction, true);
|
|
150
|
+
}
|
|
151
|
+
_clearProgrammaticFocus() {
|
|
152
|
+
const triggerButton = this._getTriggerButton();
|
|
153
|
+
const hadProgrammaticFocus = this.hasAttribute("data-programmatic-focus");
|
|
154
|
+
this.toggleAttribute("data-programmatic-focus", false);
|
|
155
|
+
triggerButton?.removeEventListener("blur", this._handleTriggerBlur);
|
|
156
|
+
this.ownerDocument.removeEventListener("pointerdown", this._handleDocumentInteraction, true);
|
|
157
|
+
this.ownerDocument.removeEventListener("focusin", this._handleDocumentInteraction, true);
|
|
158
|
+
if (hadProgrammaticFocus) triggerButton?.dispatchEvent(new FocusEvent("focusout"));
|
|
159
|
+
}
|
|
125
160
|
connectedCallback() {
|
|
126
161
|
if (!this.hasAttribute("aria-haspopup")) this.setAttribute("aria-haspopup", "true");
|
|
127
162
|
if (!this.shadowRoot) this.attachShadow({ mode: "open" });
|
|
@@ -137,6 +172,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
137
172
|
this.removeEventListener("click", this._handleClickTrigger);
|
|
138
173
|
this.removeEventListener("keydown", this._handleKeydownTrigger);
|
|
139
174
|
this.removeEventListener("mousedown", this._handleMousedownTrigger);
|
|
175
|
+
this._clearProgrammaticFocus();
|
|
140
176
|
super.disconnectedCallback();
|
|
141
177
|
}
|
|
142
178
|
_renderTooltipContent() {
|
|
@@ -177,8 +213,16 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
177
213
|
button?.classList.forEach((item) => {
|
|
178
214
|
if (item.startsWith(`cds-custom--overflow-menu--`)) button?.classList.remove(item);
|
|
179
215
|
});
|
|
180
|
-
|
|
181
|
-
|
|
216
|
+
this.classList.forEach((item) => {
|
|
217
|
+
if (item.startsWith(`cds-custom--layout--size-`)) this.classList.remove(item);
|
|
218
|
+
});
|
|
219
|
+
if (this.size) {
|
|
220
|
+
button?.classList.add(`cds-custom--overflow-menu--${this.size}`);
|
|
221
|
+
this.classList.add(`cds-custom--layout--size-${this.size}`);
|
|
222
|
+
}
|
|
223
|
+
if (this.size) this._tooltip?.setAttribute("size", this.size);
|
|
224
|
+
else this._tooltip?.removeAttribute("size");
|
|
225
|
+
if (this._menuBody) this._menuBody.size = this.size;
|
|
182
226
|
}
|
|
183
227
|
if (changedProperties.has("toolbarAction") && this.toolbarAction) this._tooltip?.setAttribute("toolbar-action", "");
|
|
184
228
|
const labelText = this._getLabelText();
|