@carbon/web-components 2.53.0 → 2.54.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 +784 -110
- 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.d.ts +3 -2
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +9 -2
- package/es/components/dropdown/dropdown.js.map +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-form/fluid-form.d.ts +19 -0
- package/es/components/fluid-form/fluid-form.d.ts.map +1 -0
- package/es/components/fluid-form/fluid-form.js +44 -0
- package/es/components/fluid-form/fluid-form.js.map +1 -0
- package/es/components/fluid-form/fluid-form.scss.js +14 -0
- package/es/components/fluid-form/fluid-form.scss.js.map +1 -0
- package/es/components/fluid-form/index.d.ts +8 -0
- package/es/components/fluid-form/index.d.ts.map +1 -0
- package/es/components/fluid-form/index.js +8 -0
- 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-number-input/fluid-number-input.scss.js.map +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-select/fluid-select.scss.js +1 -1
- package/es/components/fluid-select/fluid-select.scss.js.map +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/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/icon/icon.d.ts +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/modal/modal.scss.js.map +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.d.ts +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/callout-notification.d.ts +1 -1
- package/es/components/notification/inline-notification.d.ts +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 +15 -15
- 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 +4 -3
- 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/selectable-tile.d.ts +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.d.ts +2 -1
- package/es/components/time-picker/time-picker.d.ts.map +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/globals/directives/spread.d.ts +1 -1
- package/es/globals/directives/spread.d.ts.map +1 -1
- package/es/globals/internal/icon-loader-utils.d.ts +1 -1
- package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es/globals/mixins/validity.d.ts +2 -1
- package/es/globals/mixins/validity.d.ts.map +1 -1
- package/es/globals/mixins/validity.js.map +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.d.ts +3 -2
- package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
- package/es-custom/components/dropdown/dropdown.js +9 -2
- package/es-custom/components/dropdown/dropdown.js.map +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-form/fluid-form.d.ts +19 -0
- package/es-custom/components/fluid-form/fluid-form.d.ts.map +1 -0
- package/es-custom/components/fluid-form/fluid-form.js +44 -0
- package/es-custom/components/fluid-form/fluid-form.js.map +1 -0
- package/es-custom/components/fluid-form/fluid-form.scss.js +14 -0
- package/es-custom/components/fluid-form/fluid-form.scss.js.map +1 -0
- package/es-custom/components/fluid-form/index.d.ts +8 -0
- package/es-custom/components/fluid-form/index.d.ts.map +1 -0
- package/es-custom/components/fluid-form/index.js +8 -0
- 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-number-input/fluid-number-input.scss.js.map +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
- package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/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/icon/icon.d.ts +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/modal/modal.scss.js.map +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.d.ts +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/callout-notification.d.ts +1 -1
- package/es-custom/components/notification/inline-notification.d.ts +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 +15 -15
- 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 +4 -3
- 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/selectable-tile.d.ts +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.d.ts +2 -1
- package/es-custom/components/time-picker/time-picker.d.ts.map +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/globals/directives/spread.d.ts +1 -1
- package/es-custom/globals/directives/spread.d.ts.map +1 -1
- package/es-custom/globals/internal/icon-loader-utils.d.ts +1 -1
- package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es-custom/globals/mixins/validity.d.ts +2 -1
- package/es-custom/globals/mixins/validity.d.ts.map +1 -1
- package/es-custom/globals/mixins/validity.js.map +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/dropdown/dropdown.d.ts +3 -2
- package/lib/components/dropdown/dropdown.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/fluid-form/fluid-form.d.ts +19 -0
- package/lib/components/fluid-form/fluid-form.d.ts.map +1 -0
- package/lib/components/fluid-form/index.d.ts +8 -0
- package/lib/components/fluid-form/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/icon/icon.d.ts +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/notification/actionable-notification.d.ts +1 -1
- package/lib/components/notification/callout-notification.d.ts +1 -1
- package/lib/components/notification/inline-notification.d.ts +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 +4 -3
- package/lib/components/text-input/text-input.d.ts.map +1 -1
- package/lib/components/tile/selectable-tile.d.ts +1 -1
- package/lib/components/time-picker/time-picker.d.ts +2 -1
- package/lib/components/time-picker/time-picker.d.ts.map +1 -1
- package/lib/globals/directives/spread.d.ts +1 -1
- package/lib/globals/directives/spread.d.ts.map +1 -1
- package/lib/globals/internal/icon-loader-utils.d.ts +1 -1
- package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/lib/globals/mixins/validity.d.ts +2 -1
- package/lib/globals/mixins/validity.d.ts.map +1 -1
- package/package.json +13 -10
- 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-form/fluid-form.scss +24 -0
- package/scss/components/fluid-number-input/fluid-number-input.scss +3 -1
- package/scss/components/fluid-password-input/fluid-password-input.scss +1 -16
- package/scss/components/fluid-select/fluid-select.scss +3 -1
- package/scss/components/fluid-text-input/fluid-text-input.scss +3 -1
- package/scss/components/fluid-textarea/fluid-textarea.scss +3 -1
- package/scss/components/grid/grid.scss +20 -0
- package/scss/components/menu/menu-item.scss +5 -1
- package/scss/components/modal/modal.scss +1 -0
- 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/radio-button/radio-button.scss?lit
|
|
10
|
-
var radio_button_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,:host(cds-custom-radio-button-group){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--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button-group *,.cds-custom--radio-button-group :after,.cds-custom--radio-button-group :before{box-sizing:inherit}.cds-custom--radio-button-group{align-items:center;display:flex;position:relative}.cds-custom--label+.cds-custom--form-item .cds-custom--radio-button-group,.cds-custom--label+:host(cds-custom-radio-button-group) .cds-custom--radio-button-group{margin-block-start:0}.cds-custom--radio-button-group--vertical,:host(cds-custom-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds-custom--radio-button-group--vertical.cds-custom--radio-button-group--label-left{align-items:flex-end}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label{margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label:not(:last-of-type),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds-custom--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds-custom--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds-custom--radio-button__label-text{flex:1;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--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button__appearance *,.cds-custom--radio-button__appearance :after,.cds-custom--radio-button__appearance :before{box-sizing:inherit}.cds-custom--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__appearance{margin-block:0}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:\"\";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label{cursor:default}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label-text,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--radio-button-group--invalid .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds-custom--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds-custom--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds-custom--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg{display:flex}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--radio-button-group~.cds-custom--form__helper-text{margin-block-start:.375rem}.cds-custom--radio-button:focus+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds-custom--radio-button__label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--radio-button__label.cds-custom--skeleton:active,.cds-custom--radio-button__label.cds-custom--skeleton:focus,.cds-custom--radio-button__label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--radio-button__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--radio-button__label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button__label.cds-custom--skeleton{background:CanvasText}.cds-custom--radio-button__label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--radio-button__label.cds-custom--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds-custom--radio-button__label.cds-custom--skeleton .cds-custom--radio-button__appearance{display:none}.cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button) .cds-custom--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds-custom--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-custom-radio-button){margin-inline-end:1rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button) .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button) .cds-custom--radio-button__label{padding-block-start:.125rem}.cds-custom--radio-button-group--label-right .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-right .cds-custom--radio-button__label{flex-direction:row}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__appearance,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}.cds-custom--radio-button-group--decorator legend.cds-custom--label,.cds-custom--radio-button-group--slug legend.cds-custom--label,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text{display:flex}.cds-custom--radio-button-group--decorator legend.cds-custom--label .cds-custom--radio-button-group-inner--decorator>*,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--radio-button-wrapper-inner--decorator>*,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg{display:flex}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-radio-button){outline:none}:host(cds-custom-radio-button) .cds-custom--radio-button__label{flex-direction:row}:host(cds-custom-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-custom-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-custom-radio-button[invalid]:not([readOnly]):not([disabled]):not([disabledItem])) .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__label{inline-size:1.75rem}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__label,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance:before,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}:host(cds-custom-radio-button[ai-label]) .cds-custom--radio-button__label-text{display:flex}:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label[inline]),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-slug),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}"]);
|
|
10
|
+
var radio_button_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,:host(cds-custom-radio-button-group){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--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button-group *,.cds-custom--radio-button-group :after,.cds-custom--radio-button-group :before{box-sizing:inherit}.cds-custom--radio-button-group{align-items:center;display:flex;position:relative}.cds-custom--label+.cds-custom--form-item .cds-custom--radio-button-group,.cds-custom--label+:host(cds-custom-radio-button-group) .cds-custom--radio-button-group{margin-block-start:0}.cds-custom--radio-button-group--vertical,:host(cds-custom-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds-custom--radio-button-group--vertical.cds-custom--radio-button-group--label-left{align-items:flex-end}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label{margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label:not(:last-of-type),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds-custom--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds-custom--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds-custom--radio-button__label-text{flex:1;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--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button__appearance *,.cds-custom--radio-button__appearance :after,.cds-custom--radio-button__appearance :before{box-sizing:inherit}.cds-custom--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__appearance{margin-block:0}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:\"\";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label{cursor:default}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label-text,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--radio-button-group--invalid .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds-custom--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds-custom--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds-custom--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg{display:flex}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--radio-button-group~.cds-custom--form__helper-text{margin-block-start:.375rem}.cds-custom--radio-button:focus+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds-custom--radio-button__label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--radio-button__label.cds-custom--skeleton:active,.cds-custom--radio-button__label.cds-custom--skeleton:focus,.cds-custom--radio-button__label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--radio-button__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--radio-button__label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button__label.cds-custom--skeleton{background:CanvasText}.cds-custom--radio-button__label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--radio-button__label.cds-custom--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds-custom--radio-button__label.cds-custom--skeleton .cds-custom--radio-button__appearance{display:none}.cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button) .cds-custom--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds-custom--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-custom-radio-button){margin-inline-end:1rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button) .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button) .cds-custom--radio-button__label{padding-block-start:.125rem}.cds-custom--radio-button-group--label-right .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-right .cds-custom--radio-button__label{flex-direction:row}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__appearance,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}.cds-custom--radio-button-group--decorator legend.cds-custom--label,.cds-custom--radio-button-group--slug legend.cds-custom--label,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text{display:flex}.cds-custom--radio-button-group--decorator legend.cds-custom--label .cds-custom--radio-button-group-inner--decorator>*,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--radio-button-wrapper-inner--decorator>*,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg{display:flex}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-radio-button){outline:none}:host(cds-custom-radio-button) .cds-custom--radio-button__label{flex-direction:row}:host(cds-custom-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-custom-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-custom-radio-button[invalid]:not([readOnly]):not([disabled]):not([disabledItem])) .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__label{inline-size:1.75rem}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__label,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance:before,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}:host(cds-custom-radio-button[ai-label]) .cds-custom--radio-button__label-text{display:flex}:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label[inline]),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-slug),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { radio_button_default as default };
|
|
13
13
|
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Search size.
|
|
9
|
+
*/
|
|
10
|
+
export declare enum SEARCH_SIZE {
|
|
11
|
+
/**
|
|
12
|
+
* Extra small size.
|
|
13
|
+
*/
|
|
14
|
+
EXTRA_SMALL = "xs",
|
|
15
|
+
/**
|
|
16
|
+
* Small size.
|
|
17
|
+
*/
|
|
18
|
+
SMALL = "sm",
|
|
19
|
+
/**
|
|
20
|
+
* Medium size.
|
|
21
|
+
*/
|
|
22
|
+
MEDIUM = "md",
|
|
23
|
+
/**
|
|
24
|
+
* Large size.
|
|
25
|
+
*/
|
|
26
|
+
LARGE = "lg"
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=defs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/search/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
//#region src/components/search/defs.ts
|
|
9
|
+
/**
|
|
10
|
+
* Copyright IBM Corp. 2026
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* Search size.
|
|
17
|
+
*/
|
|
18
|
+
let SEARCH_SIZE = /* @__PURE__ */ function(SEARCH_SIZE) {
|
|
19
|
+
/**
|
|
20
|
+
* Extra small size.
|
|
21
|
+
*/
|
|
22
|
+
SEARCH_SIZE["EXTRA_SMALL"] = "xs";
|
|
23
|
+
/**
|
|
24
|
+
* Small size.
|
|
25
|
+
*/
|
|
26
|
+
SEARCH_SIZE["SMALL"] = "sm";
|
|
27
|
+
/**
|
|
28
|
+
* Medium size.
|
|
29
|
+
*/
|
|
30
|
+
SEARCH_SIZE["MEDIUM"] = "md";
|
|
31
|
+
/**
|
|
32
|
+
* Large size.
|
|
33
|
+
*/
|
|
34
|
+
SEARCH_SIZE["LARGE"] = "lg";
|
|
35
|
+
return SEARCH_SIZE;
|
|
36
|
+
}({});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { SEARCH_SIZE };
|
|
39
|
+
|
|
40
|
+
//# sourceMappingURL=defs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/search/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Search size.\n */\nexport enum SEARCH_SIZE {\n /**\n * Extra small size.\n */\n EXTRA_SMALL = 'xs',\n\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;AAIL,aAAA,iBAAA;;;;AAKA,aAAA,WAAA;;;;AAKA,aAAA,YAAA;;;;AAKA,aAAA,WAAA;;KACD"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2019,
|
|
2
|
+
* Copyright IBM Corp. 2019, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
|
-
import {
|
|
8
|
+
import { SEARCH_SIZE } from './defs';
|
|
9
9
|
/**
|
|
10
10
|
* Skeleton of search.
|
|
11
11
|
*/
|
|
12
12
|
declare class CDSSearchSkeleton extends LitElement {
|
|
13
13
|
/**
|
|
14
|
-
* The search
|
|
14
|
+
* The search skeleton size.
|
|
15
15
|
*/
|
|
16
|
-
size
|
|
16
|
+
size?: SEARCH_SIZE;
|
|
17
17
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
18
|
static styles: any;
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"search-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAIrC;;GAEG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -8,14 +8,13 @@
|
|
|
8
8
|
import "../../globals/settings.js";
|
|
9
9
|
import { carbonElement } from "../../globals/decorators/carbon-element.js";
|
|
10
10
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
|
|
11
|
-
import "../text-input/defs.js";
|
|
12
|
-
import "../text-input/text-input.js";
|
|
13
11
|
import search_default from "./search.scss.js";
|
|
14
12
|
import { LitElement, html } from "lit";
|
|
15
13
|
import { property } from "lit/decorators.js";
|
|
14
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
16
15
|
//#region src/components/search/search-skeleton.ts
|
|
17
16
|
/**
|
|
18
|
-
* Copyright IBM Corp. 2019,
|
|
17
|
+
* Copyright IBM Corp. 2019, 2026
|
|
19
18
|
*
|
|
20
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
20
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -24,14 +23,15 @@ import { property } from "lit/decorators.js";
|
|
|
24
23
|
* Skeleton of search.
|
|
25
24
|
*/
|
|
26
25
|
let CDSSearchSkeleton = class CDSSearchSkeleton extends LitElement {
|
|
27
|
-
constructor(..._args) {
|
|
28
|
-
super(..._args);
|
|
29
|
-
this.size = "md";
|
|
30
|
-
}
|
|
31
26
|
render() {
|
|
27
|
+
const { size } = this;
|
|
32
28
|
return html`
|
|
33
|
-
<
|
|
34
|
-
|
|
29
|
+
<div class="${classMap({
|
|
30
|
+
[`cds-custom--skeleton`]: true,
|
|
31
|
+
[`cds-custom--layout--size-${size}`]: size !== void 0
|
|
32
|
+
})}">
|
|
33
|
+
<div class="${"cds-custom"}--search-input"></div>
|
|
34
|
+
</div>
|
|
35
35
|
`;
|
|
36
36
|
}
|
|
37
37
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019,
|
|
1
|
+
{"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SEARCH_SIZE } from './defs';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n /**\n * The search skeleton size.\n */\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n render() {\n const { size } = this;\n const searchClasses = classMap({\n [`${prefix}--skeleton`]: true,\n [`${prefix}--layout--size-${size}`]: size !== undefined,\n });\n return html`\n <div class=\"${searchClasses}\">\n <div class=\"${prefix}--search-input\"></div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CAOzC,SAAS;EACP,MAAM,EAAE,SAAS;AAKjB,SAAO,IAAI;oBAJW,SAAS;IAC5B,kBAAwB;IACxB,qBAA2B,SAAS,SAAS,KAAA;GAC/C,CAAC,CAE4B;4BACL;;;;;gBAKXA;;;YAhBf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;gCAL7BC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAwB3C,IAAA,0BAAe"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2019,
|
|
2
|
+
* Copyright IBM Corp. 2019, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
|
-
import {
|
|
8
|
+
import { SEARCH_SIZE } from './defs';
|
|
9
|
+
export { SEARCH_SIZE };
|
|
9
10
|
declare const CDSSearch_base: {
|
|
10
11
|
new (...args: any[]): {
|
|
11
12
|
_handles: Set<import("../../globals/internal/handle").default>;
|
|
@@ -116,7 +117,7 @@ declare class CDSSearch extends CDSSearch_base {
|
|
|
116
117
|
/**
|
|
117
118
|
* The search box size.
|
|
118
119
|
*/
|
|
119
|
-
size
|
|
120
|
+
size?: SEARCH_SIZE;
|
|
120
121
|
/**
|
|
121
122
|
* The `<input>` name.
|
|
122
123
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;uBAHwB,CAAA;;;;;;;;;;;;AAK/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IAKH,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IAIH,OAAO,CAAC,WAAW;IA4CnB;;;OAGG;IAIH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IA+DN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -14,8 +14,7 @@ import HostListener from "../../globals/decorators/host-listener.js";
|
|
|
14
14
|
import HostListenerMixin from "../../globals/mixins/host-listener.js";
|
|
15
15
|
import FormMixin from "../../globals/mixins/form.js";
|
|
16
16
|
import if_non_empty_default from "../../globals/directives/if-non-empty.js";
|
|
17
|
-
import "
|
|
18
|
-
import "../text-input/text-input.js";
|
|
17
|
+
import { SEARCH_SIZE } from "./defs.js";
|
|
19
18
|
import search_default$1 from "./search.scss.js";
|
|
20
19
|
import { LitElement, html } from "lit";
|
|
21
20
|
import { property } from "lit/decorators.js";
|
|
@@ -24,7 +23,7 @@ import Close16 from "@carbon/icons/es/close/16.js";
|
|
|
24
23
|
import Search16 from "@carbon/icons/es/search/16.js";
|
|
25
24
|
//#region src/components/search/search.ts
|
|
26
25
|
/**
|
|
27
|
-
* Copyright IBM Corp. 2019,
|
|
26
|
+
* Copyright IBM Corp. 2019, 2026
|
|
28
27
|
*
|
|
29
28
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
30
29
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -53,7 +52,6 @@ let CDSSearch = class CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(L
|
|
|
53
52
|
this.name = "";
|
|
54
53
|
this.role = "";
|
|
55
54
|
this.placeholder = "Search";
|
|
56
|
-
this.size = "md";
|
|
57
55
|
this.type = "";
|
|
58
56
|
this.value = "";
|
|
59
57
|
}
|
|
@@ -254,6 +252,6 @@ __decorate([property({ type: String })], CDSSearch.prototype, "value", void 0);
|
|
|
254
252
|
CDSSearch = __decorate([carbonElement(`cds-custom-search`)], CDSSearch);
|
|
255
253
|
var search_default = CDSSearch;
|
|
256
254
|
//#endregion
|
|
257
|
-
export { search_default as default };
|
|
255
|
+
export { SEARCH_SIZE, search_default as default };
|
|
258
256
|
|
|
259
257
|
//# sourceMappingURL=search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Search box.\n *\n * @element cds-custom-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-custom-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n /**\n * Handles `input` event on the `<input>` in the shadow DOM.\n */\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * Handles `click` event on the button to clear search box content.\n */\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n /**\n * Expand only when the magnifier icon is clicked\n */\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleExpand(e: Event) {\n // Check if the click came from the magnifier area\n const path = (e.composedPath && (e.composedPath() as unknown[])) || [];\n const isMagnifierClick = path.some((n: unknown) =>\n (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n );\n\n if (isMagnifierClick && this.expandable && !this.expanded) {\n this._expandAndFocus();\n }\n }\n\n private _expandAndFocus() {\n this.setAttribute('expanded', '');\n // Focus the input after expanding\n this.shadowRoot?.getElementById('input')?.focus();\n }\n\n /**\n * Handle keyboard interactions:\n * - Enter/Space: expand when collapsed and focus the input\n * - Esc: if input has text: clear it | if empty: collapse and move focus back to magnifier\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeys(event: KeyboardEvent) {\n const key = event.key;\n\n // Esc only works when the input is the active element\n if (key === 'Escape') {\n const inputEl = this.shadowRoot?.getElementById(\n 'input'\n ) as HTMLInputElement | null;\n if (this.shadowRoot?.activeElement === inputEl) {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.value?.length) {\n // Clear but keep focus in the input\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: { value: '' },\n })\n );\n this.value = '';\n } else {\n if (this.expandable && this.expanded) {\n this.removeAttribute('expanded');\n }\n this._focusMagnifier();\n }\n }\n return;\n }\n\n if (!this.expandable || this.expanded) {\n return;\n }\n\n // Enter/Space: expand if collapsed\n if (key === 'Enter' || key === ' ') {\n event.preventDefault();\n this._expandAndFocus();\n }\n }\n\n /**\n * Handles `focusout` event on the component to be closed after being expanded\n * Will not close if there is a value typed within.\n */\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClose() {\n if (this.expandable && this.expanded && !this.value) {\n this.removeAttribute('expanded');\n }\n }\n\n /**\n * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n *\n * @private\n */\n private _handleSlotChange() {\n const icon = this.querySelector('svg');\n icon?.setAttribute('part', 'search-icon');\n icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n icon?.setAttribute('role', `img`);\n this.hasCustomIcon = true;\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 * Move focus back to the magnifier element.\n * Adds tabindex=\"-1\" if it is not focusable yet.\n */\n private _focusMagnifier() {\n const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n `.${prefix}--search-magnifier`\n );\n if (magnifier) {\n if (!magnifier.hasAttribute('tabindex')) {\n magnifier.tabIndex = -1;\n }\n magnifier.focus();\n }\n }\n\n /**\n * Specify an optional value for the autocomplete property on the underlying <input>,\n * defaults to \"off\"\n */\n @property({ attribute: 'autocomplete' })\n autoComplete = 'off';\n\n /**\n * Specify a label to be read by screen readers on the \"close\" button\n */\n @property({ attribute: 'close-button-label-text' })\n closeButtonLabelText = '';\n\n /**\n * `true` if the search box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the search bar can be expandable\n */\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /**\n * `true` if the expandable search has been expanded\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name in `FormData`.\n */\n @property()\n name = '';\n\n /**\n * Specify the role for the underlying <input>, defaults to searchbox\n */\n @property()\n role = '';\n\n /**\n * The placeholder text.\n */\n @property()\n placeholder = 'Search';\n\n /**\n * The search box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /**\n * The `<input>` name.\n */\n @property()\n type = '';\n\n /**\n * The value.\n */\n @property({ type: String })\n value = '';\n\n render() {\n const {\n autoComplete,\n closeButtonLabelText,\n disabled,\n hasCustomIcon,\n labelText,\n name,\n placeholder,\n role,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n _handleSlotChange: handleSlotChange,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n <div class=\"${prefix}--search-magnifier\">\n <slot name=\"icon\" @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : iconLoader(Search16, {\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n </slot>\n </div>\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n autocomplete=\"${autoComplete}\"\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"${role}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n ?disabled=\"${disabled}\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonLabelText}\">\n ${iconLoader(Close16, {\n part: 'close-icon',\n 'aria-label': closeButtonLabelText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /**\n * The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { SEARCH_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { SEARCH_SIZE };\n\n/**\n * Search box.\n *\n * @element cds-custom-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-custom-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n /**\n * Handles `input` event on the `<input>` in the shadow DOM.\n */\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /**\n * Handles `click` event on the button to clear search box content.\n */\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n /**\n * Expand only when the magnifier icon is clicked\n */\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleExpand(e: Event) {\n // Check if the click came from the magnifier area\n const path = (e.composedPath && (e.composedPath() as unknown[])) || [];\n const isMagnifierClick = path.some((n: unknown) =>\n (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n );\n\n if (isMagnifierClick && this.expandable && !this.expanded) {\n this._expandAndFocus();\n }\n }\n\n private _expandAndFocus() {\n this.setAttribute('expanded', '');\n // Focus the input after expanding\n this.shadowRoot?.getElementById('input')?.focus();\n }\n\n /**\n * Handle keyboard interactions:\n * - Enter/Space: expand when collapsed and focus the input\n * - Esc: if input has text: clear it | if empty: collapse and move focus back to magnifier\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeys(event: KeyboardEvent) {\n const key = event.key;\n\n // Esc only works when the input is the active element\n if (key === 'Escape') {\n const inputEl = this.shadowRoot?.getElementById(\n 'input'\n ) as HTMLInputElement | null;\n if (this.shadowRoot?.activeElement === inputEl) {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.value?.length) {\n // Clear but keep focus in the input\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: { value: '' },\n })\n );\n this.value = '';\n } else {\n if (this.expandable && this.expanded) {\n this.removeAttribute('expanded');\n }\n this._focusMagnifier();\n }\n }\n return;\n }\n\n if (!this.expandable || this.expanded) {\n return;\n }\n\n // Enter/Space: expand if collapsed\n if (key === 'Enter' || key === ' ') {\n event.preventDefault();\n this._expandAndFocus();\n }\n }\n\n /**\n * Handles `focusout` event on the component to be closed after being expanded\n * Will not close if there is a value typed within.\n */\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClose() {\n if (this.expandable && this.expanded && !this.value) {\n this.removeAttribute('expanded');\n }\n }\n\n /**\n * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n *\n * @private\n */\n private _handleSlotChange() {\n const icon = this.querySelector('svg');\n icon?.setAttribute('part', 'search-icon');\n icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n icon?.setAttribute('role', `img`);\n this.hasCustomIcon = true;\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 * Move focus back to the magnifier element.\n * Adds tabindex=\"-1\" if it is not focusable yet.\n */\n private _focusMagnifier() {\n const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n `.${prefix}--search-magnifier`\n );\n if (magnifier) {\n if (!magnifier.hasAttribute('tabindex')) {\n magnifier.tabIndex = -1;\n }\n magnifier.focus();\n }\n }\n\n /**\n * Specify an optional value for the autocomplete property on the underlying <input>,\n * defaults to \"off\"\n */\n @property({ attribute: 'autocomplete' })\n autoComplete = 'off';\n\n /**\n * Specify a label to be read by screen readers on the \"close\" button\n */\n @property({ attribute: 'close-button-label-text' })\n closeButtonLabelText = '';\n\n /**\n * `true` if the search box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the search bar can be expandable\n */\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /**\n * `true` if the expandable search has been expanded\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name in `FormData`.\n */\n @property()\n name = '';\n\n /**\n * Specify the role for the underlying <input>, defaults to searchbox\n */\n @property()\n role = '';\n\n /**\n * The placeholder text.\n */\n @property()\n placeholder = 'Search';\n\n /**\n * The search box size.\n */\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n /**\n * The `<input>` name.\n */\n @property()\n type = '';\n\n /**\n * The value.\n */\n @property({ type: String })\n value = '';\n\n render() {\n const {\n autoComplete,\n closeButtonLabelText,\n disabled,\n hasCustomIcon,\n labelText,\n name,\n placeholder,\n role,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n _handleSlotChange: handleSlotChange,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n <div class=\"${prefix}--search-magnifier\">\n <slot name=\"icon\" @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : iconLoader(Search16, {\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n </slot>\n </div>\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n autocomplete=\"${autoComplete}\"\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"${role}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n ?disabled=\"${disabled}\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonLabelText}\">\n ${iconLoader(Close16, {\n part: 'close-icon',\n 'aria-label': closeButtonLabelText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /**\n * The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}
|