@carbon/web-components 2.53.0 → 2.54.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 +769 -106
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/checkbox/checkbox.scss.js +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-button/combo-button.scss.js +1 -1
- package/es/components/contained-list/contained-list.scss.js +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +3 -3
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +2 -3
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/date-picker/date-picker.d.ts +4 -0
- package/es/components/date-picker/date-picker.d.ts.map +1 -1
- package/es/components/date-picker/date-picker.js +5 -1
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/date-picker/fix-events-plugin.d.ts.map +1 -1
- package/es/components/date-picker/fix-events-plugin.js +0 -6
- package/es/components/date-picker/fix-events-plugin.js.map +1 -1
- package/es/components/date-picker/range-plugin.d.ts +2 -8
- package/es/components/date-picker/range-plugin.d.ts.map +1 -1
- package/es/components/date-picker/range-plugin.js +3 -9
- package/es/components/date-picker/range-plugin.js.map +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/feature-flags/index.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
- package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
- package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
- package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
- package/es/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
- package/es/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
- package/es/components/fluid-combo-box/fluid-combo-box.js +53 -0
- package/es/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
- package/es/components/fluid-combo-box/index.d.ts +9 -0
- package/es/components/fluid-combo-box/index.d.ts.map +1 -0
- package/es/components/fluid-combo-box/index.js +9 -0
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +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-select/fluid-select.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form/form.scss.js +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/grid/column-hang.scss.js +1 -1
- package/es/components/grid/grid.d.ts +5 -0
- package/es/components/grid/grid.d.ts.map +1 -1
- package/es/components/grid/grid.js +11 -1
- package/es/components/grid/grid.js.map +1 -1
- package/es/components/grid/grid.scss.js +1 -1
- package/es/components/grid/grid.scss.js.map +1 -1
- package/es/components/menu/menu-item.d.ts +1 -0
- package/es/components/menu/menu-item.d.ts.map +1 -1
- package/es/components/menu/menu-item.js +5 -0
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu-item.scss.js +1 -1
- package/es/components/menu/menu-item.scss.js.map +1 -1
- package/es/components/menu-button/menu-button.d.ts.map +1 -1
- package/es/components/menu-button/menu-button.js +0 -1
- package/es/components/menu-button/menu-button.js.map +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +38 -4
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +30 -27
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/pagination/defs.d.ts +25 -0
- package/es/components/pagination/defs.d.ts.map +1 -1
- package/es/components/pagination/defs.js +27 -1
- package/es/components/pagination/defs.js.map +1 -1
- package/es/components/pagination/pagination.d.ts +9 -1
- package/es/components/pagination/pagination.d.ts.map +1 -1
- package/es/components/pagination/pagination.js +7 -2
- package/es/components/pagination/pagination.js.map +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/password-input/defs.d.ts +5 -1
- package/es/components/password-input/defs.d.ts.map +1 -1
- package/es/components/password-input/defs.js +4 -0
- package/es/components/password-input/defs.js.map +1 -1
- package/es/components/password-input/password-input.d.ts +1 -1
- package/es/components/password-input/password-input.d.ts.map +1 -1
- package/es/components/password-input/password-input.js +14 -14
- package/es/components/password-input/password-input.js.map +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/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/defs.d.ts +28 -0
- package/es/components/search/defs.d.ts.map +1 -0
- package/es/components/search/defs.js +40 -0
- package/es/components/search/defs.js.map +1 -0
- package/es/components/search/search-skeleton.d.ts +4 -4
- package/es/components/search/search-skeleton.d.ts.map +1 -1
- package/es/components/search/search-skeleton.js +9 -9
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.d.ts +4 -3
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +3 -5
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/search/search.scss.js.map +1 -1
- package/es/components/select/select.d.ts +1 -1
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +1 -4
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/select/select.scss.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +2 -2
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/tabs/stories/tabs-wrapper.d.ts +53 -0
- package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
- package/es/components/tabs/stories/tabs-wrapper.js +129 -0
- package/es/components/tabs/stories/tabs-wrapper.js.map +1 -0
- package/es/components/tabs/tab.d.ts +23 -0
- package/es/components/tabs/tab.d.ts.map +1 -1
- package/es/components/tabs/tab.js +59 -3
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +14 -0
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +74 -25
- package/es/components/tabs/tabs.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/tag.scss.js +1 -1
- package/es/components/text-input/defs.d.ts +5 -1
- package/es/components/text-input/defs.d.ts.map +1 -1
- package/es/components/text-input/defs.js +4 -0
- package/es/components/text-input/defs.js.map +1 -1
- package/es/components/text-input/text-input-skeleton.d.ts +5 -0
- package/es/components/text-input/text-input-skeleton.d.ts.map +1 -1
- package/es/components/text-input/text-input-skeleton.js +10 -3
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.d.ts +2 -2
- package/es/components/text-input/text-input.d.ts.map +1 -1
- package/es/components/text-input/text-input.js +15 -11
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/text-input/text-input.scss.js.map +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js.map +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/index.js +1 -1
- package/es/node_modules/flatpickr/dist/esm/index.js +1516 -0
- package/es/node_modules/flatpickr/dist/esm/index.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
- package/es/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
- package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/types/options.js +90 -0
- package/es/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
- package/es/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
- package/es/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
- package/es/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
- package/es/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
- package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
- package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
- package/es/packages/feature-flags/es/index.js.map +1 -0
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/checkbox/checkbox.scss.js +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-button/combo-button.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/data-table/table-toolbar-search.d.ts +3 -3
- package/es-custom/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es-custom/components/data-table/table-toolbar-search.js +2 -3
- package/es-custom/components/data-table/table-toolbar-search.js.map +1 -1
- package/es-custom/components/date-picker/date-picker.d.ts +4 -0
- package/es-custom/components/date-picker/date-picker.d.ts.map +1 -1
- package/es-custom/components/date-picker/date-picker.js +5 -1
- package/es-custom/components/date-picker/date-picker.js.map +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/fix-events-plugin.d.ts.map +1 -1
- package/es-custom/components/date-picker/fix-events-plugin.js +0 -6
- package/es-custom/components/date-picker/fix-events-plugin.js.map +1 -1
- package/es-custom/components/date-picker/range-plugin.d.ts +2 -8
- package/es-custom/components/date-picker/range-plugin.d.ts.map +1 -1
- package/es-custom/components/date-picker/range-plugin.js +3 -9
- package/es-custom/components/date-picker/range-plugin.js.map +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/feature-flags/index.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.js +53 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
- package/es-custom/components/fluid-combo-box/index.d.ts +9 -0
- package/es-custom/components/fluid-combo-box/index.d.ts.map +1 -0
- package/es-custom/components/fluid-combo-box/index.js +9 -0
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +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-select/fluid-select.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form/form.scss.js +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/grid/column-hang.scss.js +1 -1
- package/es-custom/components/grid/grid.d.ts +5 -0
- package/es-custom/components/grid/grid.d.ts.map +1 -1
- package/es-custom/components/grid/grid.js +11 -1
- package/es-custom/components/grid/grid.js.map +1 -1
- package/es-custom/components/grid/grid.scss.js +1 -1
- package/es-custom/components/grid/grid.scss.js.map +1 -1
- package/es-custom/components/menu/menu-item.d.ts +1 -0
- package/es-custom/components/menu/menu-item.d.ts.map +1 -1
- package/es-custom/components/menu/menu-item.js +5 -0
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu-item.scss.js +1 -1
- package/es-custom/components/menu/menu-item.scss.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.d.ts.map +1 -1
- package/es-custom/components/menu-button/menu-button.js +0 -1
- package/es-custom/components/menu-button/menu-button.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +38 -4
- package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +30 -27
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/pagination/defs.d.ts +25 -0
- package/es-custom/components/pagination/defs.d.ts.map +1 -1
- package/es-custom/components/pagination/defs.js +27 -1
- package/es-custom/components/pagination/defs.js.map +1 -1
- package/es-custom/components/pagination/pagination.d.ts +9 -1
- package/es-custom/components/pagination/pagination.d.ts.map +1 -1
- package/es-custom/components/pagination/pagination.js +7 -2
- package/es-custom/components/pagination/pagination.js.map +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/password-input/defs.d.ts +5 -1
- package/es-custom/components/password-input/defs.d.ts.map +1 -1
- package/es-custom/components/password-input/defs.js +4 -0
- package/es-custom/components/password-input/defs.js.map +1 -1
- package/es-custom/components/password-input/password-input.d.ts +1 -1
- package/es-custom/components/password-input/password-input.d.ts.map +1 -1
- package/es-custom/components/password-input/password-input.js +14 -14
- package/es-custom/components/password-input/password-input.js.map +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/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/defs.d.ts +28 -0
- package/es-custom/components/search/defs.d.ts.map +1 -0
- package/es-custom/components/search/defs.js +40 -0
- package/es-custom/components/search/defs.js.map +1 -0
- package/es-custom/components/search/search-skeleton.d.ts +4 -4
- package/es-custom/components/search/search-skeleton.d.ts.map +1 -1
- package/es-custom/components/search/search-skeleton.js +9 -9
- package/es-custom/components/search/search-skeleton.js.map +1 -1
- package/es-custom/components/search/search.d.ts +4 -3
- package/es-custom/components/search/search.d.ts.map +1 -1
- package/es-custom/components/search/search.js +3 -5
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/search/search.scss.js.map +1 -1
- package/es-custom/components/select/select.d.ts +1 -1
- package/es-custom/components/select/select.d.ts.map +1 -1
- package/es-custom/components/select/select.js +1 -4
- package/es-custom/components/select/select.js.map +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/select/select.scss.js.map +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.d.ts.map +1 -1
- package/es-custom/components/slider/slider.js +2 -2
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +53 -0
- package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
- package/es-custom/components/tabs/stories/tabs-wrapper.js +129 -0
- package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -0
- package/es-custom/components/tabs/tab.d.ts +23 -0
- package/es-custom/components/tabs/tab.d.ts.map +1 -1
- package/es-custom/components/tabs/tab.js +59 -3
- package/es-custom/components/tabs/tab.js.map +1 -1
- package/es-custom/components/tabs/tabs.d.ts +14 -0
- package/es-custom/components/tabs/tabs.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs.js +74 -25
- package/es-custom/components/tabs/tabs.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/tag.scss.js +1 -1
- package/es-custom/components/text-input/defs.d.ts +5 -1
- package/es-custom/components/text-input/defs.d.ts.map +1 -1
- package/es-custom/components/text-input/defs.js +4 -0
- package/es-custom/components/text-input/defs.js.map +1 -1
- package/es-custom/components/text-input/text-input-skeleton.d.ts +5 -0
- package/es-custom/components/text-input/text-input-skeleton.d.ts.map +1 -1
- package/es-custom/components/text-input/text-input-skeleton.js +10 -3
- package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
- package/es-custom/components/text-input/text-input.d.ts +2 -2
- package/es-custom/components/text-input/text-input.d.ts.map +1 -1
- package/es-custom/components/text-input/text-input.js +15 -11
- package/es-custom/components/text-input/text-input.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/text-input/text-input.scss.js.map +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/index.js +1 -1
- package/es-custom/node_modules/flatpickr/dist/esm/index.js +1516 -0
- package/es-custom/node_modules/flatpickr/dist/esm/index.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
- package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
- package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/types/options.js +90 -0
- package/es-custom/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
- package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
- package/es-custom/packages/feature-flags/es/index.js.map +1 -0
- package/lib/components/data-table/table-toolbar-search.d.ts +3 -3
- package/lib/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/lib/components/date-picker/date-picker.d.ts +4 -0
- package/lib/components/date-picker/date-picker.d.ts.map +1 -1
- package/lib/components/date-picker/fix-events-plugin.d.ts.map +1 -1
- package/lib/components/date-picker/range-plugin.d.ts +2 -8
- package/lib/components/date-picker/range-plugin.d.ts.map +1 -1
- package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
- package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
- package/lib/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
- package/lib/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
- package/lib/components/fluid-combo-box/index.d.ts +9 -0
- package/lib/components/fluid-combo-box/index.d.ts.map +1 -0
- package/lib/components/grid/grid.d.ts +5 -0
- package/lib/components/grid/grid.d.ts.map +1 -1
- package/lib/components/menu/menu-item.d.ts +1 -0
- package/lib/components/menu/menu-item.d.ts.map +1 -1
- package/lib/components/menu-button/menu-button.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.d.ts +38 -4
- package/lib/components/multi-select/multi-select.d.ts.map +1 -1
- package/lib/components/pagination/defs.d.ts +25 -0
- package/lib/components/pagination/defs.d.ts.map +1 -1
- package/lib/components/pagination/defs.js +27 -0
- package/lib/components/pagination/defs.js.map +1 -1
- package/lib/components/pagination/pagination.d.ts +9 -1
- package/lib/components/pagination/pagination.d.ts.map +1 -1
- package/lib/components/password-input/defs.d.ts +5 -1
- package/lib/components/password-input/defs.d.ts.map +1 -1
- package/lib/components/password-input/defs.js +4 -0
- package/lib/components/password-input/defs.js.map +1 -1
- package/lib/components/password-input/password-input.d.ts +1 -1
- package/lib/components/password-input/password-input.d.ts.map +1 -1
- package/lib/components/search/defs.d.ts +28 -0
- package/lib/components/search/defs.d.ts.map +1 -0
- package/lib/components/search/defs.js +41 -0
- package/lib/components/search/defs.js.map +1 -0
- package/lib/components/search/search-skeleton.d.ts +4 -4
- package/lib/components/search/search-skeleton.d.ts.map +1 -1
- package/lib/components/search/search.d.ts +4 -3
- package/lib/components/search/search.d.ts.map +1 -1
- package/lib/components/select/select.d.ts +1 -1
- package/lib/components/select/select.d.ts.map +1 -1
- package/lib/components/slider/slider.d.ts.map +1 -1
- package/lib/components/tabs/stories/tabs-wrapper.d.ts +53 -0
- package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
- package/lib/components/tabs/tab.d.ts +23 -0
- package/lib/components/tabs/tab.d.ts.map +1 -1
- package/lib/components/tabs/tabs.d.ts +14 -0
- package/lib/components/tabs/tabs.d.ts.map +1 -1
- package/lib/components/text-input/defs.d.ts +5 -1
- package/lib/components/text-input/defs.d.ts.map +1 -1
- package/lib/components/text-input/defs.js +4 -0
- package/lib/components/text-input/defs.js.map +1 -1
- package/lib/components/text-input/text-input-skeleton.d.ts +5 -0
- package/lib/components/text-input/text-input-skeleton.d.ts.map +1 -1
- package/lib/components/text-input/text-input.d.ts +2 -2
- package/lib/components/text-input/text-input.d.ts.map +1 -1
- package/package.json +9 -6
- package/scss/components/data-table/_table-action.scss +9 -1
- package/scss/components/fluid-combo-box/fluid-combo-box.scss +252 -0
- package/scss/components/fluid-password-input/fluid-password-input.scss +0 -15
- package/scss/components/grid/grid.scss +20 -0
- package/scss/components/menu/menu-item.scss +5 -1
- package/scss/components/pagination/pagination.scss +3 -7
- package/scss/components/password-input/password-input.scss +1 -17
- package/scss/components/search/search.scss +20 -53
- package/scss/components/select/select.scss +4 -0
- package/scss/components/tabs/tabs-story.scss +19 -1
- package/scss/components/tabs/tabs.scss +74 -6
- package/scss/components/text-input/text-input.scss +7 -9
- package/scss/components/tooltip/tooltip.scss +13 -1
- package/telemetry.yml +25 -11
- package/es/feature-flags/es/index.js.map +0 -1
- package/es-custom/feature-flags/es/index.js.map +0 -1
- /package/es/{feature-flags → packages/feature-flags}/es/index.js +0 -0
- /package/es-custom/{feature-flags → packages/feature-flags}/es/index.js +0 -0
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/search/search.scss?lit
|
|
10
|
-
var search_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{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);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{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.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{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;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{margin:0;padding:.5rem 2.5rem .5rem 1rem}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-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.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,hsla(0,0%,9%,.25))}.cds-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--search--sm .cds-custom--search-close,.cds-custom--search--sm.cds-custom--search--expandable,.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--sm~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=sm]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=sm]):host(cds-custom-search[expandable]),:host(cds-custom-search-skeleton[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search-skeleton[size=sm])~.cds-custom--search-button,:host(cds-custom-search[size=sm]) .cds-custom--search-close,:host(cds-custom-search[size=sm]):host(cds-custom-search[expandable]),:host(cds-custom-search[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search[size=sm])~.cds-custom--search-button{block-size:2rem;inline-size:2rem}.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search-skeleton[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder{padding:0 2rem}.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-input::placeholder,:host(cds-custom-search-skeleton[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder,:host(cds-custom-search[size=sm]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder{padding:0 2rem}.cds-custom--search--md .cds-custom--search-close,.cds-custom--search--md.cds-custom--search--expandable,.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--md~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=md]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=md]):host(cds-custom-search[expandable]),:host(cds-custom-search-skeleton[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search-skeleton[size=md])~.cds-custom--search-button,:host(cds-custom-search[size=md]) .cds-custom--search-close,:host(cds-custom-search[size=md]):host(cds-custom-search[expandable]),:host(cds-custom-search[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search[size=md])~.cds-custom--search-button{block-size:2.5rem;inline-size:2.5rem}.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search-skeleton[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder{padding:0 2.5rem}.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-input::placeholder,:host(cds-custom-search-skeleton[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder,:host(cds-custom-search[size=md]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder{padding:0 2.5rem}.cds-custom--search--lg .cds-custom--search-close,.cds-custom--search--lg.cds-custom--search--expandable,.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--lg~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=lg]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=lg]):host(cds-custom-search[expandable]),:host(cds-custom-search-skeleton[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search-skeleton[size=lg])~.cds-custom--search-button,:host(cds-custom-search[size=lg]) .cds-custom--search-close,:host(cds-custom-search[size=lg]):host(cds-custom-search[expandable]),:host(cds-custom-search[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier,:host(cds-custom-search[size=lg])~.cds-custom--search-button{block-size:3rem;inline-size:3rem}.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search-skeleton[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder{padding:0 3rem}.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-input::placeholder,:host(cds-custom-search-skeleton[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder,:host(cds-custom-search[size=lg]):host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder{padding:0 3rem}.cds-custom--search--expandable.cds-custom--search--expanded,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]){inline-size:100%}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::placeholder,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input::placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier{pointer-events:none}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier-icon,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds-custom--search,:host(cds-custom-search){align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--search .cds-custom--label,:host(cds-custom-search) .cds-custom--label{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--search-input{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--search-input *,.cds-custom--search-input :after,.cds-custom--search-input :before{box-sizing:inherit}.cds-custom--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-input:focus{outline-style:dotted}}.cds-custom--search-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--search-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--search-input::-ms-clear{display:none}.cds-custom--search-input::-webkit-search-cancel-button,.cds-custom--search-input::-webkit-search-decoration,.cds-custom--search-input::-webkit-search-results-button,.cds-custom--search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cds-custom--search-input[disabled]{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds-custom--search-input[disabled]::placeholder{color:var(--cds-field)}.cds-custom--search--light .cds-custom--search-close:before,.cds-custom--search--light .cds-custom--search-input{background:var(--cds-field-02,#fff)}.cds-custom--search--sm .cds-custom--search-input,.cds-custom--search--sm.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input,:host(cds-custom-search-skeleton[size=sm]) .cds-custom--search-input,:host(cds-custom-search[size=sm]) .cds-custom--search-input{block-size:2rem;padding:0 2rem}.cds-custom--search--sm .cds-custom--search-magnifier-icon,:host(cds-custom-search-skeleton[size=sm]) .cds-custom--search-magnifier-icon,:host(cds-custom-search[size=sm]) .cds-custom--search-magnifier-icon{inset-inline-start:.5rem}.cds-custom--search--md .cds-custom--search-input,.cds-custom--search--md.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input,:host(cds-custom-search-skeleton[size=md]) .cds-custom--search-input,:host(cds-custom-search[size=md]) .cds-custom--search-input{block-size:2.5rem;padding:0 2.5rem}.cds-custom--search--md .cds-custom--search-magnifier-icon,:host(cds-custom-search-skeleton[size=md]) .cds-custom--search-magnifier-icon,:host(cds-custom-search[size=md]) .cds-custom--search-magnifier-icon{inset-inline-start:.75rem}.cds-custom--search--lg .cds-custom--search-input,.cds-custom--search--lg.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input,:host(cds-custom-search-skeleton[size=lg]) .cds-custom--search-input,:host(cds-custom-search[size=lg]) .cds-custom--search-input{block-size:3rem;padding:0 3rem}.cds-custom--search-magnifier-icon{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--search-magnifier-icon *,.cds-custom--search-magnifier-icon :after,.cds-custom--search-magnifier-icon :before{box-sizing:inherit}.cds-custom--search-magnifier-icon{block-size:1rem;position:absolute;z-index:2;fill:var(--cds-icon-secondary,#525252);inline-size:1rem;inset-block-start:50%;inset-inline-start:1rem;pointer-events:none;transform:translateY(-50%)}.cds-custom--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--search-close *,.cds-custom--search-close :after,.cds-custom--search-close :before{box-sizing:inherit}.cds-custom--search-close::-moz-focus-inner{border:0}.cds-custom--search-close{inset-block-start:0;inset-inline-end:0;outline:2px solid transparent;outline-offset:-2px;position:absolute}.cds-custom--search-close:hover{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--search-button{background-color:var(--cds-field);flex-shrink:0;margin-inline-start:.125rem}.cds-custom--search-button svg{fill:currentColor;vertical-align:middle}.cds-custom--search-close svg{position:relative;z-index:1;fill:inherit}.cds-custom--search-button,.cds-custom--search-close{align-items:center;block-size:2.5rem;border:solid transparent;border-width:0 0 1px;cursor:pointer;display:flex;justify-content:center;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;opacity:1;visibility:inherit}.cds-custom--search-button:hover,.cds-custom--search-close:hover{background-color:var(--cds-field-hover)}.cds-custom--search-button:focus,.cds-custom--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-button:focus,.cds-custom--search-close:focus{outline-style:dotted}}.cds-custom--search-button:active,.cds-custom--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-button:active,.cds-custom--search-close:active{outline-style:dotted}}.cds-custom--search-button:active,.cds-custom--search-close:active{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--search-input:focus~.cds-custom--search-close:hover{background-color:transparent;border-block-end-color:transparent;outline:none}.cds-custom--search-input:focus~.cds-custom--search-close:hover:after{background-color:var(--cds-field-hover);content:\"\";inset-block:.125rem;inset-inline:0 .125rem;pointer-events:none;position:absolute}.cds-custom--search--disabled .cds-custom--search-close,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier{cursor:not-allowed;outline:none}.cds-custom--search--disabled .cds-custom--search-close:hover,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover{background-color:transparent;border-block-end-color:transparent}.cds-custom--search--disabled .cds-custom--search-close:hover:before,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover:before{background-color:transparent}.cds-custom--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds-custom--search--sm .cds-custom--search-close,.cds-custom--search--sm.cds-custom--search--expandable,.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--sm~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=sm]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=sm])~.cds-custom--search-button,:host(cds-custom-search[size=sm]) .cds-custom--search-close,:host(cds-custom-search[size=sm])~.cds-custom--search-button{block-size:2rem;inline-size:2rem}.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder{padding:0 2rem}.cds-custom--search--sm.cds-custom--search--expandable .cds-custom--search-input::placeholder{padding:0 2rem}.cds-custom--search--md .cds-custom--search-close,.cds-custom--search--md.cds-custom--search--expandable,.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--md~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=md]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=md])~.cds-custom--search-button,:host(cds-custom-search[size=md]) .cds-custom--search-close,:host(cds-custom-search[size=md])~.cds-custom--search-button{block-size:2.5rem;inline-size:2.5rem}.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder{padding:0 2.5rem}.cds-custom--search--md.cds-custom--search--expandable .cds-custom--search-input::placeholder{padding:0 2.5rem}.cds-custom--search--lg .cds-custom--search-close,.cds-custom--search--lg.cds-custom--search--expandable,.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-magnifier,.cds-custom--search--lg~.cds-custom--search-button,:host(cds-custom-search-skeleton[size=lg]) .cds-custom--search-close,:host(cds-custom-search-skeleton[size=lg])~.cds-custom--search-button,:host(cds-custom-search[size=lg]) .cds-custom--search-close,:host(cds-custom-search[size=lg])~.cds-custom--search-button{block-size:3rem;inline-size:3rem}.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder{padding:0 3rem}.cds-custom--search--lg.cds-custom--search--expandable .cds-custom--search-input::placeholder{padding:0 3rem}.cds-custom--search-close--hidden{opacity:0;visibility:hidden}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:active,.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:focus,.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:hover,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:active,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:focus,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:hover,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:active,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:focus,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:hover{border:none;cursor:default;outline:none}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input{background:CanvasText}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input:before,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input{inline-size:100%}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input::-moz-placeholder,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input::-moz-placeholder,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input::-moz-placeholder{color:transparent}.cds-custom--search--lg.cds-custom--skeleton .cds-custom--search-input::placeholder,.cds-custom--search--md.cds-custom--skeleton .cds-custom--search-input::placeholder,.cds-custom--search--sm.cds-custom--skeleton .cds-custom--search-input::placeholder{color:transparent}.cds-custom--search--expandable,:host(cds-custom-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded{inline-size:100%}.cds-custom--search--expandable .cds-custom--search-input,:host(cds-custom-search[expandable]) .cds-custom--search-input{inline-size:0;padding:0;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable .cds-custom--search-input::placeholder,:host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable .cds-custom--search-magnifier,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier{cursor:pointer;position:absolute}.cds-custom--search--expandable .cds-custom--search-magnifier:focus,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds-custom--search--expandable .cds-custom--search-magnifier:hover,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier{pointer-events:none}.cds-custom--search--expandable .cds-custom--search-magnifier-icon,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds-custom--search--expandable.cds-custom--search--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--search-magnifier-tooltip{align-items:center;display:flex;justify-content:center}.cds-custom--search-magnifier-tooltip .cds-custom--search-magnifier{position:relative}:host(cds-custom-search){outline:none}:host([expandable]:focus-within) .cds-custom--search-magnifier{outline:.125rem solid var(--cds-focus)}:host([expandable]:focus-within) .cds-custom--search-magnifier~.cds-custom--search-input{outline:none}:host([expandable][expanded]:focus-within) .cds-custom--search-magnifier{outline:none}:host(cds-custom-search[expandable][size=sm]) .cds-custom--search-magnifier{block-size:2rem;inline-size:2rem}:host(cds-custom-search[expandable][size=md]) .cds-custom--search-magnifier{block-size:2.5rem;inline-size:2.5rem}:host(cds-custom-search[expandable][size=lg]) .cds-custom--search-magnifier{block-size:3rem;inline-size:3rem}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-input{inline-size:100%}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-input:focus{outline:.125rem solid var(--cds-focus)}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier{pointer-events:none}:host(cds-custom-search[expandable][expanded][size=sm]) .cds-custom--search-input{padding:0 2rem}:host(cds-custom-search[expandable][expanded][size=md]) .cds-custom--search-input{padding:0 2.5rem}:host(cds-custom-search[expandable][expanded][size=lg]) .cds-custom--search-input{padding:0 3rem}:host(cds-custom-search[expandable][expanded][size=lg]) ::slotted(.cds-custom--search-magnifier){block-size:3rem;inline-size:3rem}:host(cds-custom-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-custom-search[disabled]) .cds-custom--search-close{outline:none;pointer-events:none}:host(cds-custom-search[disabled]) .cds-custom--search-close:before{background:none}:host(cds-custom-search-skeleton){inline-size:100%}:host(cds-custom-search-skeleton) .cds-custom--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-search-skeleton) .cds-custom--search-input:active,:host(cds-custom-search-skeleton) .cds-custom--search-input:focus,:host(cds-custom-search-skeleton) .cds-custom--search-input:hover{border:none;cursor:default;outline:none}:host(cds-custom-search-skeleton) .cds-custom--search-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-custom-search-skeleton) .cds-custom--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-search-skeleton) .cds-custom--search-input{background:CanvasText}:host(cds-custom-search-skeleton) .cds-custom--search-input:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-search-skeleton) .cds-custom--search-input{inline-size:100%}:host(cds-custom-search-skeleton) .cds-custom--search-input::-moz-placeholder{color:transparent}:host(cds-custom-search-skeleton) .cds-custom--search-input::placeholder{color:transparent}:host(cds-custom-search) .cds-custom--search-input{background-color:var(--cds-search-background,var(--cds-field));border-block-end:var(--cds-search-border-bottom,1px solid var(--cds-border-strong))}"]);
|
|
10
|
+
var search_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,:host(cds-custom-search[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,:host(cds-custom-search[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,:host(cds-custom-search[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,:host(cds-custom-search[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{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);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{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.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{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;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{margin:0;padding:.5rem 2.5rem .5rem 1rem}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-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;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{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.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,hsla(0,0%,9%,.25))}.cds-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;aspect-ratio:1;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));gap:.25rem;inset-inline-start:calc((var(--cds-layout-size-height-local))*-1)}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input,.cds-custom--text-input--warning.cds-custom--password-input{padding-inline-end:calc(var(--cds-layout-size-height-local) + 1.5rem)}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));inset-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{align-items:center;flex-flow:row nowrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:0 1 auto;margin:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input__label-helper-wrapper{flex:0 1 auto;flex-direction:column;max-inline-size:8.875rem;overflow-wrap:break-word}.cds-custom--text-input__label-helper-wrapper:first-of-type{margin-inline-end:.5rem}.cds-custom--text-input__label-helper-wrapper:last-of-type{margin-inline-start:.5rem}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement,.cds-custom--text-input-wrapper--inline .cds-custom--form__helper-text--inline{margin:0}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:1rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--search.cds-custom--search--expandable,.cds-custom--search.cds-custom--search--expandable .cds-custom--search-magnifier,:host(cds-custom-search):host(cds-custom-search[expandable]),:host(cds-custom-search):host(cds-custom-search[expandable]) .cds-custom--search-magnifier{block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local)}.cds-custom--search--disabled .cds-custom--search-close,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier,:host(cds-custom-search[disabled]) .cds-custom--search-close,:host(cds-custom-search[disabled]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier{cursor:not-allowed;outline:none}.cds-custom--search--disabled .cds-custom--search-close:hover,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover,:host(cds-custom-search[disabled]) .cds-custom--search-close:hover,:host(cds-custom-search[disabled]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier:hover{background-color:transparent;border-block-end-color:transparent}.cds-custom--search--disabled .cds-custom--search-close:hover:before,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover:before,:host(cds-custom-search[disabled]) .cds-custom--search-close:hover:before,:host(cds-custom-search[disabled]):host(cds-custom-search[expandable]) .cds-custom--search-magnifier:hover:before{background-color:transparent}.cds-custom--search--expandable.cds-custom--search--expanded,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]){inline-size:100%}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input{inline-size:100%;padding:0 var(--cds-layout-size-height-local);transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::placeholder,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-input::placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier{pointer-events:none}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier-icon,:host(cds-custom-search[expandable]):host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds-custom--search--expandable.cds-custom--search--disabled svg,:host(cds-custom-search[expandable]):host(cds-custom-search[disabled]) svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--search,:host(cds-custom-search){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--search .cds-custom--search-close,.cds-custom--search~.cds-custom--search-button,:host(cds-custom-search) .cds-custom--search-close,:host(cds-custom-search)~.cds-custom--search-button{block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local)}.cds-custom--search.cds-custom--search--expandable,.cds-custom--search.cds-custom--search--expandable .cds-custom--search-magnifier{block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local)}.cds-custom--search .cds-custom--label,:host(cds-custom-search) .cds-custom--label{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--search-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--search-input *,.cds-custom--search-input :after,.cds-custom--search-input :before{box-sizing:inherit}.cds-custom--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-size-height-local);text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-input:focus{outline-style:dotted}}.cds-custom--search-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--search-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--search-input::-ms-clear{display:none}.cds-custom--search-input::-webkit-search-cancel-button,.cds-custom--search-input::-webkit-search-decoration,.cds-custom--search-input::-webkit-search-results-button,.cds-custom--search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cds-custom--search-input[disabled]{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds-custom--search-input[disabled]::placeholder{color:var(--cds-field)}.cds-custom--search--light .cds-custom--search-close:before,.cds-custom--search--light .cds-custom--search-input{background:var(--cds-field-02,#fff)}.cds-custom--search-magnifier-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--search-magnifier-icon *,.cds-custom--search-magnifier-icon :after,.cds-custom--search-magnifier-icon :before{box-sizing:inherit}.cds-custom--search-magnifier-icon{block-size:1rem;position:absolute;z-index:2;fill:var(--cds-icon-secondary,#525252);inline-size:1rem;inset-block-start:50%;inset-inline-start:calc((var(--cds-layout-size-height-local) - 1rem)/2);pointer-events:none;transform:translateY(-50%)}.cds-custom--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--search-close *,.cds-custom--search-close :after,.cds-custom--search-close :before{box-sizing:inherit}.cds-custom--search-close::-moz-focus-inner{border:0}.cds-custom--search-close{inset-block-start:0;inset-inline-end:0;outline:2px solid transparent;outline-offset:-2px;position:absolute}.cds-custom--search-close:hover{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--search-button{background-color:var(--cds-field);flex-shrink:0;margin-inline-start:.125rem}.cds-custom--search-button svg{fill:currentColor;vertical-align:middle}.cds-custom--search-close svg{position:relative;z-index:1;fill:inherit}.cds-custom--search-button,.cds-custom--search-close{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));align-items:center;block-size:var(--cds-layout-size-height-local);border:solid transparent;border-width:0 0 1px;cursor:pointer;display:flex;justify-content:center;fill:var(--cds-icon-primary,#161616);inline-size:var(--cds-layout-size-height-local);opacity:1;visibility:inherit}.cds-custom--search-button:hover,.cds-custom--search-close:hover{background-color:var(--cds-field-hover)}.cds-custom--search-button:focus,.cds-custom--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-button:focus,.cds-custom--search-close:focus{outline-style:dotted}}.cds-custom--search-button:active,.cds-custom--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--search-button:active,.cds-custom--search-close:active{outline-style:dotted}}.cds-custom--search-button:active,.cds-custom--search-close:active{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--search-input:focus~.cds-custom--search-close:hover{background-color:transparent;border-block-end-color:transparent;outline:none}.cds-custom--search-input:focus~.cds-custom--search-close:hover:after{background-color:var(--cds-field-hover);content:\"\";inset-block:.125rem;inset-inline:0 .125rem;pointer-events:none;position:absolute}.cds-custom--search--disabled .cds-custom--search-close,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier,:host(cds-custom-search[disabled]) .cds-custom--search-close{cursor:not-allowed;outline:none}.cds-custom--search--disabled .cds-custom--search-close:hover,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover,:host(cds-custom-search[disabled]) .cds-custom--search-close:hover{background-color:transparent;border-block-end-color:transparent}.cds-custom--search--disabled .cds-custom--search-close:hover:before,.cds-custom--search--disabled.cds-custom--search--expandable .cds-custom--search-magnifier:hover:before,:host(cds-custom-search[disabled]) .cds-custom--search-close:hover:before{background-color:transparent}.cds-custom--search--disabled svg,:host(cds-custom-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds-custom--search-close--hidden{opacity:0;visibility:hidden}.cds-custom--skeleton .cds-custom--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton .cds-custom--search-input:active,.cds-custom--skeleton .cds-custom--search-input:focus,.cds-custom--skeleton .cds-custom--search-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton .cds-custom--search-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton .cds-custom--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton .cds-custom--search-input{background:CanvasText}.cds-custom--skeleton .cds-custom--search-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton .cds-custom--search-input{inline-size:100%}.cds-custom--skeleton .cds-custom--search-input::-moz-placeholder{color:transparent}.cds-custom--skeleton .cds-custom--search-input::placeholder{color:transparent}.cds-custom--search--expandable,:host(cds-custom-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded{inline-size:100%}.cds-custom--search--expandable .cds-custom--search-input,:host(cds-custom-search[expandable]) .cds-custom--search-input{inline-size:0;padding:0;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable .cds-custom--search-input::-moz-placeholder,:host(cds-custom-search[expandable]) .cds-custom--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable .cds-custom--search-input::placeholder,:host(cds-custom-search[expandable]) .cds-custom--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input{inline-size:100%;padding:0 var(--cds-layout-size-height-local);transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-input::placeholder{opacity:1;padding:0;position:relative}.cds-custom--search--expandable .cds-custom--search-magnifier,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier{cursor:pointer;position:absolute}.cds-custom--search--expandable .cds-custom--search-magnifier:focus,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds-custom--search--expandable .cds-custom--search-magnifier:hover,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier{pointer-events:none}.cds-custom--search--expandable .cds-custom--search-magnifier-icon,:host(cds-custom-search[expandable]) .cds-custom--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds-custom--search--expandable.cds-custom--search--expanded .cds-custom--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds-custom--search--expandable.cds-custom--search--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--search-magnifier-tooltip{align-items:center;display:flex;justify-content:center}.cds-custom--search-magnifier-tooltip .cds-custom--search-magnifier{position:relative}:host(cds-custom-search){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host([expandable]:focus-within) .cds-custom--search-magnifier{outline:.125rem solid var(--cds-focus)}:host([expandable]:focus-within) .cds-custom--search-magnifier~.cds-custom--search-input{outline:none}:host([expandable][expanded]:focus-within) .cds-custom--search-magnifier{outline:none}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-input{inline-size:100%}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-input:focus{outline:.125rem solid var(--cds-focus)}:host(cds-custom-search[expandable][expanded]) .cds-custom--search-magnifier{pointer-events:none}:host(cds-custom-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-custom-search[disabled]) .cds-custom--search-input{border-block-end:1px solid transparent}:host(cds-custom-search[disabled]) .cds-custom--search-close{outline:none;pointer-events:none}:host(cds-custom-search[disabled]) .cds-custom--search-close:before{background:none}:host(cds-custom-search-skeleton){--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;inline-size:100%}:host(cds-custom-search-skeleton) .cds-custom--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-search-skeleton) .cds-custom--search-input:active,:host(cds-custom-search-skeleton) .cds-custom--search-input:focus,:host(cds-custom-search-skeleton) .cds-custom--search-input:hover{border:none;cursor:default;outline:none}:host(cds-custom-search-skeleton) .cds-custom--search-input:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-custom-search-skeleton) .cds-custom--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-search-skeleton) .cds-custom--search-input{background:CanvasText}:host(cds-custom-search-skeleton) .cds-custom--search-input:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-search-skeleton) .cds-custom--search-input{inline-size:100%}:host(cds-custom-search-skeleton) .cds-custom--search-input::-moz-placeholder{color:transparent}:host(cds-custom-search-skeleton) .cds-custom--search-input::placeholder{color:transparent}:host(cds-custom-search) .cds-custom--search-input{background-color:var(--cds-search-background,var(--cds-field));border-block-end:var(--cds-search-border-bottom,1px solid var(--cds-border-strong))}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { search_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.scss.js","names":[],"sources":["../../../src/components/search/search.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019,
|
|
1
|
+
{"version":3,"file":"search.scss.js","names":[],"sources":["../../../src/components/search/search.scss?lit"],"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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/search' as *;\n@use '@carbon/styles/scss/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include search;\n\n:host(#{$prefix}-search) {\n @include emit-layout-tokens();\n @extend .#{$prefix}--search;\n\n outline: none;\n}\n\n:host(#{$prefix}-search[expandable]) {\n @extend .#{$prefix}--search--expandable;\n}\n\n:host([expandable]:focus-within) .#{$prefix}--search-magnifier {\n outline: $spacing-01 solid var(--cds-focus);\n\n ~ .#{$prefix}--search-input {\n outline: none;\n }\n}\n\n:host([expandable][expanded]:focus-within) .#{$prefix}--search-magnifier {\n outline: none;\n}\n\n:host(#{$prefix}-search[expandable][expanded]) {\n @extend .#{$prefix}--search--expanded;\n\n .#{$prefix}--search-input {\n inline-size: 100%;\n\n &:focus {\n outline: $spacing-01 solid var(--cds-focus);\n }\n }\n .#{$prefix}--search-magnifier {\n pointer-events: none;\n }\n}\n\n:host(#{$prefix}-search[disabled]) {\n @extend .#{$prefix}--search--disabled;\n\n svg {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--search-input {\n border-block-end: 1px solid transparent;\n }\n\n .#{$prefix}--search-close {\n outline: none;\n pointer-events: none;\n\n &::before {\n background: none;\n }\n }\n}\n\n:host(#{$prefix}-search-skeleton) {\n @include emit-layout-tokens();\n\n inline-size: 100%;\n\n .#{$prefix}--search-input {\n @include skeleton;\n\n inline-size: 100%;\n\n &::placeholder {\n color: transparent;\n }\n }\n}\n\n:host(#{$prefix}-search[size='xs']) {\n @extend .#{$prefix}--layout--size-xs;\n}\n\n:host(#{$prefix}-search[size='sm']) {\n @extend .#{$prefix}--layout--size-sm;\n}\n\n:host(#{$prefix}-search[size='md']) {\n @extend .#{$prefix}--layout--size-md;\n}\n\n:host(#{$prefix}-search[size='lg']) {\n @extend .#{$prefix}--layout--size-lg;\n}\n:host(#{$prefix}-search) {\n .#{$prefix}--search-input {\n background-color: var(--cds-search-background, $field);\n border-block-end: var(--cds-search-border-bottom, 1px solid $border-strong);\n }\n}\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;AAMtD;;;;;;;;;GASG;AACH,cACM,SAAU,SAAQ,cAAqB;IAC3C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAiC;IAE1D;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAEf;IAEd;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAqB;IAExC;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAuB;IAEnD;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAepB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAqBpD;;;OAGG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,0BAEV;IAED;;OAEG;IACH,IAAI,IAAI,qCAEP;IAED;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAY;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,IACI,QAAQ,YAEX;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,aAAa,WAEhB;IAED,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED;;OAEG;IAEH,IAAI,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;AAMtD;;;;;;;;;GASG;AACH,cACM,SAAU,SAAQ,cAAqB;IAC3C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAiC;IAE1D;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAEf;IAEd;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAqB;IAExC;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAuB;IAEnD;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAepB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAqBpD;;;OAGG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,0BAEV;IAED;;OAEG;IACH,IAAI,IAAI,qCAEP;IAED;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAY;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,IACI,QAAQ,YAEX;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,aAAa,WAEhB;IAED,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAUjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,KAAA;IA2CzB,MAAM;IAmJN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -12,8 +12,6 @@ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers
|
|
|
12
12
|
import iconLoader from "../../globals/internal/icon-loader.js";
|
|
13
13
|
import FormMixin from "../../globals/mixins/form.js";
|
|
14
14
|
import if_non_empty_default from "../../globals/directives/if-non-empty.js";
|
|
15
|
-
import "../text-input/defs.js";
|
|
16
|
-
import "../text-input/text-input.js";
|
|
17
15
|
import select_default$1 from "./select.scss.js";
|
|
18
16
|
import { LitElement, html } from "lit";
|
|
19
17
|
import { property, query, queryAll } from "lit/decorators.js";
|
|
@@ -67,7 +65,6 @@ let CDSSelect = class CDSSelect extends FormMixin(LitElement) {
|
|
|
67
65
|
this.readonly = false;
|
|
68
66
|
this.required = false;
|
|
69
67
|
this.requiredValidityMessage = "Please fill out this field.";
|
|
70
|
-
this.size = "md";
|
|
71
68
|
this.value = "";
|
|
72
69
|
}
|
|
73
70
|
/**
|
|
@@ -208,7 +205,7 @@ let CDSSelect = class CDSSelect extends FormMixin(LitElement) {
|
|
|
208
205
|
};
|
|
209
206
|
const inputClasses = classMap({
|
|
210
207
|
[`cds-custom--select-input`]: true,
|
|
211
|
-
[`cds-custom--select-input--${size}`]: size
|
|
208
|
+
[`cds-custom--select-input--${size}`]: size !== void 0
|
|
212
209
|
});
|
|
213
210
|
const labelClasses = classMap({
|
|
214
211
|
[`cds-custom--label`]: !labelStylesDisable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Select box.\n *\n * @element cds-custom-select\n * @fires cds-custom-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /**\n * `true` if there is an AI Label.\n */\n protected _hasAILabel = false;\n\n /**\n * The mutation observer DOM mutation.\n */\n private _observerMutation: MutationObserver | null = null;\n\n /**\n * The `value` for placeholder `<option>`.\n */\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /**\n * The select box.\n */\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Select all <option> nodes with `selected` attribute\n */\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /**\n * Specify whether the textarea is fluid or not\n */\n @property({ type: Boolean })\n isFluid = false;\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n * @param event.target The event target.\n */\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /**\n * Handles DOM mutation of `<cds-custom-select-item>` or `<cds-custom-select-item-group>` put in `<cds-custom-select>`, or their changes.\n * In such event, `<cds-custom-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-custom-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n */\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /**\n * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n */\n private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-custom-select-item>` and `<cds-custom-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleAILabelSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) ||\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /**\n * The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n */\n get length() {\n return this._selectNode.length;\n }\n\n /**\n * The child `<option>`s.\n */\n get options() {\n return this._selectNode.options;\n }\n\n /**\n * This form control's type.\n */\n get type() {\n return this._selectNode.type;\n }\n\n /**\n * Sets the select to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * Controls the disabled state of the select\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * ID to link the `label` and `select`\n */\n @property()\n id = 'select';\n\n /**\n * Specify if the currently value is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * Specify if the currently value is warn.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Message which is displayed if the value is warn.\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Specify if you want to disable the default label styling\n */\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /**\n * Specify whether you want the inline version of this control\n */\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /**\n * `true` to enable multiple selection.\n */\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /**\n * Name for the select in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the select against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the select has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the select\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * The selected index.\n */\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /**\n * The value of the text area.\n */\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid || normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string | undefined;\n if (normalizedProps.invalid || normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder || value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn ||\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /**\n * A selector selecting child pseudo `<optgroup>`/`<option>`.\n */\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /**\n * A selector selecting child pseudo `<option>`.\n */\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /**\n * A selector that will return the slug item.\n *\n * remove in v12\n */\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /**\n * A selector that will return the AI Label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /**\n * The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Select box.\n *\n * @element cds-custom-select\n * @fires cds-custom-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /**\n * `true` if there is an AI Label.\n */\n protected _hasAILabel = false;\n\n /**\n * The mutation observer DOM mutation.\n */\n private _observerMutation: MutationObserver | null = null;\n\n /**\n * The `value` for placeholder `<option>`.\n */\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /**\n * The select box.\n */\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Select all <option> nodes with `selected` attribute\n */\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /**\n * Specify whether the textarea is fluid or not\n */\n @property({ type: Boolean })\n isFluid = false;\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n * @param event.target The event target.\n */\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /**\n * Handles DOM mutation of `<cds-custom-select-item>` or `<cds-custom-select-item-group>` put in `<cds-custom-select>`, or their changes.\n * In such event, `<cds-custom-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-custom-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n */\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /**\n * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n */\n private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-custom-select-item>` and `<cds-custom-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleAILabelSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) ||\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /**\n * The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n */\n get length() {\n return this._selectNode.length;\n }\n\n /**\n * The child `<option>`s.\n */\n get options() {\n return this._selectNode.options;\n }\n\n /**\n * This form control's type.\n */\n get type() {\n return this._selectNode.type;\n }\n\n /**\n * Sets the select to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * Controls the disabled state of the select\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * ID to link the `label` and `select`\n */\n @property()\n id = 'select';\n\n /**\n * Specify if the currently value is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * Specify if the currently value is warn.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Message which is displayed if the value is warn.\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Specify if you want to disable the default label styling\n */\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /**\n * Specify whether you want the inline version of this control\n */\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /**\n * `true` to enable multiple selection.\n */\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /**\n * Name for the select in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the select against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the select has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the select\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * The selected index.\n */\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n /**\n * The value of the text area.\n */\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size !== undefined,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid || normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string | undefined;\n if (normalizedProps.invalid || normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder || value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn ||\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /**\n * A selector selecting child pseudo `<optgroup>`/`<option>`.\n */\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /**\n * A selector selecting child pseudo `<option>`.\n */\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /**\n * A selector that will return the slug item.\n *\n * remove in v12\n */\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /**\n * A selector that will return the AI Label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /**\n * The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}
|